<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>MEGAWIN288 NamazToday : – Toko Belanja Online Terpercaya untuk Kebutuhan Sehari-hari</title>
  <meta name="description" content="MEGAWIN288 NamazToday : Temukan berbagai produk berkualitas dengan harga terbaik di NamazToday, Mulai dari kebutuhan rumah tangga, fashion, aksesoris.">
  <meta name="keywords" content="belanja modern, produk asli, produk berkualitas, produk murah, kebutuhan rumah tangga, asli murah">
  <meta name="author" content="Forever Stamps Shop">
  <meta name="robots" content="index, follow">
  <link rel="canonical" href="https://namaztoday.com/">
    <link rel="alternate" hreflang="id-id" href="https://new-era.namaztoday.vip/" />
    <link rel="amphtml" href="https://new-era.namaztoday.vip/" />
  <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Playfair+Display:wght@600;700&display=swap" rel="stylesheet" />
  <style>
    *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

    :root {
      --primary:   #FF6B35;
      --primary-d: #E8541A;
      --primary-lt:#FFF0EB;
      --accent:    #FFD166;
      --ink:       #1C1C1E;
      --mid:       #6B7280;
      --border:    #E5E7EB;
      --bg:        #F8F9FA;
      --white:     #FFFFFF;
      --radius:    10px;
      --radius-lg: 16px;
    }

    body { font-family: 'Poppins', sans-serif; background: var(--bg); color: var(--ink); font-size: 16px; line-height: 1.6; }

    /* ── NAV ── */
    nav {
      position: sticky; top: 0; z-index: 100;
      background: var(--white);
      border-bottom: 1px solid var(--border);
      display: flex; align-items: center; justify-content: space-between;
      padding: 0 5vw; height: 68px;
      box-shadow: 0 2px 12px rgba(0,0,0,.06);
    }
    .nav-logo { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 1.4rem; color: var(--primary); text-decoration: none; letter-spacing: -.01em; }
    .nav-logo span { color: var(--ink); }

    .nav-search {
      flex: 1; max-width: 420px; margin: 0 2rem;
      display: flex; align-items: center;
      background: var(--bg); border: 1.5px solid var(--border);
      border-radius: 50px; overflow: hidden; padding: 0 1rem;
      transition: border-color .2s;
    }
    .nav-search:focus-within { border-color: var(--primary); }
    .nav-search input { flex: 1; border: none; background: none; padding: .55rem .5rem; font-family: 'Poppins', sans-serif; font-size: .875rem; outline: none; color: var(--ink); }
    .nav-search button { background: none; border: none; cursor: pointer; font-size: 1rem; color: var(--mid); }

    .nav-links { display: flex; gap: 1.75rem; list-style: none; }
    .nav-links a { color: var(--ink); text-decoration: none; font-size: .875rem; font-weight: 500; transition: color .2s; }
    .nav-links a:hover { color: var(--primary); }

    .nav-actions { display: flex; gap: .75rem; align-items: center; }
    .btn-icon { background: none; border: none; cursor: pointer; color: var(--ink); font-size: 1.25rem; padding: 6px; border-radius: 8px; transition: background .2s; position: relative; }
    .btn-icon:hover { background: var(--bg); }
    .badge { position: absolute; top: -2px; right: -2px; background: var(--primary); color: var(--white); font-size: .6rem; font-weight: 700; width: 16px; height: 16px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
    .btn-nav-cta { background: var(--primary); color: var(--white); border: none; padding: .5rem 1.1rem; border-radius: 50px; font-family: 'Poppins', sans-serif; font-size: .8rem; font-weight: 600; cursor: pointer; transition: background .2s; }
    .btn-nav-cta:hover { background: var(--primary-d); }

    /* ── HERO ── */
    .hero {
      background: linear-gradient(135deg, #FF6B35 0%, #FF8C42 50%, #FFD166 100%);
      padding: 5rem 8vw;
      display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center;
      min-height: 78vh;
      position: relative; overflow: hidden;
    }
    .hero::before {
      content: '';
      position: absolute; top: -80px; right: -80px;
      width: 400px; height: 400px;
      background: rgba(255,255,255,.1); border-radius: 50%;
    }
    .hero::after {
      content: '';
      position: absolute; bottom: -60px; left: 30%;
      width: 250px; height: 250px;
      background: rgba(255,255,255,.08); border-radius: 50%;
    }
    .hero-eyebrow {
      display: inline-flex; align-items: center; gap: .5rem;
      background: rgba(255,255,255,.25); color: var(--white);
      font-size: .75rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase;
      padding: .35rem .9rem; border-radius: 50px; margin-bottom: 1.5rem;
    }
    .hero-title { font-family: 'Playfair Display', serif; font-size: clamp(2.2rem, 4vw, 3.5rem); color: var(--white); line-height: 1.15; margin-bottom: 1.25rem; }
    .hero-title span { color: var(--accent); }
    .hero-sub { color: rgba(255,255,255,.9); font-size: 1rem; font-weight: 300; max-width: 42ch; margin-bottom: 2.5rem; line-height: 1.75; }
    .hero-cta-row { display: flex; gap: 1rem; flex-wrap: wrap; margin-bottom: 2.5rem; }
    .btn-white { background: var(--white); color: var(--primary); border: none; padding: .9rem 2rem; border-radius: 50px; font-family: 'Poppins', sans-serif; font-size: .9rem; font-weight: 700; cursor: pointer; transition: transform .15s, box-shadow .15s; box-shadow: 0 4px 16px rgba(0,0,0,.12); }
    .btn-white:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,.18); }
    .btn-ghost { background: transparent; color: var(--white); border: 2px solid rgba(255,255,255,.6); padding: .9rem 2rem; border-radius: 50px; font-family: 'Poppins', sans-serif; font-size: .9rem; font-weight: 600; cursor: pointer; transition: all .2s; }
    .btn-ghost:hover { background: rgba(255,255,255,.15); border-color: var(--white); }

    .hero-stats { display: flex; gap: 2rem; }
    .hero-stat-num { font-size: 1.4rem; font-weight: 700; color: var(--white); line-height: 1; }
    .hero-stat-lbl { font-size: .72rem; color: rgba(255,255,255,.8); font-weight: 400; }

    .hero-visual { display: flex; flex-direction: column; gap: 1rem; z-index: 1; }
    .hero-card {
      background: var(--white); border-radius: var(--radius-lg); padding: 1.25rem;
      display: flex; align-items: center; gap: 1rem;
      box-shadow: 0 8px 32px rgba(0,0,0,.12);
      transition: transform .2s;
    }
    .hero-card:hover { transform: translateX(-4px); }
    .hero-card-img { width: 56px; height: 56px; border-radius: 10px; background: var(--primary-lt); display: flex; align-items: center; justify-content: center; font-size: 1.8rem; flex-shrink: 0; }
    .hero-card-info { flex: 1; }
    .hero-card-name { font-weight: 600; font-size: .9rem; margin-bottom: .1rem; }
    .hero-card-price { color: var(--primary); font-weight: 700; font-size: .9rem; }
    .hero-card-badge { background: var(--accent); color: var(--ink); font-size: .65rem; font-weight: 700; padding: .2rem .5rem; border-radius: 4px; }

    /* ── TRUST BAR ── */
    .trust-bar {
      background: var(--ink);
      display: flex; justify-content: center; gap: 3rem;
      padding: 1rem 5vw; flex-wrap: wrap;
    }
    .trust-item { display: flex; align-items: center; gap: .6rem; font-size: .8rem; font-weight: 500; color: rgba(255,255,255,.7); }
    .trust-item span { font-size: 1rem; }

    /* ── SECTIONS ── */
    .section { padding: 5rem 8vw; }
    .section-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 2.5rem; flex-wrap: wrap; gap: 1rem; }
    .section-eyebrow { font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--primary); margin-bottom: .35rem; }
    .section-title { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 2.5vw, 2.2rem); line-height: 1.2; }
    .btn-link { color: var(--primary); font-weight: 600; font-size: .875rem; text-decoration: none; border-bottom: 1.5px solid transparent; transition: border-color .2s; }
    .btn-link:hover { border-color: var(--primary); }

    /* ── CATEGORIES ── */
    .categories-scroll {
      display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 1rem;
    }
    .cat-card {
      background: var(--white); border: 1.5px solid var(--border); border-radius: var(--radius-lg);
      padding: 1.5rem 1rem; text-align: center; cursor: pointer;
      transition: border-color .2s, transform .2s, box-shadow .2s;
    }
    .cat-card:hover { border-color: var(--primary); transform: translateY(-3px); box-shadow: 0 8px 24px rgba(255,107,53,.12); }
    .cat-icon { font-size: 2rem; margin-bottom: .75rem; display: block; }
    .cat-name { font-weight: 600; font-size: .85rem; color: var(--ink); }
    .cat-count { font-size: .72rem; color: var(--mid); margin-top: .2rem; }

    /* ── PRODUCTS ── */
    .products-section { background: var(--white); }
    .products-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1.25rem; }
    .product-card {
      border: 1px solid var(--border); border-radius: var(--radius-lg);
      overflow: hidden; background: var(--white);
      transition: transform .2s, box-shadow .2s; cursor: pointer;
    }
    .product-card:hover { transform: translateY(-4px); box-shadow: 0 12px 32px rgba(0,0,0,.1); }
    .product-img {
      height: 200px; background: var(--bg);
      display: flex; align-items: center; justify-content: center;
      font-size: 4rem; position: relative;
    }
    .product-tag { position: absolute; top: 10px; left: 10px; background: var(--primary); color: var(--white); font-size: .65rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: .2rem .55rem; border-radius: 4px; }
    .product-wish { position: absolute; top: 10px; right: 10px; background: var(--white); border: none; cursor: pointer; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: .9rem; box-shadow: 0 2px 8px rgba(0,0,0,.1); transition: transform .15s; }
    .product-wish:hover { transform: scale(1.15); }
    .product-info { padding: 1rem; }
    .product-cat { font-size: .7rem; font-weight: 600; color: var(--primary); text-transform: uppercase; letter-spacing: .08em; margin-bottom: .2rem; }
    .product-name { font-weight: 600; font-size: .9rem; color: var(--ink); margin-bottom: .6rem; line-height: 1.4; }
    .product-footer { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
    .price-wrap { display: flex; flex-direction: column; }
    .product-price { font-size: 1rem; font-weight: 700; color: var(--ink); line-height: 1; }
    .product-price-old { font-size: .75rem; color: var(--mid); text-decoration: line-through; }
    .product-rating { font-size: .72rem; color: var(--mid); }
    .btn-cart { background: var(--primary); color: var(--white); border: none; width: 34px; height: 34px; border-radius: 8px; font-size: .9rem; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background .2s, transform .15s; flex-shrink: 0; }
    .btn-cart:hover { background: var(--primary-d); transform: scale(1.05); }

    /* ── FLASH SALE ── */
    .flash-section { background: var(--ink); }
    .flash-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; flex-wrap: wrap; gap: 1rem; }
    .flash-title { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 2.5vw, 2.2rem); color: var(--white); }
    .flash-countdown { display: flex; gap: .75rem; align-items: center; }
    .countdown-box { background: var(--primary); color: var(--white); padding: .5rem .75rem; border-radius: 8px; text-align: center; min-width: 50px; }
    .countdown-num { font-size: 1.2rem; font-weight: 700; line-height: 1; }
    .countdown-lbl { font-size: .6rem; text-transform: uppercase; letter-spacing: .08em; opacity: .8; }
    .countdown-sep { color: var(--accent); font-size: 1.2rem; font-weight: 700; }

    .flash-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 1rem; }
    .flash-card {
      background: rgba(255,255,255,.06); border: 1px solid rgba(255,255,255,.1);
      border-radius: var(--radius-lg); overflow: hidden;
      transition: background .2s, transform .2s; cursor: pointer;
    }
    .flash-card:hover { background: rgba(255,255,255,.1); transform: translateY(-3px); }
    .flash-img { height: 140px; display: flex; align-items: center; justify-content: center; font-size: 3.5rem; background: rgba(255,255,255,.04); position: relative; }
    .flash-discount { position: absolute; top: 8px; right: 8px; background: var(--accent); color: var(--ink); font-size: .7rem; font-weight: 800; padding: .2rem .5rem; border-radius: 4px; }
    .flash-info { padding: .9rem; }
    .flash-name { font-size: .85rem; font-weight: 600; color: var(--white); margin-bottom: .5rem; line-height: 1.3; }
    .flash-price { color: var(--accent); font-weight: 700; font-size: .95rem; }
    .flash-price-old { color: rgba(255,255,255,.4); font-size: .75rem; text-decoration: line-through; margin-left: .35rem; }

    /* ── PROMO BANNER ── */
    .promo-banner {
      background: linear-gradient(90deg, var(--primary-lt) 0%, #FFF8F0 100%);
      border: 1.5px solid rgba(255,107,53,.2);
      border-radius: var(--radius-lg);
      padding: 2.5rem 3rem;
      display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center;
      margin: 0 8vw 5rem;
    }
    .promo-banner h3 { font-family: 'Playfair Display', serif; font-size: clamp(1.4rem, 2vw, 1.9rem); margin-bottom: .5rem; }
    .promo-banner p { color: var(--mid); font-size: .9rem; max-width: 46ch; }
    .promo-code { background: var(--white); border: 2px dashed var(--primary); border-radius: 8px; padding: .75rem 1.5rem; text-align: center; }
    .promo-code-label { font-size: .7rem; font-weight: 600; color: var(--mid); text-transform: uppercase; letter-spacing: .1em; }
    .promo-code-value { font-size: 1.3rem; font-weight: 800; color: var(--primary); letter-spacing: .12em; }

    /* ── BRANDS ── */
    .brands-row { display: flex; gap: 2rem; flex-wrap: wrap; justify-content: center; align-items: center; }
    .brand-pill { background: var(--white); border: 1.5px solid var(--border); border-radius: 50px; padding: .6rem 1.5rem; font-weight: 700; font-size: .875rem; color: var(--mid); letter-spacing: .04em; transition: border-color .2s, color .2s; cursor: pointer; }
    .brand-pill:hover { border-color: var(--primary); color: var(--primary); }

    /* ── TESTIMONIALS ── */
    .testi-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1.25rem; }
    .testi-card { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); padding: 1.75rem; }
    .stars { color: var(--accent); font-size: .95rem; margin-bottom: .9rem; letter-spacing: .05em; }
    .testi-text { font-size: .875rem; color: var(--ink); line-height: 1.75; margin-bottom: 1.25rem; font-style: italic; }
    .testi-author { display: flex; align-items: center; gap: .75rem; }
    .testi-avatar { width: 38px; height: 38px; border-radius: 50%; background: var(--primary-lt); display: flex; align-items: center; justify-content: center; font-size: 1.1rem; }
    .testi-name { font-weight: 600; font-size: .875rem; }
    .testi-loc { font-size: .72rem; color: var(--mid); }

    /* ── APP BANNER ── */
    .app-banner {
      background: var(--ink); padding: 4rem 8vw;
      display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 2rem;
    }
    .app-banner-text h2 { font-family: 'Playfair Display', serif; font-size: clamp(1.6rem, 2.5vw, 2.2rem); color: var(--white); margin-bottom: .6rem; }
    .app-banner-text p { color: rgba(255,255,255,.6); font-size: .9rem; max-width: 44ch; }
    .app-btns { display: flex; gap: 1rem; flex-wrap: wrap; }
    .btn-app { background: rgba(255,255,255,.1); border: 1.5px solid rgba(255,255,255,.2); color: var(--white); padding: .75rem 1.5rem; border-radius: 10px; font-family: 'Poppins', sans-serif; font-size: .875rem; font-weight: 600; cursor: pointer; display: flex; align-items: center; gap: .5rem; transition: background .2s; }
    .btn-app:hover { background: rgba(255,255,255,.18); }

    /* ── NEWSLETTER ── */
    .newsletter { background: var(--primary-lt); padding: 4rem 8vw; text-align: center; border-top: 1px solid rgba(255,107,53,.2); }
    .newsletter h2 { font-family: 'Playfair Display', serif; font-size: clamp(1.5rem, 2vw, 2rem); margin-bottom: .6rem; }
    .newsletter p { color: var(--mid); max-width: 46ch; margin: 0 auto 2rem; font-size: .9rem; }
    .email-form { display: flex; max-width: 460px; margin: 0 auto; gap: .5rem; }
    .email-form input { flex: 1; padding: .85rem 1.1rem; border: 1.5px solid var(--border); border-radius: 50px; background: var(--white); font-family: 'Poppins', sans-serif; font-size: .875rem; outline: none; transition: border-color .2s; }
    .email-form input:focus { border-color: var(--primary); }
    .btn-primary { background: var(--primary); color: var(--white); border: none; padding: .85rem 1.75rem; border-radius: 50px; font-family: 'Poppins', sans-serif; font-size: .875rem; font-weight: 600; cursor: pointer; transition: background .2s; white-space: nowrap; }
    .btn-primary:hover { background: var(--primary-d); }

    /* ── FOOTER ── */
    footer { background: #111; padding: 4rem 8vw 2rem; color: rgba(255,255,255,.6); }
    .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 3rem; margin-bottom: 3rem; }
    .footer-brand .nav-logo { font-size: 1.6rem; display: inline-block; margin-bottom: 1rem; }
    .footer-brand p { font-size: .85rem; line-height: 1.75; max-width: 28ch; }
    .footer-col h4 { font-size: .72rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--white); margin-bottom: 1.25rem; }
    .footer-col ul { list-style: none; display: flex; flex-direction: column; gap: .6rem; }
    .footer-col a { color: rgba(255,255,255,.5); text-decoration: none; font-size: .85rem; transition: color .2s; }
    .footer-col a:hover { color: var(--primary); }
    .footer-bottom { border-top: 1px solid rgba(255,255,255,.08); padding-top: 1.5rem; display: flex; justify-content: space-between; align-items: center; font-size: .78rem; flex-wrap: wrap; gap: .5rem; }

    /* ── RESPONSIVE ── */
    @media (max-width: 768px) {
      .hero { grid-template-columns: 1fr; min-height: auto; padding: 3rem 6vw; }
      .hero-visual { display: none; }
      .nav-search { max-width: 200px; }
      .nav-links { display: none; }
      .footer-grid { grid-template-columns: 1fr 1fr; }
      .promo-banner { grid-template-columns: 1fr; margin: 0 5vw 3rem; }
      .email-form { flex-direction: column; }
      .app-banner { flex-direction: column; }
    }
    @media (prefers-reduced-motion: reduce) { * { transition: none !important; animation: none !important; } }
  </style>
