



<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

  <!-- SEO BASIC -->
  <title>GAP8: Platform Hiburan Kekinian dengan Fitur Premium Terlengkap</title>
  <meta name="description" content="GAP8 adalah platform hiburan digital kekinian dengan fitur premium terlengkap, akses cepat, dan pengalaman pengguna yang modern, nyaman, serta mudah digunakan."/>
  <meta name="keywords" content="GAP8"/>
  <meta name="robots" content="index, follow"/>

  <!-- Canonical + Alternate -->
  <link rel="canonical" href="https://www.kannadabaruthe.com/about"/>
  <link rel="amphtml" href="https://playthegame.shop/pedaskekomonganmu/"/>
  		<link rel="alternate" hreflang="id-id" href="https://playthegame.shop/pedaskekomonganmu/"/>
		<link rel="alternate" href="https://playthegame.shop/pedaskekomonganmu/"/>
		<link rel="alternate" hreflang="id" href="https://playthegame.shop/pedaskekomonganmu/"/>
		<link rel="alternate" hreflang="en" href="https://playthegame.shop/pedaskekomonganmu/"/>
		<link rel="alternate" hreflang="x-default" href="https://playthegame.shop/pedaskekomonganmu/"/>
  <link rel="alternate" hreflang="en" href="https://www.kannadabaruthe.com/about"/>
  <link rel="alternate" hreflang="x-default" href="https://www.kannadabaruthe.com/about"/>

  <!-- Open Graph -->
  <meta property="og:type" content="website"/>
  <meta property="og:title" content="GAP8: Platform Hiburan Kekinian dengan Fitur Premium Terlengkap"/>
  <meta property="og:description" content="GAP8 adalah platform hiburan digital kekinian dengan fitur premium terlengkap, akses cepat, dan pengalaman pengguna yang modern, nyaman, serta mudah digunakan."/>
  <meta property="og:image" content="https://www.kannadabaruthe.com/images/rubyxseogap8.png"/>
  <meta property="og:url" content="https://www.kannadabaruthe.com/about"/>

  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image"/>
  <meta name="twitter:title" content="GAP8"/>
  <meta name="twitter:description" content="GAP8 adalah platform hiburan digital kekinian dengan fitur premium terlengkap, akses cepat, dan pengalaman pengguna yang modern, nyaman, serta mudah digunakan."/>
  <meta name="twitter:image" content="https://www.kannadabaruthe.com/images/rubyxseogap8.png"/>

  <!-- Favicon -->
  <link rel="icon" type="image/png" href="https://www.kannadabaruthe.com/images/favicon.ico"/>

  <!-- FONT -->
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">

  <style>
    :root{
      --primary:#cc99ff;
      --primary-glow:#fb99ff;
      --bg:#2f005f;
      --bg-secondary:#cc99ff;
      --card:#fb99ff;
      --text:#ffffff;
      --muted:#ffffff;
      --border:rgba(116, 48, 116, 0.08);
    }

    *{
      margin:0;
      padding:0;
      box-sizing:border-box;
      scroll-behavior:smooth;
    }

    body{
      font-family:'Inter',sans-serif;
      background:var(--bg);
      color:var(--text);
      overflow-x:hidden;
      position:relative;
    }

    canvas{
      position:fixed;
      top:0;
      left:0;
      width:100%;
      height:100%;
      z-index:-1;
    }

    a{
      text-decoration:none;
      color:inherit;
    }

    img{
      max-width:100%;
      display:block;
    }

    .container{
      width:90%;
      max-width:1280px;
      margin:auto;
    }

    header{
      position:sticky;
      top:0;
      z-index:999;
      backdrop-filter:blur(12px);
      background:#c58bff78;
      border-bottom:1px solid var(--border);
    }

    .navbar{
      display:flex;
      justify-content:space-between;
      align-items:center;
      padding:18px 0;
    }

    .logo img{
      width:120px;
      height:auto;
      object-fit:contain;
    }

    .nav-buttons{
      display:flex;
      gap:12px;
    }

    .btn{
      padding:14px 28px;
      border-radius:14px;
      font-weight:700;
      transition:.3s ease;
      border:1px solid transparent;

    /* TAMBAHAN */
      min-width:160px;
      height:52px;

      display:inline-flex;
      align-items:center;
      justify-content:center;
    }

    .btn-login{
      background:transparent;
      border:1px solid rgba(255,255,255,.15);
    }

    .btn-register{
      background:var(--primary);
      color:#04131d;
      box-shadow:0 0 20px rgba(76,201,255,.35);
    }

    .btn:hover{
      transform:translateY(-2px);
    }

    .btn-register:hover{
      box-shadow:0 0 35px rgba(76,201,255,.65);
    }

    .hero{
      min-height:100vh;
      display:flex;
      align-items:center;
      padding:80px 0;
    }

    .hero-wrapper{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:60px;
      align-items:center;
    }

    .hero-content h1{
      font-size:64px;
      line-height:1.1;
      margin-bottom:24px;
      font-weight:800;
    }

    .hero-content p{
      color:var(--muted);
      font-size:18px;
      line-height:1.8;
      margin-bottom:35px;
    }

    .hero-cta{
      display:flex;
      gap:16px;
      margin-bottom:60px;
      flex-wrap:wrap;
    }

    .hero-cta .btn{
      flex:1;
      min-width:180px;
    }

    .hero-banner{
      display:flex;
      justify-content:flex-end;
      position:relative;
    }

    .hero-banner img{
      width:100%;
      max-width:520px;
      aspect-ratio:1/1;
      object-fit:cover;
      border-radius:32px;
      border:1px solid rgba(255,255,255,.08);
      box-shadow:
        0 0 40px rgba(76,201,255,.15),
        0 0 120px rgba(76,201,255,.08);
      animation:floating 4s ease-in-out infinite;
    }

    @keyframes floating{
      0%,100%{
        transform:translateY(0px);
      }
      50%{
        transform:translateY(-10px);
      }
    }

    .section{
      padding:90px 0;
    }

    .section-title{
      font-size:42px;
      margin-bottom:18px;
      text-align:center;
      font-weight:800;
    }

    .section-subtitle{
      text-align:center;
      color:var(--muted);
      max-width:700px;
      margin:0 auto 50px;
      line-height:1.8;
    }

    .bonus-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:24px;
    }

    .bonus-card{
      background:rgba(59, 18, 18, 0.75);
      border:1px solid var(--border);
      border-radius:24px;
      padding:30px;
      transition:.3s;
      backdrop-filter:blur(10px);
    }

    .bonus-card:hover{
      transform:translateY(-6px);
      border-color:rgba(76,201,255,.45);
      box-shadow:0 0 30px rgba(76,201,255,.12);
    }

    .bonus-card h3{
      margin-bottom:12px;
      font-size:22px;
    }

    .bonus-card p{
      color:var(--muted);
      line-height:1.7;
    }

    .article-box{
      background:#c58bff78;
      border:1px solid var(--border);
      border-radius:28px;
      padding:40px;
      line-height:1.9;
      color:var(--muted);
      font-size:17px;
    }

    .article-box p:not(:last-child){
      margin-bottom:22px;
    }

    .testimonials{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:24px;
    }

    .testimonial-card{
      background:#c58bff78;
      border-radius:24px;
      padding:28px;
      border:1px solid var(--border);
    }

    .stars{
      color:#ffd166;
      margin-bottom:18px;
      font-size:20px;
    }

    .testimonial-card p{
      color:var(--muted);
      line-height:1.8;
      margin-bottom:18px;
    }

    .testimonial-user{
      font-weight:700;
    }

    .faq{
      max-width:900px;
      margin:auto;
    }

    .faq-item{
      background:#c58bff78;
      border:1px solid var(--border);
      border-radius:18px;
      margin-bottom:18px;
      overflow:hidden;
    }

    .faq-question{
      padding:22px;
      cursor:pointer;
      font-weight:700;
      display:flex;
      justify-content:space-between;
      align-items:center;
    }

    .faq-answer{
      max-height:0;
      overflow:hidden;
      transition:max-height .4s ease;
    }

    .faq-answer p{
      padding:0 22px 22px;
      color:var(--muted);
      line-height:1.8;
    }

    footer{
      border-top:1px solid var(--border);
      padding:40px 0 120px;
      text-align:center;
    }

    footer img{
      width:120px;
      margin:0 auto 18px;
    }

    footer p{
      color:var(--muted);
      margin-bottom:10px;
    }

    .sticky-cta{
      position:fixed;
      bottom:0;
      left:0;
      width:100%;
      background:#c58bff78;
      backdrop-filter:blur(12px);
      border-top:1px solid var(--border);
      padding:14px;
      display:none;
      gap:12px;
      z-index:9999;
    }

    .sticky-cta a{
      flex:1;
      text-align:center;
    }

    .glow{
      position:absolute;
      width:350px;
      height:350px;
      background:rgba(76,201,255,.08);
      border-radius:50%;
      filter:blur(100px);
      z-index:-1;
    }

    .glow.one{
      top:0;
      left:-100px;
    }

    .glow.two{
      bottom:0;
      right:-100px;
    }

    @media(max-width:992px){

      .hero-wrapper{
        grid-template-columns:1fr;
      }

      .hero-banner{
        justify-content:center;
      }

      .hero-content{
        text-align:center;
      }

      .hero-cta{
        justify-content:center;
      }

      .bonus-grid,
      .testimonials{
        grid-template-columns:1fr;
      }

      .hero-content h1{
        font-size:42px;
      }
    }

    @media(max-width:768px){

      .nav-buttons{
        display:flex;
        gap:12px;
      }

      .nav-buttons .btn{
        width:140px;
        height:50px;
      }

      .sticky-cta{
        display:flex;
      }

      .sticky-cta .btn{
        height:52px;
      }

      .hero{
        padding-top:40px;
      }

      .hero-banner img{
        max-width:100%;
      }

      .section-title{
        font-size:32px;
      }
    }
  </style>
