<!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="BinkeGame Crypto is the next-gen gaming ecosystem powered by blockchain technology. Explore tokenomics, roadmap, and join the revolution.">
  <meta name="keywords" content="BinkeGame, BINK, Crypto, Blockchain, Gaming, Tokenomics, Roadmap, Cryptocurrency">
  <meta name="author" content="BinkeGame Team">
  <meta property="og:title" content="BinkeGame Crypto - Next-Gen Blockchain Gaming Revolution">
  <meta property="og:description" content="Dive into the future of gaming with BinkeGame Crypto. Check our roadmap and tokenomics to join the blockchain revolution.">
  <meta property="og:image" content="https://www.binkecoin.com/assets/og-image.jpg">
  <meta property="og:url" content="https://www.binkecoin.com">
  <meta property="og:type" content="website">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:title" content="BinkeGame Crypto - Next-Gen Blockchain Gaming Revolution">
  <meta name="twitter:description" content="Empowering gaming ecosystems with blockchain technology. Join us now!">
  <meta name="twitter:image" content="https://www.binkecoin.com/assets/twitter-image.jpg">
  <meta name="twitter:site" content="@bink_master">
  <link rel="canonical" href="https://www.binkecoin.com">
  <title>BinkeGame Crypto - Revolutionize Blockchain Gaming</title>
  <!-- Favicon -->
<link rel="icon" href="https://www.binkecoin.com/assets/favicon.png" type="image/x-icon">

<!-- Tailwind CSS -->
<link rel="stylesheet" href="output.css">
</head>
<body class="bg-white text-gray-800">
 
  <!-- Hero Section (Заголовок) -->
<section id="home" class="py-10 text-center mt-5 bg-transparent">
  <div class="container mx-auto px-6">
    <h1 class="text-5xl font-bold text-pink-400 mb-4">Join The Meme Revolution</h1>
    <p class="text-xl text-gray-600 mb-8">
      Empowering the next-gen gaming ecosystem with blockchain technology.
    </p>
    <!-- Исправленная кнопка -->
    
  </div>

  <!-- Логотипы сразу после текста -->
  <div class="container mx-auto flex flex-wrap justify-center items-center gap-6 mt-8">
    <div class="group relative w-20 sm:w-24 md:w-28 lg:w-32">
      <img src="/assets/logo-bink.jpg" 
           alt="BinkeGame Logo 1" 
           class="w-full h-auto transition-transform duration-300 transform group-hover:scale-110" 
           width="128" 
           height="128" />
    </div>
    <div class="group relative w-20 sm:w-24 md:w-28 lg:w-32">
      <img src="/assets/logo-bink.jpg" 
           alt="BinkeGame Logo 2" 
           class="w-full h-auto transition-transform duration-300 transform group-hover:scale-110" 
           width="128" 
           height="128" />
    </div>
    <div class="group relative w-20 sm:w-24 md:w-28 lg:w-32">
      <img src="/assets/logo-bink.jpg" 
           alt="BinkeGame Logo 3" 
           class="w-full h-auto transition-transform duration-300 transform group-hover:scale-110" 
           width="128" 
           height="128" />
    </div>
    <div class="group relative w-20 sm:w-24 md:w-28 lg:w-32">
      <img src="/assets/logo-bink.jpg" 
           alt="BinkeGame Logo 4" 
           class="w-full h-auto transition-transform duration-300 transform group-hover:scale-110" 
           width="128" 
           height="128" />
    </div>
    <div class="group relative w-20 sm:w-24 md:w-28 lg:w-32">
      <img src="/assets/logo-bink.jpg" 
           alt="BinkeGame Logo 5" 
           class="w-full h-auto transition-transform duration-300 transform group-hover:scale-110" 
           width="128" 
           height="128" />
    </div>
    <div class="group relative w-20 sm:w-24 md:w-28 lg:w-32">
      <img src="/assets/logo-bink.jpg" 
           alt="BinkeGame Logo 6" 
           class="w-full h-auto transition-transform duration-300 transform group-hover:scale-110" 
           width="128" 
           height="128" />
    </div>
  </div>
</section>


<!-- Explore Section -->
<div id="explore-more" class="mt-20 py-10">
  <div class="grid grid-cols-1 md:grid-cols-3 gap-8">
    <div class="bg-white rounded-lg shadow-md p-6 hover:shadow-lg transition">
      <h3 class="text-2xl font-semibold text-pink-400 mb-4">Play BinkeGame</h3>
      <p class="text-gray-600 mb-4">
        Dive into the exciting world of BinkeGame and experience the future of blockchain gaming.
      </p>
      <a href="https://t.me/BinkeGame_Bot/game?startapp=kentId5249764249" target="_blank" rel="noopener noreferrer" class="text-pink-400 hover:underline">Play Now →</a>
    </div>
    <div class="bg-white rounded-lg shadow-md p-6 hover:shadow-lg transition">
      <h3 class="text-2xl font-semibold text-pink-400 mb-4">Follow Us on Twitter</h3>
      <p class="text-gray-600 mb-4">
        Stay updated with the latest news, announcements, and community activities.
      </p>
      <a href="https://x.com/bink_master" target="_blank" rel="noopener noreferrer" class="text-pink-400 hover:underline">Follow Us →</a>
    </div>
    <div class="bg-white rounded-lg shadow-md p-6 hover:shadow-lg transition">
      <h3 class="text-2xl font-semibold text-pink-400 mb-4">Join Telegram</h3>
      <p class="text-gray-600 mb-4">
        Connect with our community and engage with like-minded enthusiasts.
      </p>
      <a href="https://t.me/binkegame" target="_blank" rel="noopener noreferrer" class="text-pink-400 hover:underline">Join Now →</a>
    </div>
  </div>
</div>
</div>
</section>
  <!-- Footer -->
  <!-- Footer -->
<footer class="bg-gradient-to-r from-pink-400 to-pink-400 text-white py-6">
  <div class="container mx-auto flex justify-between items-center px-6 font-sans">
    <p class="text-gray-200 text-sm font-light">© 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>
</body>
</html>
