Promote version 1a2b021 to main

Promoted commit 1a2b021d38712f6090a8cc984711f721556f3de9 to main branch

index.html

@@ -69,8 +69,8 @@
         </div>
     </div>
 <!-- Main Hero -->
-    <main class="relative z-10 h-full overflow-hidden">
-<div class="container mx-auto px-6 h-full flex flex-col justify-center items-center">
+<main class="relative z-10 h-full">
+        <div class="container mx-auto px-6 h-full flex flex-col justify-center items-center">
             <!-- Title Block -->
             <div class="text-center mb-12 relative">
                 <div class="crypto-coins absolute -top-20 -left-20 w-40 h-40 rounded-full bg-neonblue/10 blur-xl"></div>
@@ -183,12 +183,13 @@
                     <div class="arrow-right w-6 h-6 border-r-2 border-t-2 border-neonmagenta transform rotate-45 opacity-70"></div>
                 </div>
             </div>
+
             <!-- Game Categories Section -->
-            <div class="w-full max-w-7xl mx-auto px-4 py-12 game-categories-section">
+            <div class="w-full max-w-7xl mx-auto px-4 py-12">
                 <!-- Slots Row -->
                 <div class="mb-12">
-                    <div class="flex justify-center gap-6 game-category-row">
-<div class="game-category-thumbnail" style="background-image: url('https://i.postimg.cc/d0X4735J/ED2-BE220-6161-413-F-94-B3-FEDCD3-A68-BE5.jpg$0')"></div>
+                    <div class="flex justify-center gap-6">
+                        <div class="game-category-thumbnail" style="background-image: url('https://i.postimg.cc/d0X4735J/ED2-BE220-6161-413-F-94-B3-FEDCD3-A68-BE5.jpg$0')"></div>
                         <div class="game-category-thumbnail" style="background-image: url('https://i.postimg.cc/d0X4735J/ED2-BE220-6161-413-F-94-B3-FEDCD3-A68-BE5.jpg$0')"></div>
                         <div class="game-category-thumbnail" style="background-image: url('https://i.postimg.cc/d0X4735J/ED2-BE220-6161-413-F-94-B3-FEDCD3-A68-BE5.jpg$0')"></div>
                         <div class="game-category-thumbnail" style="background-image: url('https://i.postimg.cc/d0X4735J/ED2-BE220-6161-413-F-94-B3-FEDCD3-A68-BE5.jpg$0')"></div>
@@ -200,7 +201,7 @@
                 </div>
                 <!-- Table Games Row -->
                 <div class="mb-12">
-                    <div class="flex justify-center gap-6 game-category-row">
+                    <div class="flex justify-center gap-6">
 <div class="game-category-thumbnail" style="background-image: url('hhttps://i.postimg.cc/HxhmHp4J/Screenshot-2025-06-26-at-7-33-35-PM.png$0')"></div>
                         <div class="game-category-thumbnail" style="background-image: url('https://i.postimg.cc/HxhmHp4J/Screenshot-2025-06-26-at-7-33-35-PM.png$0')"></div>
                         <div class="game-category-thumbnail" style="background-image: url('https://i.postimg.cc/HxhmHp4J/Screenshot-2025-06-26-at-7-33-35-PM.png$0')"></div>
@@ -213,7 +214,7 @@
                 </div>
                 <!-- Live Casino Row -->
                 <div class="mb-12">
-                    <div class="flex justify-center gap-6 game-category-row">
+                    <div class="flex justify-center gap-6">
 <div class="game-category-thumbnail" style="background-image: url('https://i.postimg.cc/0yZqQHWp/93-BDE48-B-066-F-4816-BC14-BFDA058-EC262.jpg$0')"></div>
                         <div class="game-category-thumbnail" style="background-image: url('https://i.postimg.cc/0yZqQHWp/93-BDE48-B-066-F-4816-BC14-BFDA058-EC262.jpg$0')"></div>
                         <div class="game-category-thumbnail" style="background-image: url('https://i.postimg.cc/0yZqQHWp/93-BDE48-B-066-F-4816-BC14-BFDA058-EC262.jpg$0')"></div>
@@ -226,7 +227,7 @@
                 </div>
                 <!-- Crypto Games Row -->
                 <div class="mb-12">
-                    <div class="flex justify-center gap-6 game-category-row">
+                    <div class="flex justify-center gap-6">
 <div class="game-category-thumbnail" style="background-image: url('https://i.postimg.cc/1tt2fmnS/0-C29-FEAE-8-FB3-4470-BC27-FBFC6-EA404-D8.jpg$0')"></div>
                         <div class="game-category-thumbnail" style="background-image: url('https://i.postimg.cc/1tt2fmnS/0-C29-FEAE-8-FB3-4470-BC27-FBFC6-EA404-D8.jpg$0')"></div>
                         <div class="game-category-thumbnail" style="background-image: url('https://i.postimg.cc/1tt2fmnS/0-C29-FEAE-8-FB3-4470-BC27-FBFC6-EA404-D8.jpg$0')"></div>
