<div class="adsagency-banner-wrapper">
  
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap" rel="stylesheet">

  <style>
    .adsagency-banner-wrapper {
      font-family: 'Inter', sans-serif;
      color: #fff;
      background: #000;
      max-width: 100%;
      overflow: hidden;
    }

    .adsagency-banner-wrapper * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
    }

    /* ===== BANNER ===== */
    .adsagency-banner-wrapper .hero {
      position: relative;
      width: 100%;
      min-height: 520px;
      overflow: hidden;
    }

    /* IMAGE BACKGROUND */
    .adsagency-banner-wrapper .hero::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url("https://egead.nyc3.cdn.digitaloceanspaces.com/1770194179137juea17.webp") center / cover no-repeat;
      z-index: 1;
    }

    /* 🔥 OVERLAY TỐI HƠN */
    .adsagency-banner-wrapper .hero::after {
      content: '';
      position: absolute;
      inset: 0;
      background: rgba(0,0,0,.75);
      z-index: 2;
    }

    .adsagency-banner-wrapper .hero-container {
      position: relative;
      z-index: 3;
      max-width: 1400px;
      margin: auto;
      padding: 80px 20px;
      display: grid;
      grid-template-columns: 1.2fr 1fr;
      gap: 40px;
      align-items: center;
    }

    /* ===== TEXT ===== */
    .adsagency-banner-wrapper .hero small {
      color: #ffd84a;
      font-weight: 600;
    }

    .adsagency-banner-wrapper .hero h1 {
      margin: 12px 0;
      font-size: 36px;
      line-height: 1.3;
    }

    .adsagency-banner-wrapper .hero h1 span {
      color: #ffd84a;
    }

    .adsagency-banner-wrapper .hero p {
      margin-top: 10px;
      font-size: 16px;
      opacity: .9;
    }

    .adsagency-banner-wrapper .btn {
      display: inline-block;
      margin-top: 28px;
      padding: 14px 34px;
      border-radius: 40px;
      border: 2px solid #ffd84a;
      color: #ffd84a;
      font-weight: 700;
      text-decoration: none;
      transition: .3s;
    }

    .adsagency-banner-wrapper .btn:hover {
      background: #ffd84a;
      color: #000;
    }

    /* ===== IMAGE ===== */
    .adsagency-banner-wrapper .hero-image {
      text-align: right;
    }

    .adsagency-banner-wrapper .hero-image img {
      max-width: 360px;
      filter: drop-shadow(0 10px 30px rgba(0,0,0,.6));
    }

    /* ===== PARTNER BAR ===== */
    .adsagency-banner-wrapper .partner-bar {
      position: relative;
      z-index: 4;
      background: linear-gradient(
        90deg,
        #6bd80a,
        #e4b800,
        #02005b
      );
      padding: 28px 20px;
    }

    .adsagency-banner-wrapper .partner-wrap {
      max-width: 1400px;
      margin: auto;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 30px;
      align-items: center;
    }

    .adsagency-banner-wrapper .partner-box {
      background: #fff;
      border-radius: 6px;
      padding: 20px;
      color: #000;
      font-weight: 600;
    }

    .adsagency-banner-wrapper .partner-logos {
      display: flex;
      gap: 20px;
      align-items: center;
      flex-wrap: wrap;
    }

    .adsagency-banner-wrapper .partner-logos img {
      height: 34px;
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 900px) {
      .adsagency-banner-wrapper .hero-container {
        grid-template-columns: 1fr;
        text-align: center;
      }

      .adsagency-banner-wrapper .hero-image {
        text-align: center;
      }

      .adsagency-banner-wrapper .hero h1 {
        font-size: 28px;
      }
    }

    @media (max-width: 600px) {
      .adsagency-banner-wrapper .hero-container {
        padding: 60px 15px;
      }

      .adsagency-banner-wrapper .hero h1 {
        font-size: 24px;
      }

      .adsagency-banner-wrapper .hero-image img {
        max-width: 280px;
      }

      .adsagency-banner-wrapper .partner-wrap {
        grid-template-columns: 1fr;
        gap: 20px;
      }
    }
  </style>

  <section class="hero">
    <div class="hero-container">
      
      <div>
        <small>READY TO SCALE <span style="color:#ffd84a">YOUR BUSINESS WITH EGEAD</small>
        <h1>
          <span>OFFICIAL DIGITAL</span> GROWTH PARTNER
FOR <span>E-COMMERCE</span>
          ONLINE BRANDS
        </h1>
        <p>Technology • E-commerce • Advertising Solutions</p>
        <a href="#" class="btn">ĐĂNG KÝ NGAY</a>
      </div>

      
      <div class="hero-image">
        <img src="https://egead.nyc3.cdn.digitaloceanspaces.com/1770192550964wtog6p.webp" alt="Video Frame">
      </div>
    </div>
  </section>

  
  <section class="partner-bar">
    <div class="partner-wrap">
      <div class="partner-box">
        ĐỐI TÁC CHÍNH THỨC CỦA FACEBOOK VÀ GOOGLE TẠI VIỆT NAM
        <div class="partner-logos" style="margin-top:12px">
          <img src="https://egead.nyc3.cdn.digitaloceanspaces.com/1770192550964wtog6p.webp" alt="Meta">
          <img src="https://upload.wikimedia.org/wikipedia/commons/2/2f/Google_2015_logo.svg" alt="Google">
        </div>
      </div>

      <div class="partner-box">
        HƠN 2.053 THƯƠNG HIỆU BẬC NHẤT ĐANG TIN DÙNG
        <div class="partner-logos" style="margin-top:12px">
          <img src="https://via.placeholder.com/80x30?text=Couple+TX" alt="Couple TX">
          <img src="https://via.placeholder.com/80x30?text=Lavender" alt="Lavender">
          <img src="https://via.placeholder.com/80x30?text=Innisfree" alt="Innisfree">
          <img src="https://via.placeholder.com/80x30?text=Phúc+Lộc+Thọ" alt="Phúc Lộc Thọ">
        </div>
      </div>
    </div>
  </section>
</div>

 Everyday Comfort

#181616

OFFICIAL DIGITAL GROWTH PARTNER FOR E-COMMERCE ONLINE BRANDS

New Tshirts

New Hoodies

New Sweaters

Customer Reviews

Thomas Kelly

Benjamin Scott

Zoe Roberts

Jack Parker

4.67 out of 5

Customer photos & videos