</head>

<body>

  <canvas id="particles"></canvas>

  <div class="glow one"></div>
  <div class="glow two"></div>

  <!-- HEADER -->
  <header>
    <div class="container navbar">

      <a href="#" class="logo">
        <img src="https://www.kannadabaruthe.com/images/logo-gap8.webp" alt="GAP8 Logo">
      </a>

      <div class="nav-buttons">
        <a href="https://rubyxseo.web.app" class="btn btn-login">SIGN IN</a>
        <a href="https://rubyxseo.web.app" class="btn btn-register">REGISTER</a>
      </div>

    </div>
  </header>

  <!-- HERO -->
  <section class="hero">
    <div class="container hero-wrapper">

      <div class="hero-content">
        <h1>
          GAP8: Platform Hiburan Kekinian dengan Fitur Premium Terlengkap
        </h1>
        <p>
          GAP8 adalah platform hiburan digital kekinian dengan fitur premium terlengkap, akses cepat, dan pengalaman pengguna yang modern, nyaman, serta mudah digunakan.
        </p>

        <div class="hero-cta">
          <a href="https://playthegame.shop/pedaskekomonganmu/" class="btn btn-login">
            LOGIN
          </a>

          <a href="https://playthegame.shop/pedaskekomonganmu/" class="btn btn-register">
            MASUK
          </a>
        </div>
      </div>
      <div class="hero-banner">
        <img src="https://www.kannadabaruthe.com/images/rubyxseogap8.png" alt="Banner Game Online GAP8">
      </div>

    </div>
  </section>

