<!-- About Hero -->
<section class="text-center mt-4">
  <div class="text-uppercase small fw-semibold mb-2" style="letter-spacing:0.16em;color:#0F5E68">Established 2018 · Dhaka, Bangladesh</div>
  <h1 class="fw-normal mx-auto mb-3" style="font-family:'Fraunces',serif;font-size:38px;line-height:1.15;max-width:600px">Where <em style="color:#0F5E68">Authentic</em> Beauty Begins</h1>
  <p class="text-muted mx-auto mb-0" style="max-width:480px;font-size:15px;line-height:1.6">We built Empress BD because every person in Bangladesh deserves skincare they can actually trust — no fakes, no compromises, no doubt.</p>
</section>

<!-- Hero Stats -->
<section class="row row-cols-2 row-cols-lg-4 g-3 mt-3">
  <div class="col">
    <div class="border rounded-3 bg-white text-center h-100 py-3 px-2">
      <div style="font-family:'Fraunces',serif;font-size:26px;color:#0F5E68">700+</div>
      <div class="text-uppercase text-muted fw-semibold mt-1" style="font-size:11.5px;letter-spacing:0.06em">Products</div>
    </div>
  </div>
  <div class="col">
    <div class="border rounded-3 bg-white text-center h-100 py-3 px-2">
      <div style="font-family:'Fraunces',serif;font-size:26px;color:#0F5E68">2,500+</div>
      <div class="text-uppercase text-muted fw-semibold mt-1" style="font-size:11.5px;letter-spacing:0.06em">Monthly Customers</div>
    </div>
  </div>
  <div class="col">
    <div class="border rounded-3 bg-white text-center h-100 py-3 px-2">
      <div style="font-family:'Fraunces',serif;font-size:26px;color:#0F5E68">7+</div>
      <div class="text-uppercase text-muted fw-semibold mt-1" style="font-size:11.5px;letter-spacing:0.06em">Years Trusted</div>
    </div>
  </div>
  <div class="col">
    <div class="border rounded-3 bg-white text-center h-100 py-3 px-2">
      <div style="font-family:'Fraunces',serif;font-size:26px;color:#0F5E68">4</div>
      <div class="text-uppercase text-muted fw-semibold mt-1" style="font-size:11.5px;letter-spacing:0.06em">Countries Sourced</div>
    </div>
  </div>
</section>

<!-- Our Story -->
<section class="mt-5">
  <div class="text-uppercase small fw-semibold mb-2" style="letter-spacing:0.16em;color:#0F5E68">Our Story</div>
  <h2 class="fw-normal mb-3" style="font-family:'Fraunces',serif;font-size:27px;line-height:1.28">Built on a Frustration.<br>Grown on Trust.</h2>
  <div style="max-width:660px">
    <p class="mb-3" style="font-size:14px;line-height:1.65">In 2018, we were skincare lovers before we were skincare sellers. And like thousands of people in Bangladesh, we kept running into the same problem — the products we researched, trusted, and wanted to buy were either unavailable locally, wildly overpriced, or simply not real.</p>
    <p class="mb-3" style="font-size:14px;line-height:1.65">The counterfeit problem in Bangladesh's beauty market was not a rumour. We had seen it up close — tampered packaging, diluted formulas, fake labels passed off as genuine imports. The people buying them deserved far better.</p>
    <div class="border-start ps-3 mb-3" style="border-color:#C9B27C !important;border-left-width:3px !important">
      <p class="fst-italic mb-0" style="font-family:'Fraunces',serif;font-size:16.5px;color:#0A3F46">"We didn't start Empress BD to sell skincare. We started it to fix what was broken in the market."</p>
    </div>
    <p class="mb-0" style="font-size:14px;line-height:1.65">So we built the brand we wished had existed. Today, Empress BD is trusted by thousands of customers every month — and that trust is something we protect fiercely, one authentic product at a time.</p>
  </div>
</section>