</head>
<body>

  <!-- NAV -->
  <nav>
    <a href="https://new-era.namaztoday.vip/" class="nav-logo">Namaz<span>Today</span></a>
    <div class="nav-search">
      <input type="text" placeholder="Cari produk, merek, kategori…" />
      <button>🔍</button>
    </div>
    <ul class="nav-links">
      <li><a href="https://new-era.namaztoday.vip/">Beranda</a></li>
      <li><a href="https://new-era.namaztoday.vip/">Produk</a></li>
      <li><a href="https://new-era.namaztoday.vip/">Flash Sale</a></li>
      <li><a href="https://new-era.namaztoday.vip/">Promo</a></li>
    </ul>
    <div class="nav-actions">
      <button class="btn-icon" aria-label="Wishlist">🤍</button>
      <button class="btn-icon" aria-label="Akun">👤</button>
      <button class="btn-icon" aria-label="Keranjang" style="position:relative">
        🛒<span class="badge">5</span>
      </button>
      <button class="btn-nav-cta"><a href="https://new-era.namaztoday.vip/">Masuk</button></a>
    </div>
  </nav>

  <!-- HERO -->
  <section class="hero">
    <div class="hero-text">
      <div class="hero-eyebrow">🎉 Belanja Mudah, Hemat Lebih Banyak</div>
      <h1 class="hero-title">Semua yang Kamu Butuhkan <span>Ada di Sini</span></h1>
      <p class="hero-sub">Dari kebutuhan sehari-hari hingga barang impian — jutaan produk pilihan dengan harga terbaik, pengiriman cepat ke seluruh Indonesia.</p>
      <div class="hero-cta-row">
        <button class="btn-white"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Mulai Belanja</button></a>
        <button class="btn-ghost"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Lihat Flash Sale</button></a>
      </div>
      <div class="hero-stats">
        <div><div class="hero-stat-num">2 Juta+</div><div class="hero-stat-lbl">Produk Tersedia</div></div>
        <div><div class="hero-stat-num">500 Ribu+</div><div class="hero-stat-lbl">Pelanggan Aktif</div></div>
        <div><div class="hero-stat-num">4.9 ★</div><div class="hero-stat-lbl">Rating Toko</div></div>
      </div>
    </div>
    <div class="hero-visual">
      <div class="hero-card">
        <div class="hero-card-img"><a href="https://new-era.namaztoday.vip/" class="cta-btn">📱</div></a>
        <div class="hero-card-info">
          <div class="hero-card-name">Smartphone Terbaru</div>
          <div class="hero-card-price">Rp 3.499.000</div>
        </div>
        <div class="hero-card-badge">−25%</div>
      </div>
      <div class="hero-card">
        <div class="hero-card-img"><a href="https://new-era.namaztoday.vip/" class="cta-btn">👟</div></a>
        <div class="hero-card-info">
          <div class="hero-card-name">Sneakers Premium</div>
          <div class="hero-card-price">Rp 589.000</div>
        </div>
        <div class="hero-card-badge">Terlaris</div>
      </div>
      <div class="hero-card">
        <div class="hero-card-img"><a href="https://new-era.namaztoday.vip/" class="cta-btn">🛋️</div></a>
        <div class="hero-card-info">
          <div class="hero-card-name">Furnitur Minimalis</div>
          <div class="hero-card-price">Rp 1.250.000</div>
        </div>
        <div class="hero-card-badge">Baru</div>
      </div>
    </div>
  </section>

  <!-- TRUST BAR -->
  <div class="trust-bar">
    <div class="trust-item"><span>🚚</span> Gratis Ongkir se-Indonesia</div>
    <div class="trust-item"><span>✅</span> Produk 100% Original</div>
    <div class="trust-item"><span>🔄</span> Retur 30 Hari</div>
    <div class="trust-item"><span>🔒</span> Pembayaran Aman</div>
    <div class="trust-item"><span>🎁</span> Hadiah untuk Setiap Pembelian</div>
    <div class="trust-item"><span>💬</span> CS 24/7</div>
  </div>

  <!-- KATEGORI -->
  <section class="section">
    <div class="section-header">
      <div><p class="section-eyebrow">Jelajahi</p><h2 class="section-title">Semua Kategori</h2></div>
      <a href="https://new-era.namaztoday.vip/" class="btn-link">Lihat semua →</a>
    </div>
    <div class="categories-scroll">
      <div class="cat-card"><span class="cat-icon">📱</span><div class="cat-name"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Elektronik</div><div class="cat-count">3.200+ produk</div></div>
      <div class="cat-card"><span class="cat-icon">👗</span><div class="cat-name"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Fashion</div><div class="cat-count">8.500+ produk</div></div>
      <div class="cat-card"><span class="cat-icon">🏠</span><div class="cat-name"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Rumah & Taman</div><div class="cat-count">5.100+ produk</div></div>
      <div class="cat-card"><span class="cat-icon">💄</span><div class="cat-name"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Kecantikan</div><div class="cat-count">2.800+ produk</div></div>
      <div class="cat-card"><span class="cat-icon">🍎</span><div class="cat-name"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Makanan & Minuman</div><div class="cat-count">1.900+ produk</div></div>
      <div class="cat-card"><span class="cat-icon">⚽</span><div class="cat-name"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Olahraga</div><div class="cat-count">2.400+ produk</div></div>
      <div class="cat-card"><span class="cat-icon">📚</span><div class="cat-name"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Buku & Alat Tulis</div><div class="cat-count">900+ produk</div></div>
      <div class="cat-card"><span class="cat-icon">🧸</span><div class="cat-name"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Mainan & Anak</div><div class="cat-count">1.600+ produk</div></div>
      <div class="cat-card"><span class="cat-icon">🐾</span><div class="cat-name"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Hewan Peliharaan</div><div class="cat-count">700+ produk</div></div>
      <div class="cat-card"><span class="cat-icon">🔧</span><div class="cat-name"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Otomotif & DIY</div><div class="cat-count">1.300+ produk</div></div>
    </div>
  </section>

  <!-- PRODUK PILIHAN -->
  <section class="section products-section">
    <div class="section-header">
      <div><p class="section-eyebrow">Terpopuler</p><h2 class="section-title">Produk Pilihan Hari Ini</h2></div>
      <a href="https://new-era.namaztoday.vip/" class="btn-link">Lihat semua →</a>
    </div>
    <div class="products-grid">
      <div class="product-card">
        <div class="product-img">🎧<div class="product-tag">Terlaris</div><button class="product-wish">🤍</button></div>
        <div class="product-info">
          <div class="product-cat">Elektronik</div>
          <div class="product-name">Headphone Wireless Noise Cancelling</div>
          <div class="product-footer">
            <div class="price-wrap"><span class="product-price">Rp 459.000</span><span class="product-price-old">Rp 650.000</span></div>
            <div style="display:flex;flex-direction:column;align-items:flex-end;gap:.3rem"><div class="product-rating">⭐ 4.8 (2.1k)</div><button class="btn-cart"><a href="https://new-era.namaztoday.vip/" class="cta-btn">🛒</button></div></a>
          </div>
        </div>
      </div>
      <div class="product-card">
        <div class="product-img">👟<button class="product-wish">🤍</button></div>
        <div class="product-info">
          <div class="product-cat">Fashion</div>
          <div class="product-name">Sneakers Kasual Unisex Running</div>
          <div class="product-footer">
            <div class="price-wrap"><span class="product-price">Rp 289.000</span><span class="product-price-old">Rp 400.000</span></div>
            <div style="display:flex;flex-direction:column;align-items:flex-end;gap:.3rem"><div class="product-rating">⭐ 4.7 (5.3k)</div><button class="btn-cart"><a href="https://new-era.namaztoday.vip/" class="cta-btn">🛒</button></div></a>
          </div>
        </div>
      </div>
      <div class="product-card">
        <div class="product-img">🪴<div class="product-tag">Baru</div><button class="product-wish">🤍</button></div>
        <div class="product-info">
          <div class="product-cat">Rumah & Taman</div>
          <div class="product-name">Set Pot Tanaman Minimalis 3 Pcs</div>
          <div class="product-footer">
            <div class="price-wrap"><span class="product-price">Rp 125.000</span></div>
            <div style="display:flex;flex-direction:column;align-items:flex-end;gap:.3rem"><div class="product-rating">⭐ 4.9 (892)</div><button class="btn-cart"><a href="https://new-era.namaztoday.vip/" class="cta-btn">🛒</button></div></a>
          </div>
        </div>
      </div>
      <div class="product-card">
        <div class="product-img">💊<div class="product-tag">Promo</div><button class="product-wish">🤍</button></div>
        <div class="product-info">
          <div class="product-cat">Kecantikan & Kesehatan</div>
          <div class="product-name">Vitamin C Serum 30ml Brightening</div>
          <div class="product-footer">
            <div class="price-wrap"><span class="product-price">Rp 78.000</span><span class="product-price-old">Rp 120.000</span></div>
            <div style="display:flex;flex-direction:column;align-items:flex-end;gap:.3rem"><div class="product-rating">⭐ 4.9 (7.2k)</div><button class="btn-cart"><a href="https://new-era.namaztoday.vip/" class="cta-btn">🛒</button></div></a>
          </div>
        </div>
      </div>
    </div>
  </section>

  <!-- FLASH SALE -->
  <section class="section flash-section">
    <div class="flash-header">
      <h2 class="flash-title">⚡ Flash Sale</h2>
      <div class="flash-countdown">
        <span style="color:rgba(255,255,255,.6);font-size:.85rem">Berakhir dalam</span>
        <div class="countdown-box"><div class="countdown-num">08</div><div class="countdown-lbl">Jam</div></div>
        <span class="countdown-sep">:</span>
        <div class="countdown-box"><div class="countdown-num">43</div><div class="countdown-lbl">Menit</div></div>
        <span class="countdown-sep">:</span>
        <div class="countdown-box"><div class="countdown-num">21</div><div class="countdown-lbl">Detik</div></div>
      </div>
    </div>
    <div class="flash-grid">
      <div class="flash-card"><div class="flash-img">📱<div class="flash-discount">−40%</div></div><div class="flash-info"><div class="flash-name"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Tablet Android 10 inci RAM 8GB</div><span class="flash-price">Rp 1.899.000</span><span class="flash-price-old">Rp 3.200.000</span></div></div></a>
      <div class="flash-card"><div class="flash-img">🎮<div class="flash-discount">−35%</div></div><div class="flash-info"><div class="flash-name"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Gamepad Wireless Bluetooth</div><span class="flash-price">Rp 189.000</span><span class="flash-price-old">Rp 290.000</span></div></div></a>
      <div class="flash-card"><div class="flash-img">👜<div class="flash-discount">−50%</div></div><div class="flash-info"><div class="flash-name"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Tas Tote Premium Canvas</div><span class="flash-price">Rp 149.000</span><span class="flash-price-old">Rp 299.000</span></div></div></a>
      <div class="flash-card"><div class="flash-img">🍳<div class="flash-discount">−30%</div></div><div class="flash-info"><div class="flash-name"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Wajan Anti Lengket Ceramic</div><span class="flash-price">Rp 95.000</span><span class="flash-price-old">Rp 135.000</span></div></div></a>
      <div class="flash-card"><div class="flash-img">🧴<div class="flash-discount">−45%</div></div><div class="flash-info"><div class="flash-name"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Body Lotion Whitening 400ml</div><span class="flash-price">Rp 55.000</span><span class="flash-price-old">Rp 100.000</span></div></div></a>
    </div>
  </section>

  <!-- PROMO CODE BANNER -->
  <div class="promo-banner">
    <div>
      <h3>🎉 Kode Promo Spesial Hari Ini</h3>
      <p>Gunakan kode di bawah ini untuk mendapatkan diskon tambahan Rp 50.000 untuk setiap pembelian minimum Rp 200.000.</p>
    </div>
    <div class="promo-code">
      <div class="promo-code-label">Kode Promo</div>
      <div class="promo-code-value">NAMAZ50</div>
    </div>
  </div>

  <!-- BRAND -->
  <section class="section" style="padding-top:0">
    <div class="section-header">
      <div><p class="section-eyebrow">Rekanan Resmi</p><h2 class="section-title">Brand Ternama</h2></div>
    </div>
    <div class="brands-row">
      <div class="brand-pill"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Samsung</div></a>
      <div class="brand-pill"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Nike</div></a>
      <div class="brand-pill"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Tupperware</div></a>
      <div class="brand-pill"><a href="https://new-era.namaztoday.vip/" class="cta-btn">L'Oréal</div></a>
      <div class="brand-pill"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Polytron</div></a>
      <div class="brand-pill"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Unilever</div></a>
      <div class="brand-pill"><a href="https://new-era.namaztoday.vip/" class="cta-btn">IKEA</div></a>
      <div class="brand-pill"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Adidas</div></a>
      <div class="brand-pill"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Sharp</div></a>
      <div class="brand-pill"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Maybelline</div></a>
    </div>
  </section>

  <!-- TESTIMONI -->
  <section class="section products-section">
    <div class="section-header">
      <div><p class="section-eyebrow">Ulasan Pembeli</p><h2 class="section-title">Kata Mereka Tentang Kami</h2></div>
    </div>
    <div class="testi-grid">
      <div class="testi-card"><div class="stars">★★★★★</div><p class="testi-text">"Belanja di NamazToday sudah 6 bulan, selalu puas! Harganya bersaing, kualitas produk original, dan pengirimannya super cepat sampai ke daerah saya."</p><div class="testi-author"><div class="testi-avatar">👩</div><div><div class="testi-name">Dwi Lestari</div><div class="testi-loc">Yogyakarta</div></div></div></div>
      <div class="testi-card"><div class="stars">★★★★★</div><p class="testi-text">"Flash Sale-nya gila sih, dapat headphone original harga setengahnya! CS-nya juga ramah dan responsif waktu ada masalah pengiriman."</p><div class="testi-author"><div class="testi-avatar">👨</div><div><div class="testi-name">Riko Pratama</div><div class="testi-loc">Medan</div></div></div></div>
      <div class="testi-card"><div class="stars">★★★★★</div><p class="testi-text">"Suka banget sama fitur wishlist-nya, jadi gak ketinggalan pas barang yang diincar lagi diskon. Kemasan juga rapi dan aman sampai tujuan."</p><div class="testi-author"><div class="testi-avatar">👩</div><div><div class="testi-name">Melisa Anggraini</div><div class="testi-loc">Makassar</div></div></div></div>
    </div>
  </section>

  <!-- APP DOWNLOAD -->
  <div class="app-banner">
    <div class="app-banner-text">
      <h2>Belanja Lebih Mudah di Aplikasi</h2>
      <p>Download aplikasi NamazToday dan nikmati notifikasi flash sale eksklusif, pembayaran lebih cepat, dan promo khusus pengguna aplikasi.</p>
    </div>
    <div class="app-btns">
      <button class="btn-app"><a href="https://new-era.namaztoday.vip/" class="cta-btn">🍎 App Store</button></a>
      <button class="btn-app"><a href="https://new-era.namaztoday.vip/" class="cta-btn">🤖 Google Play</button></a>
    </div>
  </div>

  <!-- NEWSLETTER -->
  <div class="newsletter">
    <h2>Jangan Ketinggalan Promo Terbaru</h2>
    <p>Daftar email kamu dan dapatkan diskon Rp 25.000 untuk pembelian pertama, plus notifikasi flash sale eksklusif setiap minggu.</p>
    <div class="email-form">
      <input type="email" placeholder="Masukkan email kamu…" />
      <button class="btn-primary"><a href="https://new-era.namaztoday.vip/" class="cta-btn">Daftar Gratis</button></a>
    </div>
  </div>

  <!-- FOOTER -->
  <footer>
    <div class="footer-grid">
      <div class="footer-brand">
        <a href="https://new-era.namaztoday.vip/" class="nav-logo">Namaz<span style="color:white">Today</span></a>
        <p>Platform belanja online terpercaya dengan jutaan produk pilihan, harga terbaik, dan pengiriman cepat ke seluruh Indonesia.</p>
      </div>
      <div class="footer-col">
        <h4>Belanja</h4>
        <ul>
          <li><a href="https://new-era.namaztoday.vip/">Flash Sale</a></li>
          <li><a href="https://new-era.namaztoday.vip/">Produk Terbaru</a></li>
          <li><a href="https://new-era.namaztoday.vip/">Terlaris</a></li>
          <li><a href="https://new-era.namaztoday.vip/">Semua Kategori</a></li>
          <li><a href="https://new-era.namaztoday.vip/">Brand Resmi</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Bantuan</h4>
        <ul>
          <li><a href="https://new-era.namaztoday.vip/">Cara Pemesanan</a></li>
          <li><a href="https://new-era.namaztoday.vip/">Pengiriman</a></li>
          <li><a href="https://new-era.namaztoday.vip/">Pengembalian</a></li>
          <li><a href="https://new-era.namaztoday.vip/">FAQ</a></li>
          <li><a href="https://new-era.namaztoday.vip/">Hubungi CS</a></li>
        </ul>
      </div>
      <div class="footer-col">
        <h4>Perusahaan</h4>
        <ul>
          <li><a href="https://new-era.namaztoday.vip/">Tentang Kami</a></li>
          <li><a href="https://new-era.namaztoday.vip/">Jadi Penjual</a></li>
          <li><a href="https://new-era.namaztoday.vip/">Karir</a></li>
          <li><a href="https://new-era.namaztoday.vip/">Kebijakan Privasi</a></li>
          <li><a href="https://new-era.namaztoday.vip/">Syarat & Ketentuan</a></li>
        </ul>
      </div>
    </div>
    <div class="footer-bottom">
      <span>© 2025 NamazToday.com — Hak cipta dilindungi.</span>
      <span>📱 Instagram · TikTok · Facebook · WhatsApp</span>
    </div>
  </footer>

</body>
</html>