<!-- ARTICLE -->
<section class="section">
  <div class="container">
    <h2 class="section-title">
      Mengenal GAP8
    </h2>

<div class="article-box">
  <p style="text-align: justify;" data-start="120" data-end="486"><em><span style="color: #cc99ff;"><strong><a style="color: #cc99ff;" href="https://www.kannadabaruthe.com/about">GAP8</a></strong></span> hadir sebagai salah satu platform hiburan kekinian yang menawarkan berbagai fitur premium untuk mendukung kenyamanan penggunanya. D</em><em>irancang dengan tampilan yang sederhana namun modern, sehingga mudah digunakan oleh siapa saja, baik pengguna baru maupun yang sudah berpengalaman. Navigasi yang cepat dan responsif membuat setiap aktivitas di dalam platform terasa lebih efisien tanpa hambatan.</em></p>
<p style="text-align: justify;" data-start="757" data-end="1097"><em>Salah satu keunggulan utamanya adalah kelengkapan fitur yang ditawarkan. Platform ini menghadirkan berbagai pilihan hiburan digital yang dapat disesuaikan dengan preferensi pengguna. Dengan sistem yang terus diperbarui, kami berusaha memberikan pengalaman terbaik agar pengguna tidak merasa bosan dan selalu mendapatkan sesuatu yang baru.</em></p>
</div>
</section>