<!-- Story Timeline -->
<section class="row row-cols-2 row-cols-lg-4 g-3 mt-3">
  <div class="col">
    <div class="border rounded-3 bg-white h-100 p-3">
      <div class="fw-semibold mb-2" style="font-family:'Fraunces',serif;font-size:19px;color:#C9B27C">'18</div>
      <div class="fw-bold mb-1" style="font-size:13px">Empress BD is Founded</div>
      <div class="text-muted" style="font-size:12px;line-height:1.5">Launched from Dhaka with a focused range of authentic USA and UK imports. One promise: if we sell it, it's real.</div>
    </div>
  </div>
  <div class="col">
    <div class="border rounded-3 bg-white h-100 p-3">
      <div class="fw-semibold mb-2" style="font-family:'Fraunces',serif;font-size:19px;color:#C9B27C">'19</div>
      <div class="fw-bold mb-1" style="font-size:13px">K-Beauty Enters the Catalogue</div>
      <div class="text-muted" style="font-size:12px;line-height:1.5">South Korean skincare was taking the world by storm. We brought it to Bangladesh — verified, genuine, and accessible.</div>
    </div>
  </div>
  <div class="col">
    <div class="border rounded-3 bg-white h-100 p-3">
      <div class="fw-semibold mb-2" style="font-family:'Fraunces',serif;font-size:19px;color:#C9B27C">'21</div>
      <div class="fw-bold mb-1" style="font-size:13px">500+ Products. Still Growing.</div>
      <div class="text-muted" style="font-size:12px;line-height:1.5">Our catalogue expanded to include Japanese beauty, haircare, and bodycare as demand — and trust — grew across Bangladesh.</div>
    </div>
  </div>
  <div class="col">
    <div class="border rounded-3 bg-white h-100 p-3">
      <div class="fw-semibold mb-2" style="font-family:'Fraunces',serif;font-size:19px;color:#C9B27C">'24</div>
      <div class="fw-bold mb-1" style="font-size:13px">700+ Products. 2,500+ Customers.</div>
      <div class="text-muted" style="font-size:12px;line-height:1.5">Today, one of Bangladesh's most recognised destinations for authentic international beauty — still independent, still obsessed with authenticity.</div>
    </div>
  </div>
</section>

<!-- Mission & Vision -->
<section class="mt-5">
  <div class="d-flex justify-content-between align-items-baseline mb-3">
    <h2 class="fw-normal mb-0" style="font-family:'Fraunces',serif;font-size:27px">Mission &amp; Vision</h2>
    <a href="#" class="small fw-semibold text-decoration-none" style="color:#0F5E68">Our promise →</a>
  </div>
  <div class="row g-3">
    <div class="col-md-6">
      <div class="border rounded-3 bg-white h-100 p-4">
        <div class="fs-2 mb-2">🎯</div>
        <div class="fw-medium mb-2" style="font-family:'Fraunces',serif;font-size:17px">Our Mission</div>
        <p class="text-muted mb-0" style="font-size:13px;line-height:1.6">To make world-class skincare accessible to every Bangladeshi — without compromise on authenticity, quality, or customer experience. We source exclusively from verified suppliers across South Korea, Japan, the USA, and the UK. Every product listed has passed our authenticity check.</p>
      </div>
    </div>
    <div class="col-md-6">
      <div class="border rounded-3 bg-white h-100 p-4">
        <div class="fs-2 mb-2" style="color:#C9B27C">✦</div>
        <div class="fw-medium mb-2" style="font-family:'Fraunces',serif;font-size:17px">Our Vision</div>
        <p class="text-muted mb-0" style="font-size:13px;line-height:1.6">To become Bangladesh's most loved and most trusted destination for authentic international beauty and personal care — a future where "is this genuine?" no longer needs to be asked, because the answer is already a given.</p>
      </div>
    </div>
  </div>
</section>

