AI.Amzad

<style>
/* =========================
   ARIYAN CREATIVE STUDIO
   WORDPRESS LANDING PAGE
========================= */

*{
  box-sizing:border-box;
}

.acs-page{
  font-family:Inter,Arial,sans-serif;
  color:#111;
  background:#fff;
  line-height:1.6;
  overflow:hidden;
}

.acs-container{
  width:min(1180px,92%);
  margin:auto;
}

/* HEADER */
.acs-header{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  z-index:20;
  padding:22px 0;
}

.acs-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.acs-logo{
  font-size:25px;
  font-weight:900;
  letter-spacing:-1px;
}

.acs-logo span{
  color:#ff4d00;
}

.acs-nav-links{
  display:flex;
  gap:30px;
}

.acs-nav-links a{
  color:#111;
  text-decoration:none;
  font-weight:600;
  font-size:14px;
}

.acs-nav-btn{
  background:#111;
  color:#fff !important;
  padding:11px 20px;
  border-radius:30px;
}

/* HERO */
.acs-hero{
  min-height:780px;
  display:flex;
  align-items:center;
  padding:120px 0 80px;
  background:
    radial-gradient(circle at 80% 20%,#ffd8c2,transparent 35%),
    #f8f7f4;
}

.acs-hero-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:60px;
  align-items:center;
}

.acs-badge{
  display:inline-block;
  background:#111;
  color:#fff;
  padding:8px 15px;
  border-radius:30px;
  font-size:12px;
  font-weight:700;
  margin-bottom:22px;
}

.acs-hero h1{
  font-size:clamp(48px,6vw,82px);
  line-height:.98;
  letter-spacing:-4px;
  margin:0 0 25px;
  font-weight:900;
}

.acs-hero h1 span{
  color:#ff4d00;
}

.acs-hero p{
  max-width:570px;
  font-size:18px;
  color:#555;
  margin-bottom:32px;
}

.acs-buttons{
  display:flex;
  gap:13px;
  flex-wrap:wrap;
}

.acs-btn{
  display:inline-block;
  text-decoration:none;
  padding:15px 25px;
  border-radius:40px;
  font-weight:800;
  transition:.2s;
}

.acs-btn-primary{
  background:#ff4d00;
  color:#fff;
}

.acs-btn-dark{
  background:#111;
  color:#fff;
}

.acs-btn:hover{
  transform:translateY(-3px);
}

/* HERO IMAGE */
.acs-hero-image{
  position:relative;
}

.acs-hero-image img{
  width:100%;
  height:560px;
  object-fit:cover;
  border-radius:28px;
  display:block;
}

.acs-floating{
  position:absolute;
  bottom:25px;
  left:-25px;
  background:#fff;
  padding:18px 22px;
  border-radius:18px;
  box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.acs-floating strong{
  display:block;
  font-size:24px;
}

/* STATS */
.acs-stats{
  padding:55px 0;
  border-bottom:1px solid #eee;
}

.acs-stats-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  text-align:center;
}

.acs-stat{
  border-right:1px solid #ddd;
}

.acs-stat:last-child{
  border:0;
}

.acs-stat strong{
  display:block;
  font-size:38px;
  font-weight:900;
}

.acs-stat span{
  color:#777;
  font-size:14px;
}

/* SECTION */
.acs-section{
  padding:110px 0;
}

.acs-section-head{
  max-width:720px;
  margin-bottom:55px;
}

.acs-section-head small{
  color:#ff4d00;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:2px;
}

.acs-section-head h2{
  font-size:clamp(38px,5vw,62px);
  line-height:1;
  letter-spacing:-3px;
  margin:12px 0;
}

.acs-section-head p{
  color:#666;
  font-size:17px;
}

/* SERVICES */
.acs-services{
  background:#111;
  color:#fff;
}

.acs-services .acs-section-head p{
  color:#aaa;
}

.acs-service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.acs-service{
  border:1px solid #333;
  padding:32px;
  border-radius:22px;
  transition:.3s;
}

.acs-service:hover{
  background:#ff4d00;
  transform:translateY(-7px);
}

.acs-service-number{
  font-size:13px;
  opacity:.6;
}

.acs-service h3{
  font-size:25px;
  margin:40px 0 10px;
}

.acs-service p{
  color:#aaa;
}

.acs-service:hover p{
  color:#fff;
}

/* PACKAGES */
.acs-packages{
  background:#f5f4f1;
}

.acs-package-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.acs-package{
  background:#fff;
  border:1px solid #ddd;
  border-radius:25px;
  padding:35px;
  position:relative;
}

.acs-package.featured{
  background:#111;
  color:#fff;
  transform:scale(1.04);
}

.acs-package-label{
  position:absolute;
  top:18px;
  right:18px;
  background:#ff4d00;
  color:#fff;
  padding:6px 12px;
  border-radius:20px;
  font-size:11px;
  font-weight:800;
}