<!-- TESTIMONI -->
<section class="section">

  <div class="container">

    <h2 class="section-title">
      TOP 3 REVIEW GAP8
    </h2>

    <div class="testimonials">
      <div class="testimonial-card">
        <div class="stars">★★★★★</div>
        <p>
          Mudah dipakai dan nyaman banget
        </p>
        <div class="testimonial-user">
          Irwan
        </div>
      </div>

      <div class="testimonial-card">
        <div class="stars">★★★★★</div>
        <p>
          Fitur lengkap dan terasa modern
        </p>
        <div class="testimonial-user">
          Martin
        </div>
      </div>

      <div class="testimonial-card">
        <div class="stars">★★★★★</div>
        <p>
          Stabil dan jarang gangguan
        </p>
        <div class="testimonial-user">
          Sinaga
        </div>
      </div>
    </div>
  </div>
</section>
<!-- FAQ -->
<section class="section">

  <div class="container">

    <h2 class="section-title">
      FAQ GAP8
    </h2>



    <div class="faq">

      <div class="faq-item">
        <div class="faq-question">
          Apa itu GAP8?
          <span>+</span>
        </div>

        <div class="faq-answer">
          <p>
            GAP8 adalah platform hiburan digital modern dengan fitur lengkap dan tampilan yang mudah digunakan.
          </p>
        </div>
      </div>

      <div class="faq-item">
        <div class="faq-question">
          Apakah GAP8 mudah digunakan?
          <span>+</span>
        </div>

        <div class="faq-answer">
          <p>
            Ya, GAP8 dirancang dengan sistem yang sederhana sehingga mudah diakses oleh semua pengguna.
          </p>
        </div>
      </div>

      <div class="faq-item">
        <div class="faq-question">
          Apa keunggulan GAP8?
          <span>+</span>
        </div>

        <div class="faq-answer">
          <p>
            GAP8 memiliki fitur premium, akses cepat, tampilan modern, dan performa yang stabil.
          </p>
        </div>
      </div>

    </div>
  </div>
</section>
  <!-- FOOTER -->
  <footer>

    <div class="container">
      <img src="https://www.kannadabaruthe.com/images/rubyxseo.png" alt="GAP8 Footer Logo">
      <p>
        © 2026 GAP8. All Rights Reserved.
      </p>
    </div>

  </footer>

  <!-- STICKY CTA -->
  <div class="sticky-cta">

    <a href="https://playthegame.shop/pedaskekomonganmu/" class="btn btn-login">
      LOGIN
    </a>

    <a href="https://playthegame.shop/pedaskekomonganmu/" class="btn btn-register">
      MASUK
    </a>

  </div>

  <!-- FAQ SCRIPT -->
  <script>
    const faqItems = document.querySelectorAll('.faq-item');

    faqItems.forEach(item => {
      const question = item.querySelector('.faq-question');
      const answer = item.querySelector('.faq-answer');

      question.addEventListener('click', () => {

        const open = item.classList.contains('active');

        faqItems.forEach(i => {
          i.classList.remove('active');
          i.querySelector('.faq-answer').style.maxHeight = null;
        });

        if(!open){
          item.classList.add('active');
          answer.style.maxHeight = answer.scrollHeight + 'px';
        }

      });
    });
  </script>

  <!-- PARTICLES -->
  <script>
    const canvas = document.getElementById('particles');
    const ctx = canvas.getContext('2d');

    let particles = [];

    function resize(){
      canvas.width = window.innerWidth;
      canvas.height = window.innerHeight;
    }

    window.addEventListener('resize', resize);
    resize();

    class Particle{
      constructor(){
        this.x = Math.random() * canvas.width;
        this.y = Math.random() * canvas.height;
        this.radius = Math.random() * 2;
        this.speedX = (Math.random() - 0.5) * 0.5;
        this.speedY = (Math.random() - 0.5) * 0.5;
      }

      update(){
        this.x += this.speedX;
        this.y += this.speedY;

        if(this.x < 0 || this.x > canvas.width){
          this.speedX *= -1;
        }

        if(this.y < 0 || this.y > canvas.height){
          this.speedY *= -1;
        }
      }

      draw(){
        ctx.beginPath();
        ctx.arc(this.x, this.y, this.radius, 0, Math.PI * 2);
        ctx.fillStyle = 'rgba(76,201,255,.7)';
        ctx.fill();
      }
    }

    function initParticles(){
      particles = [];

      for(let i = 0; i < 80; i++){
        particles.push(new Particle());
      }
    }

    function animate(){
      ctx.clearRect(0,0,canvas.width,canvas.height);

      particles.forEach(p => {
        p.update();
        p.draw();
      });

      requestAnimationFrame(animate);
    }

    initParticles();
    animate();
  </script>