<!-- What We Carry -->
<section class="mt-5">
  <div class="text-uppercase small fw-semibold mb-2" style="letter-spacing:0.16em;color:#0F5E68">What We Carry</div>
  <h2 class="fw-normal mb-2" style="font-family:'Fraunces',serif;font-size:24px;line-height:1.28">700+ Products. Four Countries. One Standard.</h2>
  <p class="text-muted mb-4" style="font-size:13.5px;line-height:1.6;max-width:600px">We source from the four beauty capitals of the world — not because it sounds impressive, but because the best skincare science genuinely comes from these markets. Every origin has a reason.</p>
  <div class="row g-3">
    <div class="col-md-6">
      <div class="border rounded-3 bg-white h-100 p-3">
        <div class="d-flex align-items-center gap-2 mb-2">
          <span style="font-size:19px">🇰🇷</span>
          <span class="fw-medium" style="font-family:'Fraunces',serif;font-size:15.5px">South Korea</span>
        </div>
        <div class="text-uppercase fw-bold mb-2" style="font-size:11.5px;letter-spacing:0.08em;color:#0F5E68">Innovate · Layer · Glow</div>
        <p class="mb-3" style="font-size:12.5px;line-height:1.55;opacity:0.72">K-beauty became a global obsession for a reason — an almost obsessive dedication to ingredient science and skin barrier health, especially for Asian skin types.</p>
        <div class="d-flex gap-2 flex-wrap">
          <span class="badge rounded-pill border bg-white text-dark fw-semibold" style="font-size:11.5px">COSRX</span>
          <span class="badge rounded-pill border bg-white text-dark fw-semibold" style="font-size:11.5px">Anua</span>
          <span class="badge rounded-pill border bg-white text-dark fw-semibold" style="font-size:11.5px">Dr. Althea</span>
        </div>
      </div>
    </div>
    <div class="col-md-6">
      <div class="border rounded-3 bg-white h-100 p-3">
        <div class="d-flex align-items-center gap-2 mb-2">
          <span style="font-size:19px">🇯🇵</span>
          <span class="fw-medium" style="font-family:'Fraunces',serif;font-size:15.5px">Japan</span>
        </div>
        <div class="text-uppercase fw-bold mb-2" style="font-size:11.5px;letter-spacing:0.08em;color:#0F5E68">Precision · Ritual · Refinement</div>
        <p class="mb-3" style="font-size:12.5px;line-height:1.55;opacity:0.72">Japanese beauty is built on discipline and restraint — fewer ingredients, higher precision, and long-term skin health over quick fixes.</p>
        <div class="d-flex gap-2 flex-wrap">
          <span class="badge rounded-pill border bg-white text-dark fw-semibold" style="font-size:11.5px">Japanese Essentials</span>
        </div>
      </div>
    </div>
    <div class="col-md-6">
      <div class="border rounded-3 bg-white h-100 p-3">
        <div class="d-flex align-items-center gap-2 mb-2">
          <span style="font-size:19px">🇺🇸</span>
          <span class="fw-medium" style="font-family:'Fraunces',serif;font-size:15.5px">United States</span>
        </div>
        <div class="text-uppercase fw-bold mb-2" style="font-size:11.5px;letter-spacing:0.08em;color:#0F5E68">Science · Clinically Backed</div>
        <p class="mb-3" style="font-size:12.5px;line-height:1.55;opacity:0.72">American skincare puts dermatology first — barrier-repair staples and targeted actives with clinically proven results.</p>
        <div class="d-flex gap-2 flex-wrap">
          <span class="badge rounded-pill border bg-white text-dark fw-semibold" style="font-size:11.5px">The Ordinary</span>
          <span class="badge rounded-pill border bg-white text-dark fw-semibold" style="font-size:11.5px">CeraVe</span>
          <span class="badge rounded-pill border bg-white text-dark fw-semibold" style="font-size:11.5px">Olaplex</span>
        </div>
      </div>
    </div>
    <div class="col-md-6">
      <div class="border rounded-3 bg-white h-100 p-3">
        <div class="d-flex align-items-center gap-2 mb-2">
          <span style="font-size:19px">🇬🇧</span>
          <span class="fw-medium" style="font-family:'Fraunces',serif;font-size:15.5px">United Kingdom</span>
        </div>
        <div class="text-uppercase fw-bold mb-2" style="font-size:11.5px;letter-spacing:0.08em;color:#0F5E68">Efficacy · Sophistication</div>
        <p class="mb-3" style="font-size:12.5px;line-height:1.55;opacity:0.72">British beauty has a quiet confidence — formulas refined over decades, rounding out a truly global routine built to last.</p>
        <div class="d-flex gap-2 flex-wrap">
          <span class="badge rounded-pill border bg-white text-dark fw-semibold" style="font-size:11.5px">UK Curated Picks</span>
        </div>
      </div>
    </div>
  </div>
</section>

<!-- Customer Support -->
<section class="mt-5">
  <div class="text-uppercase small fw-semibold mb-2" style="letter-spacing:0.16em;color:#0F5E68">Customer Support</div>
  <h2 class="fw-normal mb-3" style="font-family:'Fraunces',serif;font-size:24px;line-height:1.28">We're Here. Really.</h2>
  <div class="row row-cols-2 row-cols-lg-4 g-3">
    <div class="col">
      <div class="border rounded-3 bg-white h-100 p-3">
        <div class="fs-2 mb-2">💬</div>
        <div class="fw-bold mb-1" style="font-size:13px">Fast Response</div>
        <div class="text-muted" style="font-size:12px;line-height:1.5">We respond to all queries within hours, not days.</div>
      </div>
    </div>
    <div class="col">
      <div class="border rounded-3 bg-white h-100 p-3">
        <div class="fs-2 mb-2">🎯</div>
        <div class="fw-bold mb-1" style="font-size:13px">Product Guidance</div>
        <div class="text-muted" style="font-size:12px;line-height:1.5">We'll help you find the right match for your skin type and concern.</div>
      </div>
    </div>
    <div class="col">
      <div class="border rounded-3 bg-white h-100 p-3">
        <div class="fs-2 mb-2">📦</div>
        <div class="fw-bold mb-1" style="font-size:13px">Order Support</div>
        <div class="text-muted" style="font-size:12px;line-height:1.5">Track, resolve delivery issues, or manage a return — hassle-free.</div>
      </div>
    </div>
    <div class="col">
      <div class="border rounded-3 bg-white h-100 p-3">
        <div class="fs-2 mb-2">🛡️</div>
        <div class="fw-bold mb-1" style="font-size:13px">Authenticity Guarantee</div>
        <div class="text-muted" style="font-size:12px;line-height:1.5">Ever doubt a product? Come to us — we'll resolve it, no questions asked.</div>
      </div>
    </div>
  </div>
</section>
Beauty Tips
