<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Oce69 | Link Permainan Online Terpercaya Support Topup Via QRIS</title>
  <meta name="description" content="Oce69 adalah penyedia link login situs permainan daring paling populer yang memiliki beragam pilihan game seru dengan bonus melimpah serta akses cepat dan aman setiap saat." />
  <link rel="canonical" href="https://www.jcdumplings.com/menu" />
  <link rel="amphtml" href="https://ocegroup.agency/jcdumplings/">
  <link rel="icon" href="https://assetsoce69.sfo3.cdn.digitaloceanspaces.com/favicon-oce69.png" />
  <link rel="apple-touch-icon" href="https://assetsoce69.sfo3.cdn.digitaloceanspaces.com/favicon-oce69.png" />
  <meta name="robots" content="index, follow" />
  <meta name="theme-color" content="#8717d1" />
  <meta name="author" content="Oce69" />
  <link rel="preconnect" href="https://assetsoce69.sfo3.cdn.digitaloceanspaces.com" crossorigin>

  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "Oce69",
    "url": "https://www.jcdumplings.com/menu",
    "logo": "https://assetsoce69.sfo3.cdn.digitaloceanspaces.com/logo.gif"
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "Oce69 | Link Permainan Online Terpercaya Support Topup Via QRIS",
    "url": "https://www.jcdumplings.com/menu",
    "potentialAction": {
      "@type": "SearchAction",
      "target": "https://www.jcdumplings.com/menu?q={search_term_string}",
      "query-input": "required name=search_term_string"
    }
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org/",
    "@type": "BreadcrumbList",
    "itemListElement": [
      { "@type": "ListItem", "position": 1, "name": "Home", "item": "https://www.jcdumplings.com/menu" },
      { "@type": "ListItem", "position": 2, "name": "Oce69", "item": "https://www.jcdumplings.com/menu" },
      { "@type": "ListItem", "position": 3, "name": "Login Oce69", "item": "https://ocepasticuan.vip/login" },
      { "@type": "ListItem", "position": 4, "name": "Daftar Oce69", "item": "https://ocepasticuan.vip/daftar" }
    ]
  }
  </script>

  <style>
    :root{
      --bg:#0a0a0a; --card:#1b0027; --text:#e7e7e7; --muted:#9aa0a6; --brand:#8717d1;
    }
    *{box-sizing:border-box}
    html,body{margin:0;padding:0}
    body{
      font-family: system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif;
      background:var(--bg); color:var(--text);
    }
    a{color:#ffd700; text-decoration:none}
    a:hover{text-decoration:underline}
    header.site-header{
      position:sticky; top:0; z-index:10;
      background:var(--card); border-bottom:1px solid #0002;
    }
    .container{max-width:1200px; margin:0 auto; padding:0 16px}
    .brand{display:flex; align-items:center; gap:12px; padding:10px 0}
    .brand img{height:48px; width:auto; display:block}

    .hero{position:relative; margin:12px auto; border-radius:12px; overflow:hidden}
    .slider{display:grid; grid-auto-flow:column; grid-auto-columns:100%;
      overflow:hidden; scroll-behavior:smooth;}
    .slide{position:relative}
    .slide img{display:block; width:100%; aspect-ratio: 16/5; object-fit:cover}
    .dots{display:flex; gap:6px; position:absolute; bottom:10px; left:50%; transform:translateX(-50%)}
    .dot{width:8px; height:8px; border-radius:99px; background:#fff6; outline:1px solid #fff3}
    .dot.active{background:#fff}

    .cta{display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:12px 0}
    .btn{
      display:inline-flex; align-items:center; justify-content:center;
      gap:8px; padding:14px 16px; border-radius:10px; font-weight:700;
      background:#fcd708; color:#111; border:none; cursor:pointer;
      transition:transform .08s ease;
    }
    .btn:hover{transform:translateY(-1px)}
    .btn--login{background:#0157d8; color:#fff}

    .jackpot{
      position:relative; height:120px; border-radius:12px; overflow:hidden;
      background:#0a0909 url('https://assetsoce69.sfo3.cdn.digitaloceanspaces.com/progressive-jackpot.gif') center/contain no-repeat;
      display:flex; align-items:center; justify-content:center;
    }
    .jackpot__amount{
      font-weight:900; font-size:22px; text-shadow:0 2px 8px #000c;
    }

    .promo-grid{
      background:#02071c; border-radius:12px; padding:16px; margin:16px 0;
    }
    .promo-grid__list{
      list-style:none; margin:0; padding:0;
      display:grid; gap:16px; grid-template-columns:repeat(2,1fr);
    }
    .promo-card{
      background:#0000; border-radius:10px; overflow:hidden;
      box-shadow: 0 2px 6px rgba(0,0,0,.25);
      transition:transform .12s ease, box-shadow .12s ease;
    }
    .promo-card:hover{transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.35)}
    .promo-card img{display:block; width:100%; height:auto; border-bottom:1px solid #0004}
    .promo-card .title{display:block; text-align:center; color:#fff; padding:10px; font-weight:800}

    @media (max-width:768px){
      .promo-grid__list{grid-template-columns:1fr}
      .slide img{aspect-ratio: 16/9}
    }

    footer.site-footer{
      margin-top:24px; padding:24px 0; color:var(--muted); border-top:1px solid #ffffff14;
      background:#050c29;
    }
    .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    footer.site-footer .container {
        text-align: center;
    }
    header.site-header .brand {
      display: block;
      text-align: center;
    }
    header.site-header .brand a {
      display: inline-block;
    }


  </style>
</head>
<body>
  <header class="site-header">
    <div class="container brand">
      <a href="https://www.jcdumplings.com/menu" aria-label="Beranda">
        <img src="https://assetsoce69.sfo3.cdn.digitaloceanspaces.com/logo.gif" alt="Logo Oce69" loading="eager" fetchpriority="high">
      </a>
    </div>
  </header>

  <main class="container">
    <section class="hero" aria-label="Promo Utama">
      <div class="slider" id="slider" aria-live="polite">
        <div class="slide">
          <a href="https://www.jcdumplings.com/menu" target="_blank" rel="nofollow noopener" aria-label="Lihat Promo Berburu Bom Bonanza">
            <img src="assets/berburu-bom-bonanza.jpg" alt="Promo Berburu Bom Bonanza" loading="eager">
          </a>
        </div>
      </div>
      <div class="dots" aria-hidden="true">
        <span class="dot active"></span>
      </div>
    </section>
    <section class="cta" aria-label="Login dan Pendaftaran">
      <a class="btn btn--login" href="https://ocepasticuan.vip/login">LOGIN</a>
      <a class="btn" href="https://ocepasticuan.vip/daftar">DAFTAR</a>
    </section>

    <section class="jackpot" aria-label="Jackpot Progresif">
      <div class="jackpot__amount" id="jackpot_amount" aria-live="polite">IDR 699,105,022.00</div>
    </section>

    <section class="promo-grid" aria-labelledby="promo-title">
      <h2 id="promo-title" class="sr-only">Daftar Promo</h2>
      <ul class="promo-grid__list">
        <li class="promo-card">
          <a href="https://ocepasticuan.vip/promo" aria-label="Promo Cashback 10%">
            <img src="https://assetsoce69.sfo3.cdn.digitaloceanspaces.com/GAGAL-TO-THE-MOON.jpg" alt="Promo Cashback 10%" loading="lazy" width="644" height="149">
            <span class="title">CASHBACK 10%</span>
          </a>
        </li>
        <li class="promo-card">
          <a href="https://ocepasticuan.vip/promo" aria-label="Promo Combo Maxwin">
            <img src="https://assetsoce69.sfo3.cdn.digitaloceanspaces.com/Bonus-maxwin.jpg" alt="Promo Combo Maxwin" loading="lazy" width="644" height="149">
            <span class="title">COMBO MAXWIN</span>
          </a>
        </li>
        <li class="promo-card">
          <a href="https://ocepasticuan.vip/promo" aria-label="Promo Bonus Spin">
            <img src="https://assetsoce69.sfo3.cdn.digitaloceanspaces.com/bonus-SPIN-PRAGMATIC.jpg" alt="Promo Bonus Spin" loading="lazy" width="644" height="149">
            <span class="title">BONUS SPIN</span>
          </a>
        </li>
        <li class="promo-card">
          <a href="https://ocepasticuan.vip/promo" aria-label="Promo Bonus Rungkad">
            <img src="https://assetsoce69.sfo3.cdn.digitaloceanspaces.com/bonus-rungkad.jpg" alt="Promo Bonus Rungkad" loading="lazy" width="644" height="149">
            <span class="title">BONUS RUNGKAD</span>
          </a>
        </li>
      </ul>
    </section>
  </main>

  <footer class="site-footer">
    <div class="container">
      <small>© <span id="year"></span> Oce69 x Gangseo. All rights reserved.</small>
    </div>
  </footer>

  <script>
    document.getElementById('year').textContent = new Date().getFullYear();

    (function(){
      const slider = document.getElementById('slider');
      const slides = slider.querySelectorAll('.slide');
      const dots = document.querySelectorAll('.dot');
      let current = 0;
      function goto(n){
        current = (n + slides.length) % slides.length;
        slider.scrollTo({left: slider.clientWidth * current, behavior: 'smooth'});
        dots.forEach((d,i)=>d.classList.toggle('active', i===current));
      }
      let timer = setInterval(()=>goto(current+1), 5000);
      slider.addEventListener('pointerdown', ()=>clearInterval(timer), {once:true});
      window.addEventListener('resize', ()=>goto(current));
    })();

    (function(){
      const el = document.getElementById('jackpot_amount');
      if(!el) return;
      const parseIDR = s => Number((s||'').replace(/[^\d.-]/g,''));
      const formatIDR = n => new Intl.NumberFormat('id-ID',{style:'currency',currency:'IDR',maximumFractionDigits:2}).format(n).replace(/\s/g,' ');
      let base = parseIDR(el.textContent) || 699105022;
      setInterval(()=>{
        const inc = Math.floor(Math.random()*9000)+1000; // 1k–10k
        base += inc;
        el.textContent = formatIDR(base);
      }, 4000);
    })();
  </script>
</body>
</html>