.acs-package h3{
  font-size:25px;
  margin:0 0 8px;
}

.acs-price{
  font-size:43px;
  font-weight:900;
  margin:20px 0;
}

.acs-price small{
  font-size:14px;
  font-weight:500;
}

.acs-package ul{
  list-style:none;
  padding:0;
  margin:25px 0;
}

.acs-package li{
  padding:9px 0;
  border-bottom:1px solid #eee;
  font-size:14px;
}

.acs-package.featured li{
  border-color:#333;
}

.acs-package li:before{
  content:"✓";
  color:#ff4d00;
  font-weight:900;
  margin-right:10px;
}

.acs-package-btn{
  display:block;
  text-align:center;
  text-decoration:none;
  background:#111;
  color:#fff;
  padding:14px;
  border-radius:30px;
  font-weight:800;
}

.acs-package.featured .acs-package-btn{
  background:#ff4d00;
}

/* PORTFOLIO */
.acs-portfolio-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:15px;
}

.acs-work{
  position:relative;
  overflow:hidden;
  border-radius:20px;
}

.acs-work img{
  width:100%;
  height:370px;
  object-fit:cover;
  display:block;
  transition:.5s;
}

.acs-work:hover img{
  transform:scale(1.06);
}

.acs-work-caption{
  position:absolute;
  bottom:15px;
  left:15px;
  right:15px;
  background:rgba(0,0,0,.75);
  color:#fff;
  padding:15px;
  border-radius:15px;
}

.acs-work-caption strong{
  display:block;
}

/* WHY US */
.acs-why{
  background:#ff4d00;
  color:#fff;
}

.acs-why-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:70px;
  align-items:center;
}

.acs-why h2{
  font-size:clamp(42px,5vw,68px);
  line-height:1;
  letter-spacing:-3px;
}

.acs-why-list{
  display:grid;
  gap:15px;
}

.acs-why-item{
  background:rgba(0,0,0,.12);
  padding:22px;
  border-radius:18px;
}

.acs-why-item strong{
  display:block;
  font-size:19px;
  margin-bottom:4px;
}

/* TESTIMONIAL */
.acs-testimonials{
  background:#f7f7f7;
}

.acs-testimonial-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.acs-testimonial{
  background:#fff;
  padding:30px;
  border-radius:22px;
}

.acs-stars{
  color:#ff4d00;
  font-size:20px;
}

.acs-testimonial p{
  color:#555;
}

.acs-client{
  font-weight:800;
  margin-top:20px;
}

/* CTA */
.acs-cta{
  padding:110px 0;
  background:#111;
  color:#fff;
  text-align:center;
}

.acs-cta h2{
  font-size:clamp(45px,6vw,75px);
  line-height:1;
  letter-spacing:-4px;
  max-width:850px;
  margin:0 auto 25px;
}

.acs-cta p{
  color:#aaa;
  max-width:600px;
  margin:0 auto 30px;
}

/* FOOTER */
.acs-footer{
  background:#111;
  color:#aaa;
  border-top:1px solid #333;
  padding:30px 0;
  text-align:center;
  font-size:13px;
}

/* MOBILE */
@media(max-width:850px){

  .acs-nav-links{
    display:none;
  }

  .acs-hero{
    padding-top:120px;
  }

  .acs-hero-grid,
  .acs-why-grid{
    grid-template-columns:1fr;
  }

  .acs-hero h1{
    letter-spacing:-2px;
  }

  .acs-hero-image img{
    height:430px;
  }

  .acs-floating{
    left:15px;
  }

  .acs-stats-grid{
    grid-template-columns:repeat(2,1fr);
    gap:25px;
  }

  .acs-stat{
    border:0;
  }

  .acs-service-grid,
  .acs-package-grid,
  .acs-portfolio-grid,
  .acs-testimonial-grid{
    grid-template-columns:1fr;
  }

  .acs-package.featured{
    transform:none;
  }

  .acs-section{
    padding:75px 0;
  }
}
</style>


<div class="acs-page">

<!-- HEADER -->
<header class="acs-header">
  <div class="acs-container acs-nav">

    <div class="acs-logo">
      ARIYAN<span>.</span>
    </div>

    <nav class="acs-nav-links">
      <a href="#services">Services</a>
      <a href="#packages">Packages</a>
      <a href="#portfolio">Portfolio</a>
      <a href="#contact" class="acs-nav-btn">Let's Talk</a>
    </nav>

  </div>
</header>


