<!DOCTYPE html><html lang="id"><head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <title>SABAT88 | | Sensasi Bermain Game Online Lebih Menarik</title>
  <meta name="description" content="SABAT88 | | Menghadirkan permainan berkualitas dengan tingkat kemenangan tinggi, situs ini adalah pilihan terbaik untuk pecinta game online">
  <meta name="keywords" content="sabat 88, sabat88, login sabat88, link resmi sabat88, sabat88 rtp tinggi, bonus sabat88, daftar sabat88">
  <meta name="author" content="sabat88">
  <meta name="robots" content="index,follow">
  <meta name="theme-color" content="#0d6efd">

  <!-- Open Graph -->
  <meta property="og:type" content="website">
  <meta property="og:title" content="SABAT88 | | Sensasi Bermain Game Online Lebih Menarik">
  <meta property="og:description" content="SABAT88 | | Menghadirkan permainan berkualitas dengan tingkat kemenangan tinggi, situs ini adalah pilihan terbaik untuk pecinta game online">
  <meta property="og:url" content="https://www.lawschoolloanreport.org/">
  <meta property="og:image" content="index_1.html">

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="SABAT88 | | Sensasi Bermain Game Online Lebih Menarik">
  <meta name="twitter:description" content="SABAT88 | | Menghadirkan permainan berkualitas dengan tingkat kemenangan tinggi, situs ini adalah pilihan terbaik untuk pecinta game online">
  <meta name="twitter:image" content="https://www.lawschoolloanreport.org/seed/sabat88-keren/1200/630">

  <link rel="canonical" href="https://www.lawschoolloanreport.org/">
  <link rel="amphtml" href="https://www.lawschoolloanreport.org/amp/">
  <link rel="icon" href="images/fav-sabat88.webp" sizes="64x64">

  <!-- Bootstrap 5 -->
  <link href="css/bootstrap.min.css" rel="stylesheet">
  <style>
    /* Sentuhan halus UI */
    .hero {
      background: radial-gradient(1200px 600px at 10% 10%, rgba(13,110,253,.15), transparent),
                  radial-gradient(1000px 500px at 90% 20%, rgba(32,201,151,.15), transparent),
                  linear-gradient(180deg, #fff, #f8f9fa);
    }
    .product-card:hover { transform: translateY(-4px); transition: .25s ease; box-shadow: 0 .5rem 1rem rgba(0,0,0,.08); }
    .rating { color: #FFC107; }
    .breadcrumb a { text-decoration: none; }
    .img-fit { object-fit: cover; }
  </style>

  <!-- JSON-LD Structured Data -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"WebSite",
    "name":"sabat88",
    "url":"https://www.lawschoolloanreport.org/",
    "potentialAction":{
      "@type":"SearchAction",
      "target":"https://www.lawschoolloanreport.org/?q={search_term_string}",
      "query-input":"required name=search_term_string"
    }
  }
  </script>

  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"ShoeStore",
    "name":"sabat88",
    "image":"https://www.lawschoolloanreport.org/seed/storefront/1200/630",
    "url":"https://www.lawschoolloanreport.org/",
    "telephone":"+62-812-0000-0000",
    "address":{
      "@type":"PostalAddress",
      "streetAddress":"Jl. Andalas No. 7",
      "addressLocality":"Jakarta",
      "postalCode":"10220",
      "addressCountry":"ID"
    },
    "openingHoursSpecification":[{"@type":"OpeningHoursSpecification","dayOfWeek":["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"opens":"09:00","closes":"21:00"}],
    "sameAs":["https://instagram.com/sabat88"],
    "aggregateRating":{"@type":"AggregateRating","ratingValue":"4.8","reviewCount":"417"}
  }
  </script>

  <!-- ItemList + Product (ringkas) -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"ItemList",
    "itemListOrder":"https://schema.org/ItemListOrderAscending",
    "itemListElement":[
      {
        "@type":"ListItem","position":1,
        "url":"https://www.lawschoolloanreport.org/"
      },
      {
        "@type":"ListItem","position":2,
        "url":"https://www.lawschoolloanreport.org/"
      },
      {
        "@type":"ListItem","position":3,
        "url":"https://www.lawschoolloanreport.org/"
      },
      {
        "@type":"ListItem","position":4,
        "url":"https://www.lawschoolloanreport.org/"
      },
      {
        "@type":"ListItem","position":5,
        "url":"https://www.lawschoolloanreport.org/"
      },
      {
        "@type":"ListItem","position":6,
        "url":"https://www.lawschoolloanreport.org/"
      }
    ]
  }
  </script>

  <!-- Breadcrumb -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"BreadcrumbList",
    "itemListElement":[
      {"@type":"ListItem","position":1,"name":"Beranda","item":"https://www.lawschoolloanreport.org/"},
      {"@type":"ListItem","position":2,"name":"Katalog","item":"https://www.lawschoolloanreport.org/katalog"}
    ]
  }
  </script>
</head>
<body>

  <!-- Navbar -->
  <nav class="navbar navbar-expand-lg bg-white border-bottom sticky-top">
    <div class="container">
      <a class="navbar-brand fw-bold" href="#">SABAT88<span class="text-primary"></span></a>
      <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#nav">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div id="nav" class="collapse navbar-collapse">
        <ul class="navbar-nav me-auto">
          <li class="nav-item"><a class="nav-link active" href="#">Beranda</a></li>
          <li class="nav-item"><a class="nav-link" href="#katalog">Katalog</a></li>
          <li class="nav-item"><a class="nav-link" href="#ulasan">Ulasan</a></li>
          <li class="nav-item"><a class="nav-link" href="#faq">FAQ</a></li>
          <li class="nav-item"><a class="nav-link" href="#kontak">Kontak</a></li>
        </ul>
        <form class="d-flex" role="search" action="" method="get">
          <input class="form-control me-2" type="search" name="q" placeholder="Cari">
          <button class="btn btn-primary">Cari</button>
        </form>
      </div>
    </div>
  </nav>

  <!-- Hero -->
  <header class="hero py-5">
    <div class="container">
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
          <li class="breadcrumb-item"><a href="#">Beranda</a></li>
          <li class="breadcrumb-item active" aria-current="page">Katalog</li>
        </ol>
      </nav>
      <div class="row align-items-center g-4">
        <div class="col-lg-6">
          <h1 class="display-5 fw-bold mb-3">SABAT88 | | Sensasi Bermain Game Online Lebih Menarik</h1>
          <a href="https://sabat88.net/" class="btn btn-primary btn-lg me-2">DAFTAR SEKARANG</a>
          <a href="https://sabat88.net/" class="btn btn-outline-primary btn-lg">LOGIN SABAT88</a>
        </div>
        <div class="col-lg-6">
          <img src="images/banner-sabat88.webp" class="w-400 rounded-4 shadow-sm img-fit" alt="Sneakers terbaru sabat88" loading="lazy" height="420">
        </div>
      </div>
    </div>
  </header>

  <!-- Kategori / Filter sederhana -->
  <section class="py-4 border-bottom bg-light">
    <div class="container">
      <div class="d-flex flex-wrap align-items-center gap-2">
        <span class="text-muted me-2">Kategori:</span>
        <button class="btn btn-sm btn-outline-secondary active" data-filter="all">Semua</button>
        <button class="btn btn-sm btn-outline-secondary" data-filter="running">Running</button>
        <button class="btn btn-sm btn-outline-secondary" data-filter="lifestyle">Lifestyle</button>
        <button class="btn btn-sm btn-outline-secondary" data-filter="formal">Formal</button>
        <button class="btn btn-sm btn-outline-secondary" data-filter="outdoor">Outdoor</button>
      </div>
    </div>
  </section>

  <!-- Katalog Produk -->
  <main id="katalog" class="py-5">
    <div class="container">
      <div class="d-flex justify-content-between align-items-center mb-3">
        <h2 class="h3 mb-0">Produk Unggulan</h2>
        <small class="text-muted">6 produk • Stok siap kirim</small>
      </div>

      <div class="row g-4">
        <!-- Product 1 -->
        <div class="col-md-6 col-lg-4">
          <article class="card h-100 product-card" data-category="running">
            <img src="images/olympus1000.webp" class="card-img-top img-fit" alt="gates of olympus 1000" loading="lazy" height="400">
            <div class="card-body">
              <h3 class="h5 card-title"><a class="stretched-link text-decoration-none text-dark" href="Gates of olympus 1000">Gates of olympus 1000</a></h3>
              <p class="card-text text-muted mb-2">Aman, nyaman dan terbukti menguntungkan.</p>
              <div class="d-flex justify-content-between align-items-center">
                <span class="fw-semibold">Rp 799.000</span>
                <span class="rating" aria-label="Rating 4.7 dari 5">★★★★☆</span>
              </div>
            </div>
            <div class="card-footer bg-white">
              <button class="btn btn-outline-primary w-100" data-bs-toggle="modal" data-bs-target="#modalSprint">Detail</button>
            </div>
          </article>
        </div>

        <!-- Product 2 -->
        <div class="col-md-6 col-lg-4">
          <article class="card h-100 product-card" data-category="lifestyle">
            <img src="images/princess1000.webp" class="card-img-top img-fit" alt="starlight princess 1000" loading="lazy" height="400">
            <div class="card-body">
              <h3 class="h5 card-title"><a class="stretched-link text-decoration-none text-dark" href="https://www.lawschoolloanreport.org/">Starlight Princess</a></h3>
              <p class="card-text text-muted mb-2">Aman, nyaman dan terbukti menguntungkan.</p>
              <div class="d-flex justify-content-between align-items-center">
                <span class="fw-semibold">Rp 899.000</span>
                <span class="rating">★★★★★</span>
              </div>
            </div>
            <div class="card-footer bg-white">
              <button class="btn btn-outline-primary w-100" data-bs-toggle="modal" data-bs-target="#modalUrban">Detail</button>
            </div>
          </article>
        </div>

        <!-- Product 3 -->
        <div class="col-md-6 col-lg-4">
          <article class="card h-100 product-card" data-category="formal">
            <img src="images/olympgold.webp" class="card-img-top img-fit" alt="Gates of Olympus" loading="lazy" height="400">
            <div class="card-body">
              <h3 class="h5 card-title"><a class="stretched-link text-decoration-none text-dark" href="https://www.lawschoolloanreport.org/">Gates of Olympus</a></h3>
              <p class="card-text text-muted mb-2">Aman, nyaman dan terbukti menguntungkan.</p>
              <div class="d-flex justify-content-between align-items-center">
                <span class="fw-semibold">Rp 50,000</span>
                <span class="rating">★★★★☆</span>
              </div>
            </div>
            <div class="card-footer bg-white">
              <button class="btn btn-outline-primary w-100" data-bs-toggle="modal" data-bs-target="#modalOxford">Detail</button>
            </div>
          </article>
        </div>

        <!-- Product 4 -->
        <div class="col-md-6 col-lg-4">
          <article class="card h-100 product-card" data-category="outdoor">
            <img src="images/mahjong.webp" class="card-img-top img-fit" alt="mahjong ways" loading="lazy" height="400">
            <div class="card-body">
              <h3 class="h5 card-title"><a class="stretched-link text-decoration-none text-dark" href="https://www.lawschoolloanreport.org/">mahjong ways</a></h3>
              <p class="card-text text-muted mb-2">Aman, nyaman dan terbukti menguntungkan.</p>
              <div class="d-flex justify-content-between align-items-center">
                <span class="fw-semibold">Rp 1.499.000</span>
                <span class="rating">★★★★☆</span>
              </div>
            </div>
            <div class="card-footer bg-white">
              <button class="btn btn-outline-primary w-100" data-bs-toggle="modal" data-bs-target="#modalHike">Detail</button>
            </div>
          </article>
        </div>

        <!-- Product 5 -->
        <div class="col-md-6 col-lg-4">
          <article class="card h-100 product-card" data-category="running">
            <img src="images/buahmanis.webp" class="card-img-top img-fit" alt="sweet bonanza" loading="lazy" height="400">
            <div class="card-body">
              <h3 class="h5 card-title"><a class="stretched-link text-decoration-none text-dark" href="https://www.lawschoolloanreport.org/">Sweet Bonanza</a></h3>
              <p class="card-text text-muted mb-2">Aman, nyaman dan terbukti menguntungkan.</p>
              <div class="d-flex justify-content-between align-items-center">
                <span class="fw-semibold">Rp 99.000</span>
                <span class="rating">★★★★☆</span>
              </div>
            </div>
            <div class="card-footer bg-white">
              <button class="btn btn-outline-primary w-100" data-bs-toggle="modal" data-bs-target="#modalAir">Detail</button>
            </div>
          </article>
        </div>

        <!-- Product 6 -->
        <div class="col-md-6 col-lg-4">
          <article class="card h-100 product-card" data-category="lifestyle">
            <img src="images/koboyganteng.webp" class="card-img-top img-fit" alt="wild bounty showdown" loading="lazy" height="400">
            <div class="card-body">
              <h3 class="h5 card-title"><a class="stretched-link text-decoration-none text-dark" href="https://www.lawschoolloanreport.org/">wild bounty showdown</a></h3>
              <p class="card-text text-muted mb-2">Aman, nyaman dan terbukti menguntungkan.</p>
              <div class="d-flex justify-content-between align-items-center">
                <span class="fw-semibold">Rp 99.000</span>
                <span class="rating">★★★★★</span>
              </div>
            </div>
            <div class="card-footer bg-white">
              <button class="btn btn-outline-primary w-100" data-bs-toggle="modal" data-bs-target="#modalComfort">Detail</button>
            </div>
          </article>
        </div>
      </div>
    </div>
  </main>

  <!-- Ulasan (Review) -->
  <section id="ulasan" class="py-5 bg-light border-top">
    <div class="container">
      <div class="d-flex justify-content-between align-items-center mb-3">
        <h2 class="h3 mb-0">Ulasan Pelanggan</h2>
        <span class="small text-muted">Rating toko: 4.8/5 dari 417 ulasan</span>
      </div>

      <div class="row g-3">
        <div class="col-md-6">
          <div class="card h-100">
            <div class="card-body">
              <div class="d-flex justify-content-between mb-2">
                <strong>Ani</strong>
                <span class="rating">★★★★★</span>
              </div>
              <p class="mb-0">Permainan lengkap, bonus melimpah dan menguntungkan </p>
            </div>
            <div class="card-footer bg-white small text-muted">SITUS sabat88</div>
          </div>
        </div>
        <div class="col-md-6">
          <div class="card h-100">
            <div class="card-body">
              <div class="d-flex justify-content-between mb-2">
                <strong>sabat88</strong>
                <span class="rating">★★★★☆</span>
              </div>
              <p class="mb-0">Situs Game Online Terbaik dan Terpercaya 2025</p>
            </div>
            <div class="card-footer bg-white small text-muted">sabat88</div>
          </div>
        </div>
      </div>

      <!-- Form tambah ulasan (front-end saja) -->
      <div class="card mt-4">
        <div class="card-body">
          <h3 class="h5">Tulis Ulasan</h3>
          <form onsubmit="event.preventDefault(); alert('Terima kasih! Ulasanmu tercatat.'); this.reset();">
            <div class="row g-3">
              <div class="col-md-6">
                <label class="form-label">Nama</label>
                <input type="text" class="form-control" placeholder="Nama kamu" required="">
              </div>
              <div class="col-md-6">
                <label class="form-label">Provider</label>
                <select class="form-select" required="">
                  <option value="">Pilih…</option>
                  <option>Pragmatic Play</option>
                  <option>Pg Soft</option>
                  <option>Nolimit City</option>
                  <option>Habanero</option>
                  <option>Spadegaming</option>
                  <option>Netent</option>
                </select>
              </div>
              <div class="col-md-6">
                <label class="form-label">Rating</label>
                <select class="form-select" required="">
                  <option value="5">5 - Mantap</option>
                  <option value="4">4 - Bagus</option>
                  <option value="3">3 - Gacor</option>
                  <option value="2">2 - Menang</option>
                  <option value="1">1 - Profit</option>
                </select>
              </div>
              <div class="col-12">
                <label class="form-label">Komentar</label>
                <textarea class="form-control" rows="3" placeholder="Ceritakan pengalamanmu…" required=""></textarea>
              </div>
            </div>
            <button class="btn btn-primary mt-3">Kirim Ulasan</button>
          </form>
        </div>
      </div>
    </div>
  </section>

  <!-- FAQ -->
  <section id="faq" class="py-5">
    <div class="container">
      <h2 class="h3 mb-3">Pertanyaan yang Sering Diajukan</h2>
      <div class="accordion" id="faqAcc">
        <div class="accordion-item">
          <h2 class="accordion-header" id="q1">
            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#a1">Apakah situs game Sabat88 / Sabat 88 resmi dan perpercaya?</button>
          </h2>
          <div id="a1" class="accordion-collapse collapse show" data-bs-parent="#faqAcc">
            <div class="accordion-body">Ya, situs ini dijamin terpercaya dan berlisensi resmi 100%.</div>
          </div>
        </div>
        <div class="accordion-item">
          <h2 class="accordion-header" id="q2">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#a2">Bagaimana cara untuk bergabung / mendaftar di sabat88</button>
          </h2>
          <div id="a2" class="accordion-collapse collapse" data-bs-parent="#faqAcc">
            <div class="accordion-body">Untuk mendaftar tekan tombol daftar/register di atas, isi data dengan benar dan lengkap</div>
          </div>
        </div>
        <div class="accordion-item">
          <h2 class="accordion-header" id="q3">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#a3">Apakah situs ini aman?</button>
          </h2>
          <div id="a3" class="accordion-collapse collapse" data-bs-parent="#faqAcc">
            <div class="accordion-body">Dijamin aman dan nyaman 100%</div>
          </div>
        </div>
        <div class="accordion-item">
          <h2 class="accordion-header" id="q4">
            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#a4">Kapan bisa bermain</button>
          </h2>
          <div id="a4" class="accordion-collapse collapse" data-bs-parent="#faqAcc">
            <div class="accordion-body">Bisa di akses 24 jam Penuh </div>
          </div>
        </div>
      </div>
    </div>

    <!-- FAQPage Schema -->
    <script type="application/ld+json">
    {
      "@context":"https://schema.org",
      "@type":"FAQPage",
      "mainEntity":[
        {"@type":"Question","name":"Apakah semua sabat88 dijamin original?","acceptedAnswer":{"@type":"Answer","text":"Ya, semua produk 100% original dengan garansi resmi. Jika terbukti tidak asli, uang kembali 100%."}},
        {"@type":"Question","name":"Bagaimana kebijakan retur dan penukaran ukuran?","acceptedAnswer":{"@type":"Answer","text":"Bisa retur/penukaran ukuran dalam 7 hari setelah barang diterima, syarat & ketentuan berlaku."}},
        {"@type":"Question","name":"Apakah tersedia COD?","acceptedAnswer":{"@type":"Answer","text":"Tersedia COD untuk area tertentu. Cek ketersediaan pada halaman checkout."}},
        {"@type":"Question","name":"Kapan order saya dikirim?","acceptedAnswer":{"@type":"Answer","text":"Order sebelum jam 15.00 WIB diproses di hari yang sama. Resi otomatis terkirim via email."}}
      ]
    }
    </script>
  </section>

  <!-- Kontak & CTA -->
  <section id="kontak" class="py-5 bg-primary text-white">
    <div class="container">
      <div class="row align-items-center g-4">
        <div class="col-lg-8">
          <h2 class="h3">Butuh Bantuan?</h2>
          <p class="mb-0">Tim kami siap membantu via LIVE CHAT. Dapatkan rekomendasi sesuai aktivitasmu.</p>
        </div>
        <div class="col-lg-4 text-lg-end">
          <a href="https://direct.lc.chat/17306058/124/" class="btn btn-light btn-lg">LIVE CHAT</a>
        </div>
      </div>
    </div>
  </section>

  <!-- Footer -->
  <footer class="py-4">
    <div class="container d-flex flex-wrap justify-content-between align-items-center gap-3">
      <div class="text-muted small">© seo kw 2025 sabat88 • All rights reserved.</div>
      <div class="small">
        <a href="#" class="text-muted me-3">Kebijakan Privasi</a>
        <a href="#" class="text-muted me-3">Syarat Layanan</a>
        <a href="#" class="text-muted">Refund Policy</a>
      </div>
    </div>
  </footer>

  <!-- Modal Detail Produk (contoh) -->
  <div class="modal fade" id="modalSprint" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title">Sprint Runner X</h5>
          <button class="btn-close" data-bs-dismiss="modal"></button>
        </div>
        <div class="modal-body row g-3">
          <div class="col-md-6">
            <img src="index_1.html" class="w-100 rounded" alt="Sprint Runner X closeup" loading="lazy">
          </div>
          <div class="col-md-6">
            <p>Upper mesh breathable, midsole EVA responsif, outsoles anti-slip. Cocok harian & race day.</p>
            <ul>
              <li>Berat ±240g (UK 42)</li>
              <li>Drop 8mm</li>
              <li>Size 39–45</li>
            </ul>
            <div class="d-flex align-items-center justify-content-between">
              <strong class="fs-5">Rp 799.000</strong>
              <button class="btn btn-primary">Tambah ke Keranjang</button>
            </div>
          </div>
        </div>
        <div class="modal-footer"><small class="text-muted">Garansi original & retur 7 hari.</small></div>
      </div>
    </div>
  </div>

  <!-- Modal lain (ringkas) -->
  <div class="modal fade" id="modalUrban" tabindex="-1" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5 class="modal-title">Urban Sneak Pro</h5><button class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body">Sneakers minimal harian, insole nyaman, upper knit fleksibel.</div></div></div></div>
  <div class="modal fade" id="modalOxford" tabindex="-1" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5 class="modal-title">Classic Oxford</h5><button class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body">sabat88 formal kulit asli, tampilan elegan untuk kerja & acara.</div></div></div></div>
  <div class="modal fade" id="modalHike" tabindex="-1" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5 class="modal-title">Hike Trail GTX</h5><button class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body">Waterproof, outsole agresif untuk trail & pendakian.</div></div></div></div>
  <div class="modal fade" id="modalAir" tabindex="-1" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5 class="modal-title">Air Flex Lite</h5><button class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body">Super ringan, cocok latihan harian & 5K-10K.</div></div></div></div>
  <div class="modal fade" id="modalComfort" tabindex="-1" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5 class="modal-title">Comfort Walk 2</h5><button class="btn-close" data-bs-dismiss="modal"></button></div><div class="modal-body">Nyaman dipakai seharian, knit breathable & memory foam.</div></div></div></div>

  <!-- Mini filter JS -->
  <script>
    document.querySelectorAll('[data-filter]').forEach(btn=>{
      btn.addEventListener('click', ()=>{
        document.querySelectorAll('[data-filter]').forEach(b=>b.classList.remove('active'));
        btn.classList.add('active');
        const cat = btn.getAttribute('data-filter');
        document.querySelectorAll('.product-card').forEach(card=>{
          const match = cat === 'all' || card.dataset.category === cat;
          card.parentElement.style.display = match ? '' : 'none';
        });
      });
    });
  </script>

  <script src="js/bootstrap.bundle.min.js"></script>

  <!-- Contoh Product schema untuk satu produk (lebih rapi jika tiap halaman produk punya schema sendiri) -->
  <script type="application/ld+json">
  {
    "@context":"https://schema.org",
    "@type":"Product",
    "name":"Sprint Runner X",
    "image":["https://www.lawschoolloanreport.org/seed/sprint-runner-x/900/600"],
    "description":"sabat88 lari ringan dan breathable untuk jarak jauh.",
    "sku":"SRX-001",
    "brand":{"@type":"Brand","name":"sabat88"},
    "offers":{
      "@type":"Offer",
      "priceCurrency":"IDR",
      "price":"799000",
      "availability":"https://schema.org/InStock",
      "url":"https://www.lawschoolloanreport.org/images/olympus1000.webp"
    },
    "aggregateRating":{"@type":"AggregateRating","ratingValue":"4.7","reviewCount":"158"},
    "review":[
      {"@type":"Review","reviewRating":{"@type":"Rating","ratingValue":"5"},"author":{"@type":"Person","name":"Ani"},"reviewBody":"Pengiriman cepat dan ukuran pas."}
    ]
  }
  </script>

</body></html>