<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Explore the tokenomics of BinkeGame Crypto, a balanced and fair distribution model ensuring growth, rewards, and stability for our blockchain gaming ecosystem.">
  <meta name="keywords" content="BinkeGame Tokenomics, BINK, Blockchain Gaming, Crypto Tokenomics, Token Distribution, BinkeGame Crypto">
  <meta name="author" content="BinkeGame Team">
  <meta property="og:title" content="BinkeGame Tokenomics - Fair Blockchain Token Distribution">
  <meta property="og:description" content="Discover the detailed tokenomics of BinkeGame Crypto. See how we ensure fair distribution and support the ecosystem's growth.">
  <meta property="og:image" content="https://www.binkecoin.com/assets/tokenomics-image.jpg">
  <meta property="og:url" content="https://www.binkecoin.com/tokenomics">
  <meta property="og:type" content="website">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="BinkeGame Tokenomics - Fair Blockchain Token Distribution">
  <meta name="twitter:description" content="Dive into the tokenomics of BinkeGame Crypto and learn how our distribution model supports blockchain gaming innovation.">
  <meta name="twitter:image" content="https://www.binkecoin.com/assets/tokenomics-twitter-image.jpg">
  <meta name="twitter:site" content="@bink_master">
  <link rel="canonical" href="https://www.binkecoin.com/tokenomics">
  <title>Tokenomics - BinkeGame Crypto</title>
  <!-- Favicon -->
  <link rel="icon" href="https://www.binkecoin.com/assets/favicon.png" type="image/x-icon">
  <!-- Tailwind CSS -->
  <link href="/tailwind.min.css" rel="stylesheet">
  <!-- Google Fonts -->
  <link href="./css2.css" rel="stylesheet">

  <style>
    body {
      font-family: 'Poppins', sans-serif;
    }
    .bg-accent {
      background: linear-gradient(to right, #ffafbd, #ffc3a0);
    }
  </style>
</head>
<body class="bg-white text-gray-800">
<!-- Header -->
<header class="fixed top-0 left-0 w-full z-50 transition-transform duration-300 bg-transparent p-1">
    <div class="container mx-auto px-3 py-2 flex justify-between items-center">
      <img src="/assets/logo.jpg" alt="BinkeGame Logo" class="h-14" />
      <button id="menu-btn" class="lg:hidden text-gray-800 focus:outline-none" aria-label="Open menu" title="Open menu">
        <svg class="w-8 h-8" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
          <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
        </svg>
      </button>
      <nav id="menu" class="hidden absolute top-full left-0 w-full bg-white shadow-md lg:static lg:w-auto lg:bg-transparent lg:shadow-none lg:flex lg:items-center lg:space-x-6 p-1">
        <div class="flex flex-col lg:flex-row lg:items-center lg:space-x-4">
          <a href="/" class="menu-item bg-pink-500 text-white px-4 py-2 rounded-lg text-sm font-bold hover:bg-pink-600 transition">Home</a>
          <a href="roadmap.html" class="menu-item bg-green-500 text-white px-4 py-2 rounded-lg text-sm font-bold hover:bg-green-600 transition">Roadmap</a>
          <a href="tokenomics.html" class="menu-item bg-blue-500 text-white px-4 py-2 rounded-lg text-sm font-bold hover:bg-blue-600 transition">Tokenomics</a>
          <a href="https://t.me/BinkeGame_Bot/game?startapp=kentId5249764249" target="_blank" class="menu-item bg-yellow-500 text-white px-4 py-2 rounded-lg text-sm font-bold hover:bg-yellow-600 transition">Game</a>
          <a href="https://t.me/binke_master" target="_blank" class="menu-item bg-red-500 text-white px-4 py-2 rounded-lg text-sm font-bold hover:bg-red-600 transition">Contact</a>
        </div>
      </nav>
    </div>
  </header>
<body class="bg-white text-gray-800">
  
  <!-- Основной контент -->
  <main class="bg-gradient-to-b from-gray-50 to-white py-16 mt-20">
    <div class="container mx-auto">
      <!-- Заголовок -->
      <div class="text-center mb-12">
        <h2 class="text-4xl md:text-5xl font-extrabold text-pink-400">
          Tokenomics
        </h2>
        <p class="text-lg md:text-xl text-gray-600 mt-4">
          A balanced token distribution ensuring stability, growth, and rewards for our ecosystem.
        </p>
      </div>

      <!-- Секция с Total Supply и картинкой -->
      <div class="text-center mb-12 max-w-lg mx-auto">
        <img
          src="/assets/logo-bink.jpg"
          alt="Tokenomics Illustration"
          class="mx-auto mb-4 w-72 h-72 object-contain"
        />
        <h3 class="text-2xl font-bold text-gray-800">Total Supply</h3>
        <p class="text-xl font-bold text-pink-400 mt-2">
          369,000,000,000,000 BINK
        </p>
        <p class="text-gray-600 mt-1">
          Fixed total supply to maintain scarcity and value.
        </p>

        <!-- Блок информации о блокировке -->
        <div class="mt-4 bg-gray-100 p-4 rounded-lg shadow-sm">
          <h4 class="text-lg font-bold text-blue-400">Token Lock</h4>
          <p class="text-gray-600 text-sm mt-1">
            <strong>155 trillion coins</strong> are locked for one year until
            <a
              href="https://tonsale.io/tonlock/detail?address=EQDRfPpMGMxcDBwNm7j3udakHafrXwwDhPuWjqmI-KMPoZ8p"
              target="_blank"
              rel="noopener noreferrer"
              class="text-pink-400 hover:underline font-bold"
            >
              View Details
            </a>
          </p>
        </div>
      </div>

      <!-- Сетка распределения -->
      <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mt-12">
        <div class="flex flex-col items-center bg-white shadow-lg p-6 rounded-lg transition-transform duration-300 hover:scale-105 hover:shadow-xl">
          <h3 class="text-3xl font-bold text-pink-400">10%</h3>
          <p class="text-gray-600 mt-2 text-center">Airdrop & Rewards</p>
        </div>
        <div class="flex flex-col items-center bg-white shadow-lg p-6 rounded-lg transition-transform duration-300 hover:scale-105 hover:shadow-xl">
          <h3 class="text-3xl font-bold text-purple-500">18%</h3>
          <p class="text-gray-600 mt-2 text-center">Liquidity Provision</p>
        </div>
        <div class="flex flex-col items-center bg-white shadow-lg p-6 rounded-lg transition-transform duration-300 hover:scale-105 hover:shadow-xl">
          <h3 class="text-3xl font-bold text-green-500">12%</h3>
          <p class="text-gray-600 mt-2 text-center">Development & Team</p>
          <p class="text-gray-600 mt-2 text-center">
            Locked for 1 year, followed by gradual release over the next 2 years.
          </p>
        </div>
        <div class="flex flex-col items-center bg-white shadow-lg p-6 rounded-lg transition-transform duration-300 hover:scale-105 hover:shadow-xl">
          <h3 class="text-3xl font-bold text-blue-500">10%</h3>
          <p class="text-gray-600 mt-2 text-center">Marketing & Partnerships</p>
        </div>
        <div class="flex flex-col items-center bg-white shadow-lg p-6 rounded-lg transition-transform duration-300 hover:scale-105 hover:shadow-xl">
          <h3 class="text-3xl font-bold text-yellow-400">Up to 30%</h3>
          <p class="text-gray-600 mt-2 text-center">Public Sale</p>
          <p class="text-gray-600 mt-2 text-center">
            Unsold tokens will be moved to the <span class="text-indigo-500 font-bold">Reserve Fund</span>.
          </p>
        </div>
        <div class="flex flex-col items-center bg-white shadow-lg p-6 rounded-lg transition-transform duration-300 hover:scale-105 hover:shadow-xl">
          <h3 class="text-3xl font-bold text-teal-400">10%</h3>
          <p class="text-gray-600 mt-2 text-center">Ecosystem & Integrations</p>
        </div>
        <div class="flex flex-col items-center bg-white shadow-lg p-6 rounded-lg transition-transform duration-300 hover:scale-105 hover:shadow-xl">
          <h3 class="text-3xl font-bold text-indigo-500">5%</h3>
          <p class="text-gray-600 mt-2 text-center">Stabilization Fund</p>
        </div>
        <div class="flex flex-col items-center bg-white shadow-lg p-6 rounded-lg transition-transform duration-300 hover:scale-105 hover:shadow-xl">
          <h3 class="text-3xl font-bold text-red-400">5%</h3>
          <p class="text-gray-600 mt-2 text-center">Reserve Fund</p>
        </div>
      </div>
    </div>
  </main>
</body>
</html>

<!-- Footer -->
<footer class="bg-gradient-to-r from-pink-300 to-pink-300 text-white py-6">
    <div class="container mx-auto flex justify-between items-center px-6">
      <p class="text-gray-200 text-sm">© 2024 BinkeGame. All rights reserved.</p>
      <div class="flex space-x-6">
        <a href="https://x.com/bink_master" target="_blank" rel="noopener noreferrer" class="hover:text-gray-300">
          <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
            <path d="M8.29 20.74c7.55 0 11.68-6.26 11.68-11.68v-.53c.8-.58 1.5-1.3 2.05-2.13-.73.33-1.52.55-2.35.65.85-.51 1.5-1.32 1.8-2.27-.8.48-1.7.82-2.66 1A4.12 4.12 0 0016.85 4c-2.27 0-4.1 1.84-4.1 4.1 0 .32.04.64.11.94C8.53 8.83 6.37 7.58 5 5.74c-.35.6-.55 1.3-.55 2.05 0 1.42.72 2.68 1.8 3.41-.67-.02-1.3-.2-1.85-.5v.05c0 1.98 1.41 3.63 3.26 4-.35.1-.73.15-1.12.15-.27 0-.53-.03-.78-.07.53 1.66 2.06 2.87 3.88 2.9a8.25 8.25 0 01-5.1 1.76c-.33 0-.65-.02-.97-.06 1.82 1.18 3.98 1.88 6.3 1.88"></path>
          </svg>
        </a>
        <a href="https://t.me/binkegame" target="_blank" rel="noopener noreferrer" class="hover:text-gray-300">
          <svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
            <path d="M20.45 3.55c-.33-.28-.79-.37-1.21-.25l-17 5c-.42.12-.75.46-.86.89-.11.43.02.89.33 1.2l4.2 4.2 1.46 5.84c.1.42.42.77.83.89.1.03.21.04.31.04.33 0 .65-.13.89-.37l2.46-2.46 3.33 2.4c.26.19.6.3.93.3.17 0 .35-.03.52-.09.48-.15.85-.54.97-1.02l3-13.5c.1-.44-.04-.91-.37-1.2zM18.6 5.7l-2.88 12.95-7.54-5.44-2.97 2.97-.92-3.67 14.31-6.8z"></path>
          </svg>
        </a>
      </div>
    </div>
  </footer>
  <script src="protection.js"></script>

</body>
</html>