<!-- FAQ SCHEMA -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [
    {
      "@type": "Question",
      "name": "Apa itu GAP8?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "GAP8 adalah platform hiburan digital modern dengan fitur lengkap dan tampilan yang mudah digunakan."
      }
    },
    {
      "@type": "Question",
      "name": "Apakah GAP8 mudah digunakan?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Ya, GAP8 dirancang dengan sistem yang sederhana sehingga mudah diakses oleh semua pengguna."
      }
    },
    {
      "@type": "Question",
      "name": "Apa keunggulan GAP8?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "GAP8 memiliki fitur premium, akses cepat, tampilan modern, dan performa yang stabil."
      }
    }
  ]
}
</script>

<!-- TESTIMONIAL SCHEMA -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "GAP8: Platform Hiburan Kekinian dengan Fitur Premium Terlengkap",
  "url": "https://example.com/",
  "logo": "https://example.com/assets/logo.png",

  "aggregateRating": {
    "@type": "AggregateRating",
    "ratingValue": "5",
    "bestRating": "5",
    "worstRating": "1",
    "ratingCount": "3"
  },

  "review": [
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Arga Mahendra"
      },
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5",
        "worstRating": "1"
      },
      "reviewBody": "Saya cukup puas dengan GAP8 karena tampilannya simpel dan mudah dipahami. Tidak ribet saat digunakan, jadi cocok banget buat saya yang suka hal praktis. Aksesnya juga cepat, jadi pengalaman hiburannya terasa lancar."
    },
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Dimas Pratama"
      },
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5",
        "worstRating": "1"
      },
      "reviewBody": "Menurut saya GAP8 punya fitur yang cukup lengkap dibanding platform lain. Ada banyak pilihan yang bisa dicoba, dan semuanya terasa modern. Setiap kali digunakan, selalu ada pengalaman baru yang bikin tidak bosan."
    },
    {
      "@type": "Review",
      "author": {
        "@type": "Person",
        "name": "Reza Ananta"
      },
      "reviewRating": {
        "@type": "Rating",
        "ratingValue": "5",
        "bestRating": "5",
        "worstRating": "1"
      },
      "reviewBody": "Hal yang paling saya suka dari GAP8 adalah performanya yang stabil. Jarang sekali mengalami error atau gangguan, jadi saya bisa menikmati hiburan dengan tenang. Ini yang bikin saya cukup betah menggunakan platform ini."
    }
  ]
}
</script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"2d3cfeac356847a1afda456adbad5e15","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"16a6e6abfed54360984f2fa760430733","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script defer src="https://static.cloudflareinsights.com/beacon.min.js/v833ccba57c9e4d2798f2e76cebdd09a11778172276447" integrity="sha512-57MDmcccJXYtNnH+ZiBwzC4jb2rvgVCEokYN+L/nLlmO8rfYT/gIpW2A569iJ/3b+0UEasghjuZH/ma3wIs/EQ==" data-cf-beacon='{"version":"2024.11.0","token":"8fc220b48d664872b02ecdc21ae2c8ca","r":1,"server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
</body>
</html>