@@ -239,7 +240,7 @@
                 </div>
                 <!-- Jackpots Row -->
                 <div class="mb-12">
-                    <div class="flex justify-center gap-6 game-category-row">
+                    <div class="flex justify-center gap-6">
 <div class="game-category-thumbnail" style="background-image: url('https://i.postimg.cc/bdXBC16Y/8-D84-DE57-14-FF-43-F4-B6-AD-6-C8-CF49-AD964.jpg$0')"></div>
                         <div class="game-category-thumbnail" style="background-image: url('https://i.postimg.cc/bdXBC16Y/8-D84-DE57-14-FF-43-F4-B6-AD-6-C8-CF49-AD964.jpg$0')"></div>
                         <div class="game-category-thumbnail" style="background-image: url('https://i.postimg.cc/bdXBC16Y/8-D84-DE57-14-FF-43-F4-B6-AD-6-C8-CF49-AD964.jpg$0')"></div>

script.js

@@ -63,13 +63,10 @@ const countDownDate = new Date("Jan 1, 2026 00:00:00").getTime();
             document.getElementById("seconds").innerHTML = "00";
         }
     }, 1000);
-    // Create particle network - reduce particles on mobile
-    if (window.innerWidth > 768) {
-        createParticleNetwork();
-    } else {
-        document.querySelector('.cosmic-web').style.display = 'none';
-    }
-// Animate Facebook popup after delay
+    // Create particle network
+    createParticleNetwork();
+
+    // Animate Facebook popup after delay
     setTimeout(() => {
         document.querySelector('.facebook-popup').style.display = 'block';
     }, 2000);
@@ -80,9 +77,8 @@ class ParticleNetwork {
         this.canvas = document.createElement('canvas');
         this.ctx = this.canvas.getContext('2d');
         this.particles = [];
-        this.particleCount = window.innerWidth < 768 ? 40 : 150;
-        this.interactionRadius = window.innerWidth < 768 ? 80 : 150;
-this.mouse = { x: null, y: null, radius: 150 };
+        this.particleCount = window.innerWidth < 768 ? 80 : 150;
+        this.mouse = { x: null, y: null, radius: 150 };
         this.interactionRadius = 150;
         
         this.container.appendChild(this.canvas);

style.css

@@ -2,71 +2,8 @@
 body {
     font-family: 'Inter', sans-serif;
     color: white;
-    overflow-x: hidden;
 }
 
-@media (max-width: 768px) {
-    .container {
-        padding-left: 1rem;
-        padding-right: 1rem;
-    }
-
-    h1 {
-        font-size: 2.5rem;
-        line-height: 1.2;
-    }
-
-    .brand-logo {
-        font-size: 2rem;
-    }
-
-    .countdown-grid {
-        grid-template-columns: repeat(2, 1fr);
-        gap: 0.5rem;
-    }
-
-    .countdown-item {
-        width: 80px;
-        height: 80px;
-    }
-
-    .game-category-thumbnail {
-        width: 120px;
-        height: 120px;
-    }
-
-    .game-thumbnail {
-        min-width: 100px;
-        height: 100px;
-    }
-
-    .provider-carousel {
-        gap: 20px;
-    }
-
-    .provider-logo {
-        min-width: 80px;
-    }
-
-    .facebook-popup {
-        display: none;
-    }
-
-    .game-carousel-container, 
-    .provider-carousel-container {
-        mask-image: none;
-        overflow-x: auto;
-        -webkit-overflow-scrolling: touch;
-        padding-bottom: 1rem;
-    }
-
-    .game-carousel,
-    .provider-carousel {
-        animation: none;
-        width: auto;
-        padding: 0 1rem;
-    }
-}
 .text-orange-500 {
     color: #f97316;
     text-shadow: 0 0 8px rgba(249, 115, 22, 0.7);
@@ -85,19 +22,6 @@ h1, h2, h3, .countdown-timer {
         transparent 100%
     );
 }
-
-@media (max-width: 768px) {
-    .provider-carousel {
-        display: flex;
-        gap: 1rem;
-        padding: 0 1rem;
-        width: max-content;
-    }
-
-    .provider-logo {
-        flex: 0 0 auto;
-    }
-}
 .provider-carousel {
     animation: scrollProviders 20s linear infinite;
     width: calc(120px * 40);
@@ -423,19 +347,6 @@ h1, h2, h3, .countdown-timer {
         transparent 100%
     );
 }
-
-@media (max-width: 768px) {
-    .game-carousel {
-        display: flex;
-        gap: 1rem;
-        padding: 0 1rem;
-        width: max-content;
-    }
-
-    .game-thumbnail {
-        flex: 0 0 auto;
-    }
-}
 /* Crypto Icons */
 img[alt="BTC"],
 img[alt="ETH"],