<!-- HERO -->
<section class="acs-hero">

  <div class="acs-container acs-hero-grid">

    <div>

      <span class="acs-badge">
        CREATIVE CONTENT STUDIO
      </span>

      <h1>
        Content That<br>
        Makes Your Brand <span>Stand Out.</span>
      </h1>

      <p>
        We create scroll-stopping UGC videos, product photography,
        AI-powered creatives and social media content that help brands
        get attention and drive sales.
      </p>

      <div class="acs-buttons">

        <a class="acs-btn acs-btn-primary"
           href="https://wa.me/YOURWHATSAPPNUMBER">
          Start Your Project →
        </a>

        <a class="acs-btn acs-btn-dark"
           href="#portfolio">
          View Our Work
        </a>

      </div>

    </div>


    <div class="acs-hero-image">

      <img
        src="https://images.unsplash.com/photo-1556761175-b413da4baf72?auto=format&fit=crop&w=1000&q=80"
        alt="Creative Studio">

      <div class="acs-floating">
        <strong>100+</strong>
        Creative Projects
      </div>

    </div>

  </div>

</section>


<!-- STATS -->
<section class="acs-stats">

  <div class="acs-container acs-stats-grid">

    <div class="acs-stat">
      <strong>100+</strong>
      <span>Projects Completed</span>
    </div>

    <div class="acs-stat">
      <strong>50+</strong>
      <span>Happy Clients</span>
    </div>

    <div class="acs-stat">
      <strong>20+</strong>
      <span>Brands Worked With</span>
    </div>

    <div class="acs-stat">
      <strong>4.9/5</strong>
      <span>Client Rating</span>
    </div>

  </div>

</section>


<!-- SERVICES -->
<section class="acs-section acs-services" id="services">

  <div class="acs-container">

    <div class="acs-section-head">
      <small>What We Do</small>
      <h2>Creative solutions for modern brands.</h2>
      <p>
        From idea to final edit, we help businesses create content
        that people actually want to watch.
      </p>
    </div>


    <div class="acs-service-grid">

      <div class="acs-service">
        <span class="acs-service-number">01</span>
        <h3>UGC Video Ads</h3>
        <p>
          Authentic Bangladeshi creator-style videos designed
          for Facebook, Instagram and TikTok.
        </p>
      </div>

      <div class="acs-service">
        <span class="acs-service-number">02</span>
        <h3>Product Photography</h3>
        <p>
          Premium product visuals that make your products
          look irresistible online.
        </p>
      </div>

      <div class="acs-service">
        <span class="acs-service-number">03</span>
        <h3>AI Video Content</h3>
        <p>
          High-quality AI generated visuals and video creatives
          for modern marketing campaigns.
        </p>
      </div>

      <div class="acs-service">
        <span class="acs-service-number">04</span>
        <h3>Social Media Content</h3>
        <p>
          Reels, short-form videos and creative posts
          designed to increase engagement.
        </p>
      </div>

      <div class="acs-service">
        <span class="acs-service-number">05</span>
        <h3>Video Editing</h3>
        <p>
          Fast-paced professional editing with captions,
          motion graphics, music and sound design.
        </p>
      </div>

      <div class="acs-service">
        <span class="acs-service-number">06</span>
        <h3>Ad Creatives</h3>
        <p>
          Conversion-focused creatives built specifically
          for paid advertising.
        </p>
      </div>

    </div>

  </div>

</section>


<!-- PACKAGES -->
<section class="acs-section acs-packages" id="packages">

  <div class="acs-container">

    <div class="acs-section-head">
      <small>Packages</small>
      <h2>Simple packages. Powerful content.</h2>
      <p>
        Choose a package that fits your content needs.
      </p>
    </div>


    <div class="acs-package-grid">


      <!-- BASIC -->
      <div class="acs-package">

        <h3>Starter</h3>

        <p>Perfect for testing your first creative campaign.</p>

        <div class="acs-price">
          ৳5,000
          <small>/ package</small>
        </div>

        <ul>
          <li>1 UGC Video</li>
          <li>15–30 Seconds</li>
          <li>Bangladeshi Creator</li>
          <li>Professional Editing</li>
          <li>Captions & Music</li>
        </ul>

        <a
          class="acs-package-btn"
          href="https://wa.me/YOURWHATSAPPNUMBER?text=I%20want%20the%20Starter%20Package">
          Choose Starter
        </a>

      </div>


      <!-- POPULAR -->
      <div class="acs-package featured">

        <span class="acs-package-label">
          MOST POPULAR
        </span>

        <h3>Growth</h3>

        <p>For brands that need multiple creatives.</p>

        <div class="acs-price">
          ৳12,000
          <small>/ package</small>
        </div>

        <ul>
          <li>3 UGC Videos</li>
          <li>15–30 Seconds Each</li>
          <li>Bangladeshi Creators</li>
          <li>Professional Editing</li>
          <li>Hooks & CTA</li>
          <li>Ad Optimized</li>
        </ul>

        <a
          class="acs-package-btn"
          href="https://wa.me/YOURWHATSAPPNUMBER?text=I%20want%20the%20Growth%20Package">
          Choose Growth
        </a>

      </div>


      <!-- PREMIUM -->
      <div class="acs-package">

        <h3>Scale</h3>

        <p>For brands ready to scale their advertising.</p>

        <div class="acs-price">
          ৳25,000
          <small>/ package</small>
        </div>

        <ul>
          <li>6 UGC Videos</li>
          <li>Multiple Hooks</li>
          <li>Multiple Creators</li>
          <li>Advanced Editing</li>
          <li>Ad Variations</li>
          <li>Priority Delivery</li>
        </ul>

        <a
          class="acs-package-btn"
          href="https://wa.me/YOURWHATSAPPNUMBER?text=I%20want%20the%20Scale%20Package">
          Choose Scale
        </a>

      </div>

    </div>

  </div>

