Add a new section below the existing carousel that displays multiple rows of large game thumbnail placeholders. Follow these exact rules:

Create 5 rows total, one for each category.
Each row must contain exactly 8 thumbnails on ONE horizontal line.
Do NOT stack or split thumbnails into multiple rows.
Thumbnails must be large square image placeholders (1:1 ratio).
All 8 thumbnails in each row must appear side-by-side horizontally on a single line.
Keep all rows centered, evenly spaced, and aligned horizontally.
Do not modify the header, countdown timer, CTA, carousel, or any other part of the page.

index.html

@@ -161,10 +161,9 @@
                 </div>
                 <p class="text-center text-gray-400 text-sm mt-2">Get freespins, Loot Boxes & special pre-launch Giveaways.</p>
             </div>
-
             <!-- Game Thumbnail Carousel -->
             <div class="w-full max-w-5xl relative mb-8">
-                <div class="game-carousel-container relative overflow-hidden">
+<div class="game-carousel-container relative overflow-hidden">
                     <div class="game-carousel flex gap-6 py-4">
                         <!-- 10 game thumbnails -->
                         <div class="game-thumbnail" style="background-image: url('https://i.postimg.cc/FsLtyHPs/coin-lamp-hit-the-bonus-3oaks.jpg$0')"></div>
@@ -184,9 +183,87 @@
                     <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">
+                <!-- Slots Row -->
+                <div class="mb-12">
+                    <h3 class="text-neonblue text-2xl font-bold mb-6 text-center">SLOTS</h3>
+                    <div class="flex justify-center gap-6">
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/gaming/320x320/1')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/gaming/320x320/2')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/gaming/320x320/3')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/gaming/320x320/4')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/gaming/320x320/5')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/gaming/320x320/6')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/gaming/320x320/7')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/gaming/320x320/8')"></div>
+                    </div>
+                </div>
+
+                <!-- Table Games Row -->
+                <div class="mb-12">
+                    <h3 class="text-neonmagenta text-2xl font-bold mb-6 text-center">TABLE GAMES</h3>
+                    <div class="flex justify-center gap-6">
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/casino/320x320/1')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/casino/320x320/2')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/casino/320x320/3')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/casino/320x320/4')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/casino/320x320/5')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/casino/320x320/6')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/casino/320x320/7')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/casino/320x320/8')"></div>
+                    </div>
+                </div>
+
+                <!-- Live Casino Row -->
+                <div class="mb-12">
+                    <h3 class="text-white text-2xl font-bold mb-6 text-center">LIVE CASINO</h3>
+                    <div class="flex justify-center gap-6">
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/live/320x320/1')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/live/320x320/2')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/live/320x320/3')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/live/320x320/4')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/live/320x320/5')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/live/320x320/6')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/live/320x320/7')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/live/320x320/8')"></div>
+                    </div>
+                </div>
+
+                <!-- Crypto Games Row -->
+                <div class="mb-12">
+                    <h3 class="text-neonblue text-2xl font-bold mb-6 text-center">CRYPTO GAMES</h3>
+                    <div class="flex justify-center gap-6">
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/crypto/320x320/1')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/crypto/320x320/2')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/crypto/320x320/3')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/crypto/320x320/4')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/crypto/320x320/5')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/crypto/320x320/6')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/crypto/320x320/7')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/crypto/320x320/8')"></div>
+                    </div>
+                </div>
+
+                <!-- Jackpots Row -->
+                <div class="mb-12">
+                    <h3 class="text-neonmagenta text-2xl font-bold mb-6 text-center">JACKPOTS</h3>
+                    <div class="flex justify-center gap-6">
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/money/320x320/1')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/money/320x320/2')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/money/320x320/3')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/money/320x320/4')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/money/320x320/5')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/money/320x320/6')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/money/320x320/7')"></div>
+                        <div class="game-category-thumbnail" style="background-image: url('http://static.photos/money/320x320/8')"></div>
+                    </div>
+                </div>
+            </div>
         </div>
     </main>
-    <!-- Facebook Promo Popup -->
+<!-- Facebook Promo Popup -->
     <div class="facebook-popup hidden md:block">
 <div class="holographic-panel bg-black/50 backdrop-blur-sm border-l-4 border-neonmagenta p-4 rounded-lg w-64">
 <div class="flex items-center mb-2">

style.css

@@ -174,6 +174,41 @@ h1, h2, h3, .countdown-timer {
     border: 1px solid rgba(255, 255, 255, 0.1);
     box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
 }
+/* Game Category Thumbnails */
+.game-category-thumbnail {
+    width: 200px;
+    height: 200px;
+    background-size: cover;
+    background-position: center;
+    border-radius: 12px;
+    border: 2px solid rgba(15, 240, 252, 0.3);
+    position: relative;
+    overflow: hidden;
+    transition: all 0.3s ease;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
+    flex-shrink: 0;
+}
+
+.game-category-thumbnail:hover {
+    transform: scale(1.05);
+    border-color: rgba(255, 0, 255, 0.8);
+    box-shadow: 
+        0 10px 30px rgba(15, 240, 252, 0.5),
+        0 0 20px rgba(255, 0, 255, 0.3);
+    z-index: 10;
+}
+
+.game-category-thumbnail::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background: linear-gradient(
+        to bottom,
+        transparent 60%,
+        rgba(0, 0, 0, 0.8) 100%
+    );
+}
+
 /* Game Thumbnail Styles */
 .game-thumbnail {
     min-width: 150px;