<!DOCTYPE html>
<html ⚡ lang="id">
<head>
  <meta charset="utf-8">
  <script async src="https://cdn.ampproject.org/v0.js"></script>

  <!-- ═══════════════════════════════════════════
       PRIMARY SEO META
       - https://dreyeroord.nl/
       - KILAT128 : Platform Situs Games Dreyeroord yang Lebih Menyengat Saat Ini
       - KILAT128 dikenal sebagai platform situs games dreyeroord yang lebih menyengat saat ini. Nikmati akses game lancar tanpa lag dengan sistem keamanan tercanggih dan layanan nonstop 24 jam.
       - Kilat128Game
       - KILAT128 mengukuhkan posisinya sebagai portal referensi utama bagi ekosistem permainan Dreyeroord modern.
  ═══════════════════════════════════════════ -->
  <title>KILAT128 : Platform Situs Games Dreyeroord yang Lebih Menyengat Saat Ini</title>
  <meta name="description" content="KILAT128 dikenal sebagai platform situs games dreyeroord yang lebih menyengat saat ini. Nikmati akses game lancar tanpa lag dengan sistem keamanan tercanggih dan layanan nonstop 24 jam.">
  <meta name="keywords" content="kilat128, kilat128 daftar, kilat128 login, kilat128 link alternatif, kilat128 slot, kilat128 live game">
  <meta name="robots" content="index, follow">
  <meta name="author" content="KILAT128">
  <meta name="theme-color" content="#0a0a1a">

  <!-- ═══════════════════════════════════════════
       CANONICAL & VIEWPORT
  ═══════════════════════════════════════════ -->
  <link rel="canonical" href="https://dreyeroord.nl/">
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">

  <!-- ═══════════════════════════════════════════
       OPEN GRAPH (Facebook / WhatsApp / Telegram)
  ═══════════════════════════════════════════ -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://dreyeroord.nl/">
  <meta property="og:title" content="KILAT128 : Platform Situs Games Dreyeroord yang Lebih Menyengat Saat Ini">
  <meta property="og:description" content="KILAT128 merupakan jaminan kemenangan dengan live gaming terverifikasi. Gulungan ombak kemenangan beruntun menanti Anda!">
  <meta property="og:image" content="https://ik.imagekit.io/ujkbh4hdw/128GROUP/KILAT128/kilat128bn.png">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:site_name" content="KILAT128">
  <meta property="og:locale" content="id_ID">

  <!-- ═══════════════════════════════════════════
       TWITTER CARD
  ═══════════════════════════════════════════ -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="KILAT128 : Platform Situs Games Dreyeroord yang Lebih Menyengat Saat Ini">
  <meta name="twitter:description" content="KILAT128 dikenal sebagai platform situs games dreyeroord yang lebih menyengat saat ini. Nikmati akses game lancar tanpa lag dengan sistem keamanan tercanggih dan layanan nonstop 24 jam.">
  <meta name="twitter:image" content="https://ik.imagekit.io/ujkbh4hdw/128GROUP/KILAT128/kilat128bn.png">
  <meta name="twitter:site" content="@KILAT128_id">

  <!-- ═══════════════════════════════════════════
       FAVICON
  ═══════════════════════════════════════════ -->
  <link rel="icon" type="image/webp" href="https://ik.imagekit.io/ujkbh4hdw/128GROUP/KILAT128/faviconkilat128.webp">

  <!-- ═══════════════════════════════════════════
       SCHEMA.ORG JSON-LD
  ═══════════════════════════════════════════ -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebPage",
    "name": "KILAT128 : Platform Situs Games Dreyeroord yang Lebih Menyengat Saat Ini",
    "description": "KILAT128 merupakan jaminan kemenangan dengan live gaming terverifikasi dari raja lautan KILAT128.",
    "url": "https://dreyeroord.nl/",
    "image": "https://ik.imagekit.io/ujkbh4hdw/128GROUP/KILAT128/kilat128bn.png",
    "publisher": {
      "@type": "Organization",
      "name": "KILAT128",
      "logo": {
        "@type": "ImageObject",
        "url": "https://ik.imagekit.io/ujkbh4hdw/128GROUP/KILAT128/logokilat128.webp"
      }
    }
  }
  </script>

  <!-- ═══════════════════════════════════════════
       AMP BOILERPLATE
  ═══════════════════════════════════════════ -->
  <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
  <noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>

  <!-- ═══════════════════════════════════════════
       CUSTOM CSS
  ═══════════════════════════════════════════ -->
  <style amp-custom>

    /* ─── DESIGN TOKENS ─── */
    :root {
      --c-ocean-deep:   #020b18;
      --c-ocean-mid:    #041e3a;
      --c-teal:         #00c6d7;
      --c-teal-dim:     rgba(0,198,215,0.15);
      --c-violet:       #b06fff;
      --c-violet-dim:   rgba(176,111,255,0.15);
      --c-gold:         #ffd166;
      --c-white:        #e8f4f8;
      --c-muted:        #5b7fa6;
      --c-border:       rgba(0,198,215,0.2);
      --c-card-bg:      rgba(4,30,58,0.85);
      --c-btn-login:    rgba(0,198,215,0.12);
      --c-btn-reg-from: #b06fff;
      --c-btn-reg-to:   #ff6ec7;
      --radius-card:    18px;
      --radius-pill:    9999px;
      --font-main:      'Trebuchet MS', 'Gill Sans', sans-serif;
    }

    /* ─── GLOBAL RESET ─── */
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0; padding: 0;
      background: var(--c-ocean-deep);
      color: var(--c-white);
      font-family: var(--font-main);
      overflow-x: hidden;
      display: flex;
      justify-content: center;
      min-height: 100vh;
    }

    /* ─── OCEAN WAVE BG ─── */
    body::before {
      content: '';
      position: fixed;
      inset: 0;
      background:
        radial-gradient(ellipse 80% 50% at 20% 80%, rgba(0,100,140,0.35) 0%, transparent 60%),
        radial-gradient(ellipse 60% 40% at 80% 20%, rgba(176,111,255,0.2) 0%, transparent 55%),
        linear-gradient(180deg, #020b18 0%, #041e3a 60%, #020b18 100%);
      pointer-events: none;
      z-index: 0;
    }

    /* ─── BUBBLES (ocean particles) ─── */
    .bubble-layer {
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 1;
      overflow: hidden;
    }
    .bubble {
      position: absolute;
      bottom: -20px;
      border-radius: 50%;
      background: radial-gradient(circle at 35% 35%, rgba(0,198,215,0.6), rgba(0,80,120,0.1));
      border: 1px solid rgba(0,198,215,0.4);
      animation: rise linear infinite;
    }
    @keyframes rise {
      0%   { transform: translateY(0) scale(1);   opacity: 0; }
      10%  { opacity: 0.7; }
      80%  { opacity: 0.5; }
      100% { transform: translateY(-110vh) scale(1.3); opacity: 0; }
    }
    .bubble:nth-child(1)  { left:4%;   width:6px;  height:6px;  animation-duration:7s;  animation-delay:0s; }
    .bubble:nth-child(2)  { left:12%;  width:10px; height:10px; animation-duration:9s;  animation-delay:1s; }
    .bubble:nth-child(3)  { left:22%;  width:4px;  height:4px;  animation-duration:6s;  animation-delay:2s; }
    .bubble:nth-child(4)  { left:33%;  width:8px;  height:8px;  animation-duration:8s;  animation-delay:0.5s; }
    .bubble:nth-child(5)  { left:45%;  width:5px;  height:5px;  animation-duration:5.5s;animation-delay:3s; }
    .bubble:nth-child(6)  { left:56%;  width:12px; height:12px; animation-duration:10s; animation-delay:1.5s; }
    .bubble:nth-child(7)  { left:67%;  width:4px;  height:4px;  animation-duration:7.5s;animation-delay:2.5s; }
    .bubble:nth-child(8)  { left:77%;  width:7px;  height:7px;  animation-duration:6.5s;animation-delay:0.8s; }
    .bubble:nth-child(9)  { left:87%;  width:9px;  height:9px;  animation-duration:8.5s;animation-delay:1.2s; }
    .bubble:nth-child(10) { left:95%;  width:5px;  height:5px;  animation-duration:7s;  animation-delay:4s; }
    .bubble:nth-child(11) { left:30%;  width:3px;  height:3px;  animation-duration:5s;  animation-delay:1.8s; }
    .bubble:nth-child(12) { left:60%;  width:6px;  height:6px;  animation-duration:9.5s;animation-delay:0.3s; }

    /* ─── MOBILE FRAME ─── */
    .mobile-frame {
      position: relative;
      z-index: 10;
      width: 100%;
      max-width: 420px;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      border-left:  1px solid var(--c-border);
      border-right: 1px solid var(--c-border);
    }
    @media (max-width: 420px) { .mobile-frame { border: none; } }

    /* ─── STICKY HEADER ─── */
    .top-header {
      position: sticky;
      top: 0;
      z-index: 100;
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding: 11px 16px 12px;
      background: rgba(2,11,24,0.95);
      backdrop-filter: blur(14px);
      -webkit-backdrop-filter: blur(14px);
      border-bottom: 1px solid var(--c-border);
    }
    .header-top-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }
    .header-left  { display: flex; align-items: center; gap: 14px; }

    /* ─── CTA BUTTONS INSIDE HEADER ─── */
    .header-cta-row {
      display: flex;
      gap: 10px;
    }
    .header-btn {
      flex: 1;
      display: flex; align-items: center; justify-content: center;
      padding: 11px 10px;
      border-radius: 10px;
      font-weight: 800;
      font-size: 0.9em;
      text-decoration: none;
      text-transform: uppercase;
      letter-spacing: 1.5px;
      transition: transform 0.15s, box-shadow 0.15s;
      position: relative;
      overflow: hidden;
    }
    .header-btn:active { transform: scale(0.95); }
    /* shine sweep */
    .header-btn::after {
      content: '';
      position: absolute;
      top: 0; left: -120%;
      width: 50%; height: 100%;
      background: linear-gradient(
        to right,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.45) 50%,
        rgba(255,255,255,0) 100%
      );
      transform: skewX(-20deg);
      animation: sweep-btn 8s ease-in-out infinite;
    }
    .header-btn-login {
      background: var(--c-btn-login);
      color: var(--c-teal);
      border: 1.5px solid var(--c-teal);
      box-shadow: 0 0 12px rgba(0,198,215,0.2);
    }
    .header-btn-login:hover { background: rgba(0,198,215,0.22); box-shadow: 0 0 20px rgba(0,198,215,0.4); }
    .header-btn-daftar {
      background: linear-gradient(135deg, var(--c-btn-reg-from), var(--c-btn-reg-to));
      color: #fff;
      border: none;
      box-shadow: 0 0 20px rgba(176,111,255,0.5), 0 4px 14px rgba(255,110,199,0.4);
      animation: pulse-reg 2s ease-in-out infinite;
    }
    .header-btn-daftar:active { animation: none; }
    .header-badge {
      display: flex; align-items: center; gap: 6px;
      background: var(--c-teal-dim);
      border: 1px solid var(--c-teal);
      border-radius: var(--radius-pill);
      padding: 4px 12px;
    }
    .header-badge-dot {
      width: 7px; height: 7px;
      border-radius: 50%;
      background: var(--c-teal);
      box-shadow: 0 0 6px var(--c-teal);
      animation: pulse-dot 1.6s ease-in-out infinite;
    }
    @keyframes pulse-dot {
      0%,100% { opacity: 1; transform: scale(1); }
      50%      { opacity: 0.4; transform: scale(0.7); }
    }
    .header-badge-text { font-size: 0.72rem; font-weight: 700; color: var(--c-teal); letter-spacing: 0.5px; }
    .header-icon {
      width: 34px; height: 34px;
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      transition: background 0.2s;
    }
    .header-icon:hover { background: var(--c-teal-dim); }

    /* ─── TWEET CONTAINER ─── */
    .tweet-container {
      flex: 1;
      padding: 16px 16px 80px;
      display: flex;
      flex-direction: column;
      gap: 14px;
    }

    /* ─── USER INFO ROW ─── */
    .user-info { display: flex; align-items: center; justify-content: space-between; }
    .user-left  { display: flex; align-items: center; gap: 10px; }
    .avatar {
      width: 46px; height: 46px;
      border-radius: 50%;
      overflow: hidden;
      border: 2px solid var(--c-teal);
      box-shadow: 0 0 10px rgba(0,198,215,0.45);
      flex-shrink: 0;
    }
    .name-group { display: flex; flex-direction: column; line-height: 1.25; }
    .display-name {
      font-size: 0.95em; font-weight: 800;
      color: var(--c-white);
      display: flex; align-items: center; gap: 4px;
    }
    .username { font-size: 0.82em; color: var(--c-muted); }
    .btn-follow {
      background: var(--c-teal);
      color: #020b18;
      font-weight: 800; font-size: 0.82em;
      padding: 5px 14px;
      border-radius: var(--radius-pill);
      text-decoration: none;
      letter-spacing: 0.3px;
      transition: opacity 0.2s;
    }
    .btn-follow:hover { opacity: 0.85; }

    /* ─── TWEET TEXT ─── */
    .tweet-text {
      font-size: 0.95em;
      line-height: 1.55;
      color: #c8dce8;
      margin: 0;
      white-space: pre-wrap;
      word-wrap: break-word;
    }
    .hashtag { color: var(--c-teal); font-weight: 700; text-decoration: none; }
    .hashtag:hover { text-decoration: underline; }

    /* ─── HERO BANNER FRAME ─── */
    .banner-frame {
      position: relative;
      border-radius: var(--radius-card);
      padding: 2px;
      background: linear-gradient(135deg, var(--c-teal), var(--c-violet), var(--c-gold), var(--c-teal));
      background-size: 300% 300%;
      animation: gradient-rotate 5s linear infinite;
      box-shadow:
        0 0 20px rgba(0,198,215,0.3),
        0 0 50px rgba(176,111,255,0.15);
    }
    @keyframes gradient-rotate {
      0%   { background-position: 0% 50%; }
      50%  { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }
    .banner-inner {
      border-radius: calc(var(--radius-card) - 2px);
      overflow: hidden;
      position: relative;
    }
    /* shine sweep on banner */
    .banner-inner::after {
      content: '';
      position: absolute;
      top: 0; left: -160%;
      width: 55%; height: 100%;
      background: linear-gradient(
        to right,
        rgba(255,255,255,0) 0%,
        rgba(255,255,255,0.25) 50%,
        rgba(255,255,255,0) 100%
      );
      transform: skewX(-20deg);
      animation: banner-shine 7s ease-in-out infinite;
    }
    @keyframes banner-shine {
      0%   { left: -160%; }
      45%  { left: 160%; }
      100% { left: 160%; }
    }
    .hero-img { animation: subtle-zoom 14s ease-in-out infinite alternate; }
    @keyframes subtle-zoom {
      from { transform: scale(1); }
      to   { transform: scale(1.08); }
    }

    /* ─── H1 TITLE CARD ─── */
    .title-card {
      background: var(--c-card-bg);
      border: 1px solid var(--c-border);
      border-radius: var(--radius-card);
      padding: 18px 16px;
      text-align: center;
      position: relative;
      overflow: hidden;
    }
    .title-card::before {
      content: '';
      position: absolute;
      top: -40%; left: -20%;
      width: 140%; height: 80%;
      background: radial-gradient(ellipse, rgba(0,198,215,0.08) 0%, transparent 70%);
      pointer-events: none;
    }
    .title-card h1 {
      margin: 0 0 8px;
      font-size: 1.25rem;
      font-weight: 900;
      letter-spacing: 0.3px;
      line-height: 1.3;
      background: linear-gradient(90deg, var(--c-teal), var(--c-violet));
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-clip: text;
    }
    .title-card p {
      margin: 0;
      font-size: 0.875rem;
      color: #8da8be;
      line-height: 1.65;
    }

    /* ─── TWEET STATS ─── */
    .tweet-stats {
      font-size: 0.85em;
      color: var(--c-muted);
      display: flex;
      gap: 6px;
      flex-wrap: wrap;
      padding: 10px 0;
      border-bottom: 1px solid var(--c-border);
    }
    .stat-bold { color: var(--c-white); font-weight: 700; }

    /* ─── ENGAGEMENT ROW ─── */
    .tweet-engagement {
      display: flex;
      justify-content: space-between;
      padding: 8px 0;
      border-bottom: 1px solid var(--c-border);
      color: var(--c-muted);
    }
    .action-group {
      display: flex; align-items: center; gap: 5px;
      font-size: 0.82em;
      transition: color 0.2s;
    }
    .action-icon {
      width: 30px; height: 30px;
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
    }
    .action-group.reply:hover   { color: var(--c-teal); }
    .action-group.rt:hover      { color: #00ba7c; }
    .action-group.like:hover    { color: #f91880; }
    .action-group.bookmark:hover{ color: var(--c-teal); }

    /* pulse-reg & sweep-btn keyframes (used by header-btn) */
    @keyframes sweep-btn {
      0%   { left: -120%; }
      40%  { left: 160%; }
      100% { left: 160%; }
    }

    /* ─── BOTTOM NAV ─── */
    .bottom-nav {
      position: fixed;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      max-width: 420px;
      height: 50px;
      background: rgba(2,11,24,0.97);
      border-top: 1px solid var(--c-border);
      display: flex;
      justify-content: space-around;
      align-items: center;
      z-index: 70;
    }
    .nav-icon {
      width: 42px; height: 42px;
      border-radius: 50%;
      display: flex; align-items: center; justify-content: center;
      text-decoration: none;
      transition: background 0.2s;
    }
    .nav-icon:hover { background: var(--c-teal-dim); }
    .nav-icon.active { filter: drop-shadow(0 0 4px var(--c-teal)); }

    /* ─── FOOTER ─── */
    .footer {
      text-align: center;
      font-size: 0.75rem;
      color: var(--c-muted);
      padding: 6px 0 4px;
    }

    /* ─── DESKTOP MEDIA QUERY ─── */
    @media (min-width: 480px) {
      .btn-cta      { font-size: 1rem; padding: 16px; }
      .title-card h1 { font-size: 1.5rem; }
    }

  </style>
</head>
<body>

  <!-- ═══════ OCEAN BUBBLES ═══════ -->
  <div class="bubble-layer" aria-hidden="true">
    <div class="bubble"></div>
    <div class="bubble"></div>
    <div class="bubble"></div>
    <div class="bubble"></div>
    <div class="bubble"></div>
    <div class="bubble"></div>
    <div class="bubble"></div>
    <div class="bubble"></div>
    <div class="bubble"></div>
    <div class="bubble"></div>
    <div class="bubble"></div>
    <div class="bubble"></div>
  </div>

  <div class="mobile-frame">

    <!-- ═══════ STICKY HEADER ═══════ -->
    <header class="top-header">
      <!-- Row 1: Logo + Live badge + Menu icon -->
      <div class="header-top-row">
        <div class="header-left">
          <amp-img
            src="https://ik.imagekit.io/ujkbh4hdw/128GROUP/KILAT128/logokilat128.webp"
            width="130" height="49" layout="fixed"
            alt="Logo KILAT128">
          </amp-img>
          <div class="header-badge">
            <span class="header-badge-dot"></span>
            <span class="header-badge-text">LIVE VERIFIED</span>
          </div>
        </div>
        <a href="#" class="header-icon" aria-label="More options">
          <amp-img
            src="https://api.iconify.design/mdi:dots-vertical.svg?color=%2300c6d7"
            width="22" height="22" layout="fixed" alt="Menu">
          </amp-img>
        </a>
      </div>
      <!-- Row 2: LOGIN & DAFTAR buttons -->
      <div class="header-cta-row">
        <a href="https://kilat128a.pro/" class="header-btn header-btn-login" rel="noreferrer noopener" aria-label="Login KILAT128">
          LOGIN
        </a>
        <a href="https://kilat128a.pro/" class="header-btn header-btn-daftar" rel="noreferrer noopener" aria-label="Daftar KILAT128">
          DAFTAR
        </a>
      </div>
    </header>

    <!-- ═══════ MAIN CONTENT ═══════ -->
    <main class="tweet-container">

      <!-- User info row -->
      <div class="user-info">
        <div class="user-left">
          <div class="avatar">
            <amp-img
              src="https://ik.imagekit.io/ujkbh4hdw/128GROUP/KILAT128/faviconkilat128.webp"
              width="46" height="46" layout="responsive" alt="KILAT128 Avatar">
            </amp-img>
          </div>
          <div class="name-group">
            <div class="display-name">
              KILAT128 Official
              <amp-img
                src="https://api.iconify.design/material-symbols:verified.svg?color=%2300c6d7"
                width="16" height="16" layout="fixed" alt="Verified">
              </amp-img>
            </div>
            <div class="username">@KILAT128_id</div>
          </div>
        </div>
        <a href="https://kilat128a.pro/" class="btn-follow" rel="noreferrer noopener">Follow</a>
      </div>

      <!-- Tweet text -->
      <p class="tweet-text">KILAT128 dikenal sebagai platform situs games dreyeroord yang lebih menyengat saat ini. Nikmati akses game lancar tanpa lag dengan sistem keamanan tercanggih dan layanan nonstop 24 jam.

Daftar sekarang &amp; klaim bonus welcome!
<a href="#" class="hashtag">#KILAT128</a> <a href="#" class="hashtag">#Kilat128Game</a> <a href="#" class="hashtag">#LiveGameVerified</a> <a href="#" class="hashtag">#SlotGacor</a> <a href="#" class="hashtag">#CuanBeruntun</a></p>

      <!-- Hero Banner -->
      <div class="banner-frame">
        <div class="banner-inner">
          <amp-img
            class="hero-img"
            src="https://ik.imagekit.io/ujkbh4hdw/128GROUP/KILAT128/kilat128bn.png"
            width="800" height="800"
            layout="responsive"
            alt="Banner Promo KILAT128">
          </amp-img>
        </div>
      </div>

      <!-- H1 Title Card -->
      <div class="title-card">
        <h1>KILAT128 : Platform Situs Games Dreyeroord yang Lebih Menyengat Saat Ini</h1>
        <p>KILAT128 mengukuhkan posisinya sebagai portal referensi utama bagi ekosistem permainan Dreyeroord modern.</p>
      </div>

      <!-- Tweet stats -->
      <div class="tweet-stats">
        <span>10:21 PM · May 22, 2026</span>
        <span>·</span>
        <span class="stat-bold">1.2M</span> <span>Views</span>
      </div>

      <!-- Engagement row -->
      <div class="tweet-engagement">
        <div class="action-group reply">
          <div class="action-icon">
            <amp-img src="https://api.iconify.design/mdi:chat-outline.svg?color=%235b7fa6" width="20" height="20" layout="fixed" alt="Reply"></amp-img>
          </div>
          <span>2.4K</span>
        </div>
        <div class="action-group rt">
          <div class="action-icon">
            <amp-img src="https://api.iconify.design/mdi:repeat.svg?color=%235b7fa6" width="22" height="22" layout="fixed" alt="Repost"></amp-img>
          </div>
          <span>5.1K</span>
        </div>
        <div class="action-group like">
          <div class="action-icon">
            <amp-img src="https://api.iconify.design/mdi:heart-outline.svg?color=%235b7fa6" width="20" height="20" layout="fixed" alt="Like"></amp-img>
          </div>
          <span>128K</span>
        </div>
        <div class="action-group bookmark">
          <div class="action-icon">
            <amp-img src="https://api.iconify.design/mdi:bookmark-outline.svg?color=%235b7fa6" width="20" height="20" layout="fixed" alt="Bookmark"></amp-img>
          </div>
          <span>9.9K</span>
        </div>
        <div class="action-group">
          <div class="action-icon">
            <amp-img src="https://api.iconify.design/mdi:share-variant-outline.svg?color=%235b7fa6" width="20" height="20" layout="fixed" alt="Share"></amp-img>
          </div>
        </div>
      </div>

      <!-- Footer credit -->
      <div class="footer">© 2026 <strong>SEO LUDRUK</strong> · All Rights Reserved.</div>

    </main>


    <!-- ═══════ BOTTOM NAV ═══════ -->
    <nav class="bottom-nav" aria-label="Navigasi utama">
      <a href="https://kilat128a.pro/" class="nav-icon active" aria-label="Home">
        <amp-img src="https://api.iconify.design/mdi:home.svg?color=%2300c6d7" width="26" height="26" layout="fixed" alt="Home"></amp-img>
      </a>
      <a href="https://kilat128a.pro/" class="nav-icon" aria-label="Search">
        <amp-img src="https://api.iconify.design/mdi:magnify.svg?color=%235b7fa6" width="26" height="26" layout="fixed" alt="Search"></amp-img>
      </a>
      <a href="https://kilat128a.pro/" class="nav-icon" aria-label="Promo">
        <amp-img src="https://api.iconify.design/mdi:tag-outline.svg?color=%235b7fa6" width="26" height="26" layout="fixed" alt="Promo"></amp-img>
      </a>
      <a href="https://kilat128a.pro/" class="nav-icon" aria-label="Notifikasi">
        <amp-img src="https://api.iconify.design/mdi:bell-outline.svg?color=%235b7fa6" width="26" height="26" layout="fixed" alt="Notifikasi"></amp-img>
      </a>
      <a href="https://kilat128a.pro/" class="nav-icon" rel="noreferrer noopener" aria-label="Akun">
        <amp-img src="https://api.iconify.design/mdi:account-circle-outline.svg?color=%235b7fa6" width="26" height="26" layout="fixed" alt="Akun"></amp-img>
      </a>
    </nav>

  </div>

</body>
</html>