</section>


<!-- PORTFOLIO -->
<section class="acs-section" id="portfolio">

  <div class="acs-container">

    <div class="acs-section-head">
      <small>Our Work</small>
      <h2>Made to stop the scroll.</h2>
      <p>
        A selection of creative content produced for brands.
      </p>
    </div>


    <div class="acs-portfolio-grid">

      <div class="acs-work">
        <img src="https://images.unsplash.com/photo-1529139574466-a303027c1d8b?auto=format&fit=crop&w=700&q=80">
        <div class="acs-work-caption">
          <strong>Fashion Campaign</strong>
          UGC Ad Creative
        </div>
      </div>

      <div class="acs-work">
        <img src="https://images.unsplash.com/photo-1556228720-195a672e8a03?auto=format&fit=crop&w=700&q=80">
        <div class="acs-work-caption">
          <strong>Beauty Product</strong>
          Product Creative
        </div>
      </div>

      <div class="acs-work">
        <img src="https://images.unsplash.com/photo-1542291026-7eec264c27ff?auto=format&fit=crop&w=700&q=80">
        <div class="acs-work-caption">
          <strong>E-commerce</strong>
          Social Media Ad
        </div>
      </div>

    </div>

  </div>

</section>


<!-- WHY US -->
<section class="acs-section acs-why">

  <div class="acs-container acs-why-grid">

    <div>
      <small>WHY US</small>

      <h2>
        We don't just make videos. We make content that sells.
      </h2>

      <p>
        Every creative is built around attention, storytelling
        and conversion.
      </p>
    </div>


    <div class="acs-why-list">

      <div class="acs-why-item">
        <strong>01 — Scroll-Stopping Hooks</strong>
        We grab attention within the first few seconds.
      </div>

      <div class="acs-why-item">
        <strong>02 — Local Creators</strong>
        Authentic Bangladeshi creators your audience can relate to.
      </div>

      <div class="acs-why-item">
        <strong>03 — Conversion Focused</strong>
        Every video has a clear marketing purpose.
      </div>

      <div class="acs-why-item">
        <strong>04 — Fast Delivery</strong>
        Get your creative assets without unnecessary delays.
      </div>

    </div>

  </div>

</section>


<!-- TESTIMONIALS -->
<section class="acs-section acs-testimonials">

  <div class="acs-container">

    <div class="acs-section-head">
      <small>Testimonials</small>
      <h2>What our clients say.</h2>
    </div>


    <div class="acs-testimonial-grid">

      <div class="acs-testimonial">

        <div class="acs-stars">★★★★★</div>

        <p>
          “The UGC videos looked incredibly natural and
          performed much better than our previous creatives.”
        </p>

        <div class="acs-client">
          — Brand Owner
        </div>

      </div>


      <div class="acs-testimonial">

        <div class="acs-stars">★★★★★</div>

        <p>
          “Very professional team. The final videos were
          exactly what we needed for our ads.”
        </p>

        <div class="acs-client">
          — E-commerce Brand
        </div>

      </div>


      <div class="acs-testimonial">

        <div class="acs-stars">★★★★★</div>

        <p>
          “Fast delivery, great communication and
          excellent creative quality.”
        </p>

        <div class="acs-client">
          — Marketing Manager
        </div>

      </div>

    </div>

  </div>

</section>


<!-- CTA -->
<section class="acs-cta" id="contact">

  <div class="acs-container">

    <h2>
      Ready to create content that gets attention?
    </h2>

    <p>
      Tell us about your product and we'll help you choose
      the right creative package.
    </p>

    <a
      class="acs-btn acs-btn-primary"
      href="https://wa.me/YOURWHATSAPPNUMBER?text=Hi%20Ariyan%20Creative%20Studio%2C%20I%20want%20to%20discuss%20a%20project.">
      Start a Conversation →
    </a>

  </div>

</section>


<!-- FOOTER -->
<footer class="acs-footer">

  © 2026 Ariyan Creative Studio. All Rights Reserved.

</footer>

</div>