MASTER PROMPT — NIOPLAY LANDING PAGE (BLACK BACKGROUND, NO STARS)** --- Build a **mobile-first, cinematic landing page** for **Nioplay**, a legally structured U.S. sweepstakes casino. Use a **dark, futuristic neon theme** with immersive visuals, animated effects, and optimized conversion copy as provided. Do **not** use placeholder content. All visual and textual content must follow the exact structure and wording defined below. --- ### 🎨 GLOBAL VISUAL SYSTEM * **Background:** * Solid black `#000000`* **Meteor Visuals (No Coins):** * `<canvas>` layered behind UI * Diagonal neon streaks (top-right to bottom-left) * Colors: * Purple `#A020F0` * Blue `#00E4FF` * Orange `#FF6A00` * Yellow `#FFFF00` * White `#FFFFFF` * Each has a **blurry trail effect** * Minimum of **25 streaks** on screen * Randomized speed, length, opacity (70–85%) * Streaks **do not wobble** or move upward * Animation uses `requestAnimationFrame()` or GSAP ticker * On hover or scroll, **trigger a burst of streaks** * **Typography:** * Titles: Orbitron (uppercase), with outer neon glow * Subheaders: Poppins, soft neon glow * Body text: Poppins, solid white `#F5F5F5` * **UI Effects:** * Hover flickers and shimmer transitions (0.2–0.3s) * Scroll-based fade-ins and background streak bursts * Universal hover glow effect for buttons and containers * Glassmorphism panels with `backdrop-filter: blur(10px)` and glowing neon borders --- ### 🔝 STICKY NAVBAR * Fixed to top, full width * Glassmorphism background with blur * **Left side:** Nioplay logo (Orbitron) * **Right side:** * `[Sign Up]` – Neon orange solid button, pulsing glow * `[Log In]` – Electric blue outline button, flicker on hover * Navbar becomes slightly more opaque as the user scrolls --- ### 🎰 SECTION 1 — HERO **Headline (Orbitron, centered, neon orange glow):** > **PLAY FOR FREE. WIN REAL PRIZES.** **Subheadline (Poppins):** > *Nioplay is America’s most popular sweepstakes casino — Fully legal, Fast rewards, and Always Free to Play.* **CTA Buttons:** * `[Start Playing]` → Neon orange shimmer * `[See How It Works]` → Blue outline with flicker hover **Microtrust Line (beneath buttons):** > **100% Legal · Instant Redeems · 18+ Only** **FX:** Behind headline, trigger **neon streak bursts**. On button hover, create **burst animations** from center. --- ### 💸 JACKPOT DISPLAY + WINNER MARQUEE * Large glowing jackpot counter text (neon orange): > **\$809,000 WON IN JACKPOTS** * Number **ticks upward smoothly** every 3–5 seconds **Winner Ticker:** * Horizontal sliding banner (neon orange text) * Moves right to left with infinite loop * On hover: slows scroll speed * Entries: * "Jackie P. won \$500 on 777 Slots" * "Kevin R. redeemed \$200 in crypto" * "Linda C. hit the jackpot on Gold Frenzy!" * Names glow/flicker randomly for attention --- ### 🛡️ SECTION 2 — TRUST BAR **Horizontal row of 5 icons**, evenly spaced, each with neon glow + label: * ✔ **U.S. Legal** * 🔐 **KYC Compliant** * 🪙 **Crypto Friendly** * ⚡ **Instant Redeems** * 🔞 **18+ Verified** Hover = glow pulse effect --- ### 🧭 SECTION 3 — HOW IT WORKS **Three vertical step cards**, stacked and centered (mobile-first). Each card scrolls in with a fade-in animation. Each step includes: 1. ✅ **Sign Up & Verify** *Create your account in seconds. Verify to unlock redemptions.* 🔶 Orange badge pill: **+300% FREE COINS ON VERIFICATION** 2. 🎰 **Play Games & Win** *Explore 1,000+ games: Megaways, blackjack, fish shooters, live tables.* 🔶 Orange badge pill: **NO DOWNLOAD NEEDED — 100% MOBILE** 3. 💳 **Redeem for Real Rewards** *Withdraw in 24 hours or less via Debit, Crypto, or Gift Cards.* 🔶 Orange badge pill: **24H CRYPTO + CASH GUARANTEED** Each step divider: glowing neon bar that flickers lightly --- ### 🎮 SECTION 4 — FEATURED GAMES SLIDER **SwiperJS carousel** on desktop (5 cards visible) **Scroll-snap horizontal scroll** on mobile **Display these exact 5 game cards:** 1. **777 Slots** 2. **Fish Frenzy X** 3. **Mega Wild Reels** 4. **Tiger Temple** 5. **Blackjack Showdown** Each card includes: * Title (Orbitron) * Game thumbnail with glowing border * Star rating (e.g., ★★★★☆ 4.8/5) * RTP Meter (animated blue neon bar) * Volatility Meter (animated orange neon bar) * Tag Pills: “Jackpot”, “Bonus Buy”, “Hot” * Bonus Pill: **+1,000 Free Coins** * CTA Button: `[Play Now]` → Neon orange glowing button **Hover FX:** Card lifts slightly, background glow intensifies, corner emits coin burst streaks --- ### 🎁 SECTION 5 — PROMO BANNER **Headline (Orbitron):** > 🎁 **LIMITED-TIME BONUS: GET 300% MORE IN FREE COINS** **Subheadline:** > *Verify your account and claim your free coins instantly — No Purchase Necessary.* **Input Field:** * Placeholder text: “Enter bonus code (optional)” * Apply button flickers while typing **CTA:** `[Claim Now]` → Neon orange button with pulsing effect and burst on hover **Fine Print:** > *No purchase necessary. Offer valid for verified accounts only. 18+ to play.* --- ### 💡 SECTION 6 — WHY NIOPLAY (STACKED FORMAT) **Use vertical block layout** (not grid). Each item has: icon, bold title, and short neon-glow description. All glow brighter on hover. * 🕒 **24h Crypto Redemptions** — Payouts processed in under 24 hours * 🧾 **U.S. Sweepstakes Compliant** — Fully legal under federal sweepstakes law * 📱 **No App Needed** — Works on mobile and desktop instantly * 🧠 **VIP Rewards** — Daily rakeback, XP tiers, exclusive coin bonuses * 🎲 **1,000+ Games** — Megaways, live tables, slots, instant wins * ✅ **Fast Verification** — Get verified in minutes, not days --- ### 💬 SECTION 7 — TESTIMONIALS CAROUSEL **Display exactly 3 testimonials** in a swipeable mobile carousel or 3-card row on desktop. Each card includes: * Circular avatar with glowing neon ring * Username (Orbitron font) * Game they played * Direct quote * Star rating graphic * Footer note: *“Redeemed \$XX in Crypto”* **Testimonials:** 1. **@TonyTrickz** 🎮 *“Fish Frenzy X is insane! I cashed out \$75 in under 10 minutes.”* ⭐⭐⭐⭐⭐ 2. **@QueenGina** 🎮 *“Got my crypto payout same day. Love the bonuses!”* ⭐⭐⭐⭐⭐ 3. **@SlotSoldier** 🎮 *“I didn’t expect to win this much from free spins. Wild.”* ⭐⭐⭐⭐½ --- ### SECTION 8 — FAQ ACCORDION **Accordion-style Q\&A**, glowing headers, flicker on toggle. Exact questions and answers: * **Is Nioplay legal?** *Yes. Nioplay is U.S.-compliant under sweepstakes law and operates legally across eligible states.* * **Can I win real money?** *Yes. You redeem crypto, gift cards, and other rewards — no cash purchases required.* * **How fast are redeems?** *Within 24 hours for verified accounts.* * **Do I need to purchase?** *No. You receive daily login coins and can always play for free.* * **What games are included?** *Over 1,000+ titles including slots, blackjack, fish shooters, instant wins, and live tables.* --- ### 🚀 SECTION 9 — FINAL CTA **Headline:** > **JOIN 1,000,000+ PLAYERS WINNING DAILY ON NIOPLAY** **CTA:** `[Start Playing Now]` → Giant neon orange button, streak burst on hover **Subtext:** > *No purchase necessary. 18+ only. Nioplay is a sweepstakes gaming platform and is fully compliant with all Federal and State laws.* --- ### 🔧 TECH SPECS * **Stack:** HTML5 + Tailwind CSS + GSAP v3.13 + SwiperJS * **Canvas Layers:** Meteor streaks only (`z-index: -1`) * **Performance:** Lazy-loaded images, deferred JS, optimized LCP (<2.5s), CLS (<0.05) * **Accessibility:** Focus ring support, `aria-label`, responsive to `prefers-reduced-motion` * **Important:** No placeholder content. Every section, copy, and visual element must match exactly as described. - Initial Deployment

README.md

@@ -1,10 +1,12 @@
 ---
-title: Nioplay Landing Jackpot Pulse
-emoji: 🏆
-colorFrom: red
+title: nioplay-landing-jackpot-pulse
+emoji: 🐳
+colorFrom: purple
 colorTo: red
 sdk: static
 pinned: false
+tags:
+  - deepsite
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html

@@ -1,19 +1,1022 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Nioplay - America's Sweepstakes Casino</title>
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css" />
+    <script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js"></script>
+    <script>
+        tailwind.config = {
+            theme: {
+                extend: {
+                    colors: {
+                        neonBlue: '#00E4FF',
+                        neonOrange: '#FF6A00',
+                        neonPurple: '#A020F0',
+                        neonYellow: '#FFFF00',
+                        neonWhite: '#FFFFFF',
+                        primary: '#F5F5F5',
+                        darkBg: '#0A0A0A'
+                    },
+                    fontFamily: {
+                        orbitron: ['Orbitron', 'sans-serif'],
+                        poppins: ['Poppins', 'sans-serif']
+                    },
+                    boxShadow: {
+                        'neonOrange': '0 0 15px #FF6A00, 0 0 25px rgba(255, 106, 0, 0.5)',
+                        'neonBlue': '0 0 15px #00E4FF, 0 0 25px rgba(0, 228, 255, 0.5)',
+                        'neonWhite': '0 0 15px #FFFFFF, 0 0 25px rgba(255, 255, 255, 0.3)',
+                        'neonPurple': '0 0 15px #A020F0, 0 0 25px rgba(160, 32, 240, 0.5)',
+                        'neonYellow': '0 0 15px #FFFF00, 0 0 25px rgba(255, 255, 0, 0.5)'
+                    }
+                }
+            }
+        }
+    </script>
+    <style>
+        :root {
+            --neon-orange: #FF6A00;
+            --neon-blue: #00E4FF;
+            --neon-purple: #A020F0;
+            --neon-yellow: #FFFF00;
+            --neon-white: #FFFFFF;
+        }
+        
+        body {
+            font-family: 'Poppins', sans-serif;
+            background-color: #000000;
+            color: #F5F5F5;
+            overflow-x: hidden;
+        }
+        
+        .title-font {
+            font-family: 'Orbitron', sans-serif;
+            text-transform: uppercase;
+        }
+        
+        .neon-title {
+            text-shadow: 0 0 15px var(--neon-orange), 0 0 25px rgba(255, 106, 0, 0.7);
+        }
+        
+        .neon-blue-shadow {
+            text-shadow: 0 0 10px var(--neon-blue);
+        }
+        
+        .glass-card {
+            background: rgba(15, 15, 15, 0.7);
+            backdrop-filter: blur(10px);
+            border: 1px solid rgba(255,255,255,0.1);
+            box-shadow: 0 0 20px rgba(0, 228, 255, 0.2);
+        }
+        
+        .neon-button-orange {
+            background-color: var(--neon-orange);
+            color: #000;
+            box-shadow: 0 0 15px var(--neon-orange), 0 0 25px rgba(255, 106, 0, 0.5);
+            transition: all 0.3s ease;
+        }
+        
+        .neon-button-orange:hover {
+            box-shadow: 0 0 30px var(--neon-orange), 0 0 40px rgba(255, 106, 0, 0.8);
+            transform: translateY(-2px);
+        }
+        
+        .neon-button-outline-blue {
+            background: transparent;
+            color: var(--neon-blue);
+            border: 2px solid var(--neon-blue);
+            box-shadow: 0 0 10px var(--neon-blue);
+            transition: all 0.3s ease;
+        }
+        
+        .neon-button-outline-blue:hover {
+            box-shadow: 0 0 25px var(--neon-blue), 0 0 15px var(--neon-blue) inset;
+            text-shadow: 0 0 5px var(--neon-blue);
+        }
+        
+        .star-rating {
+            display: inline-block;
+            font-size: 1.5em;
+            color: #FFD700;
+        }
+        
+        .volatility-meter {
+            height: 10px;
+            background: rgba(255,255,255,0.2);
+            border-radius: 5px;
+            overflow: hidden;
+        }
+        
+        .volatility-meter-bar {
+            height: 100%;
+            background: linear-gradient(90deg, #FF6A00, #FFB800);
+            border-radius: 5px;
+        }
+        
+        .neon-input {
+            background: rgba(255,255,255,0.1);
+            border: 1px solid rgba(255,255,255,0.2);
+            color: white;
+        }
+        
+        .neon-input:focus {
+            border-color: var(--neon-blue);
+            box-shadow: 0 0 10px var(--neon-blue);
+            outline: none;
+        }
+        
+        .faq-item {
+            border: 1px solid rgba(255,255,255,0.1);
+            background: rgba(20,20,20,0.7);
+            transition: all 0.3s ease;
+        }
+        
+        .faq-item:hover {
+            border-color: var(--neon-purple);
+            box-shadow: 0 0 10px var(--neon-purple);
+        }
+        
+        .streak-animation {
+            animation: streakMove 1.5s ease-in-out forwards;
+        }
+        
+        @keyframes streakMove {
+            0% {
+                opacity: 0.8;
+                transform: translateX(100px) translateY(-50px) rotate(45deg);
+            }
+            100% {
+                opacity: 0;
+                transform: translateX(-100px) translateY(100px) rotate(45deg);
+            }
+        }
+        
+        .jackpot-increment {
+            animation: pulseOrange 0.5s ease-out;
+        }
+        
+        @keyframes pulseOrange {
+            0% { transform: scale(1); text-shadow: 0 0 10px #FF6A00; }
+            50% { transform: scale(1.1); text-shadow: 0 0 20px #FF6A00; }
+            100% { transform: scale(1); text-shadow: 0 0 15px #FF6A00; }
+        }
+        
+        .marquee {
+            white-space: nowrap;
+            display: inline-block;
+            animation: marquee-scroll 30s linear infinite;
+        }
+        
+        @keyframes marquee-scroll {
+            0% { transform: translateX(100%); }
+            100% { transform: translateX(-100%); }
+        }
+        
+        .hover-slide-up {
+            transition: transform 0.3s ease;
+        }
+        
+        .hover-slide-up:hover {
+            transform: translateY(-8px);
+        }
+        
+        .flicker {
+            animation: flicker 4s infinite alternate;
+        }
+        
+        @keyframes flicker {
+            0%, 18%, 22%, 25%, 53%, 57%, 100% {
+                opacity: 1;
+                text-shadow: 0 0 5px var(--neon-blue);
+            }
+            20%, 24%, 55% {
+                opacity: 0.8;
+                text-shadow: none;
+            }
+        }
+        
+        .glow-on-hover {
+            transition: text-shadow 0.3s ease;
+        }
+        
+        .glow-on-hover:hover {
+            text-shadow: 0 0 10px var(--neon-blue);
+        }
+    </style>
+</head>
+<body>
+    <!-- Meteor Background Canvas -->
+    <canvas id="meteorCanvas" class="fixed top-0 left-0 w-full h-full -z-10"></canvas>
+    
+    <!-- Sticky Navbar -->
+    <nav id="navbar" class="fixed top-0 left-0 w-full p-4 z-50 transition-all duration-300 glass-card">
+        <div class="max-w-7xl mx-auto flex justify-between items-center">
+            <div class="title-font text-2xl font-bold text-primary">
+                NIOPLAY
+            </div>
+            <div class="flex space-x-4">
+                <button class="neon-button-outline-blue px-6 py-2 rounded-full text-sm font-bold title-font hover:bg-blue-900/20">Log In</button>
+                <button class="neon-button-orange px-6 py-2 rounded-full text-sm font-bold title-font">Sign Up</button>
+            </div>
+        </div>
+    </nav>
+    
+    <!-- Hero Section -->
+    <section class="relative min-h-screen flex items-center justify-center pt-20 overflow-hidden">
+        <div class="max-w-4xl mx-auto px-4 py-20 relative z-10 text-center">
+            <h1 class="title-font text-4xl md:text-6xl lg:text-7xl font-bold mb-6 neon-title text-primary">PLAY FOR FREE. WIN REAL PRIZES.</h1>
+            <p class="text-xl mb-10 text-primary/80 max-w-2xl mx-auto">
+                Nioplay is America's most popular sweepstakes casino — Fully legal, Fast rewards, and Always Free to Play.
+            </p>
+            <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6 mb-10">
+                <button class="neon-button-orange px-8 py-4 rounded-full text-lg font-bold title-font">
+                    Start Playing
+                </button>
+                <button class="neon-button-outline-blue px-8 py-4 rounded-full text-lg font-bold title-font">
+                    See How It Works
+                </button>
+            </div>
+            <div class="flex justify-center space-x-6 title-font text-sm opacity-80">
+                <span>100% Legal</span>
+                <span>•</span>
+                <span>Instant Redeems</span>
+                <span>•</span>
+                <span>18+ Only</span>
+            </div>
+        </div>
+        <div id="streakContainer" class="absolute inset-0 overflow-hidden pointer-events-none"></div>
+    </section>
+    
+    <!-- Jackpot + Ticker -->
+    <section class="py-8 relative overflow-hidden">
+        <div class="max-w-7xl mx-auto px-4">
+            <div class="flex flex-col items-center">
+                <h2 id="jackpotValue" class="title-font text-3xl md:text-4xl font-bold text-neonOrange mb-6 text-center">
+                    $809,000 WON IN JACKPOTS
+                </h2>
+                <div class="bg-black/50 p-3 rounded-lg w-full max-w-3xl overflow-hidden">
+                    <div class="marquee inline-block">
+                        <span class="flicker inline-block mx-6">Jackie P. won $500 on 777 Slots</span>
+                        <span class="flicker inline-block mx-6">Kevin R. redeemed $200 in crypto</span>
+                        <span class="flicker inline-block mx-6">Linda C. hit the jackpot on Gold Frenzy!</span>
+                        <span class="flicker inline-block mx-6">Robert T. just cashed out $1,200!</span>
+                        <span class="flicker inline-block mx-6">Samantha M. won $350 on Tiger Temple</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    
+    <!-- Trust Bar -->
+    <section class="py-12">
+        <div class="max-w-7xl mx-auto px-4">
+            <div class="grid grid-cols-2 md:grid-cols-5 gap-6">
+                <div class="glass-card p-4 rounded-xl text-center transition-all hover:shadow-neonOrange hover:scale-105">
+                    <div class="text-3xl mb-2">✔</div>
+                    <div class="title-font text-sm">U.S. Legal</div>
+                </div>
+                <div class="glass-card p-4 rounded-xl text-center transition-all hover:shadow-neonBlue hover:scale-105">
+                    <div class="text-3xl mb-2">🔐</div>
+                    <div class="title-font text-sm">KYC Compliant</div>
+                </div>
+                <div class="glass-card p-4 rounded-xl text-center transition-all hover:shadow-neonYellow hover:scale-105">
+                    <div class="text-3xl mb-2">🪙</div>
+                    <div class="title-font text-sm">Crypto Friendly</div>
+                </div>
+                <div class="glass-card p-4 rounded-xl text-center transition-all hover:shadow-neonPurple hover:scale-105">
+                    <div class="text-3xl mb-2">⚡</div>
+                    <div class="title-font text-sm">Instant Redeems</div>
+                </div>
+                <div class="glass-card p-4 rounded-xl text-center transition-all hover:shadow-neonWhite hover:scale-105">
+                    <div class="text-3xl mb-2">🔞</div>
+                    <div class="title-font text-sm">18+ Verified</div>
+                </div>
+            </div>
+        </div>
+    </section>
+    
+    <!-- How It Works -->
+    <section class="py-16">
+        <div class="max-w-4xl mx-auto px-4">
+            <h2 class="title-font text-3xl font-bold text-center mb-12 neon-blue-shadow">HOW IT WORKS</h2>
+            
+            <div class="space-y-16">
+                <div class="glass-card rounded-xl p-6 relative">
+                    <div class="flex items-start">
+                        <div class="text-3xl mr-4">✅</div>
+                        <div>
+                            <h3 class="title-font text-xl font-bold mb-2">Sign Up & Verify</h3>
+                            <p class="mb-3">Create your account in seconds. Verify to unlock redemptions.</p>
+                            <span class="inline-block bg-orange-900/50 text-neonOrange text-xs py-1 px-3 rounded-full">
+                                +300% FREE COINS ON VERIFICATION
+                            </span>
+                        </div>
+                    </div>
+                    <div class="absolute w-1 h-8 bg-gradient-to-b from-neonOrange to-neonPurple left-8 -bottom-8 opacity-60 flicker"></div>
+                </div>
+                
+                <div class="glass-card rounded-xl p-6 relative">
+                    <div class="flex items-start">
+                        <div class="text-3xl mr-4">🎰</div>
+                        <div>
+                            <h3 class="title-font text-xl font-bold mb-2">Play Games & Win</h3>
+                            <p class="mb-3">Explore 1,000+ games: Megaways, blackjack, fish shooters, live tables.</p>
+                            <span class="inline-block bg-orange-900/50 text-neonOrange text-xs py-1 px-3 rounded-full">
+                                NO DOWNLOAD NEEDED — 100% MOBILE
+                            </span>
+                        </div>
+                    </div>
+                    <div class="absolute w-1 h-8 bg-gradient-to-b from-neonOrange to-neonPurple left-8 -bottom-8 opacity-60 flicker"></div>
+                </div>
+                
+                <div class="glass-card rounded-xl p-6">
+                    <div class="flex items-start">
+                        <div class="text-3xl mr-4">💳</div>
+                        <div>
+                            <h3 class="title-font text-xl font-bold mb-2">Redeem for Real Rewards</h3>
+                            <p class="mb-3">Withdraw in 24 hours or less via Debit, Crypto, or Gift Cards.</p>
+                            <span class="inline-block bg-orange-900/50 text-neonOrange text-xs py-1 px-3 rounded-full">
+                                24H CRYPTO + CASH GUARANTEED
+                            </span>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    
+    <!-- Game Cards Slider -->
+    <section class="py-16">
+        <div class="max-w-7xl mx-auto px-4">
+            <h2 class="title-font text-3xl font-bold text-center mb-12 neon-blue-shadow">FEATURED GAMES</h2>
+            
+            <div class="swiper gameSwiper">
+                <div class="swiper-wrapper">
+                    <!-- Game Card 1 -->
+                    <div class="swiper-slide hover-slide-up">
+                        <div class="glass-card rounded-xl p-5 h-full">
+                            <div class="aspect-video rounded-lg bg-gradient-to-r from-blue-900/50 to-purple-900/50 flex items-center justify-center mb-4 relative overflow-hidden">
+                                <div class="absolute inset-0 flex items-center justify-center">
+                                    <span class="title-font text-2xl font-bold">777 Slots</span>
+                                </div>
+                                <div class="absolute top-3 right-3 bg-gradient-to-r from-yellow-500 to-orange-500 text-black text-xs py-1 px-2 rounded-full font-bold">
+                                    Hot
+                                </div>
+                            </div>
+                            <div class="flex justify-between items-center mb-4">
+                                <div class="star-rating">★★★★☆ <span class="text-white text-sm">4.8/5</span></div>
+                            </div>
+                            <div class="mb-3">
+                                <div class="flex justify-between text-xs mb-1">
+                                    <span>RTP: 96.7%</span>
+                                </div>
+                                <div class="w-full h-2 bg-gray-800 rounded-full">
+                                    <div class="h-full bg-blue-500 rounded-full w-3/4"></div>
+                                </div>
+                            </div>
+                            <div class="mb-4">
+                                <div class="flex justify-between text-xs mb-1">
+                                    <span>Volatility:</span>
+                                </div>
+                                <div class="w-full h-2 bg-gray-800 rounded-full">
+                                    <div class="h-full bg-gradient-to-r from-orange-500 to-yellow-500 rounded-full w-2/3"></div>
+                                </div>
+                            </div>
+                            <div class="flex flex-wrap gap-1 mb-5">
+                                <span class="bg-blue-900/50 text-blue-400 text-xs py-1 px-2 rounded">Jackpot</span>
+                                <span class="bg-purple-900/50 text-purple-400 text-xs py-1 px-2 rounded">Bonus Buy</span>
+                            </div>
+                            <div class="text-center bg-yellow-900/30 text-yellow-400 text-xs py-2 px-3 rounded-lg mb-4">
+                                <strong>+1,000 Free Coins</strong>
+                            </div>
+                            <button class="neon-button-orange w-full py-3 rounded-lg font-bold title-font">
+                                Play Now
+                            </button>
+                        </div>
+                    </div>
+                    
+                    <!-- Repeat for other 4 games -->
+                    <!-- Game Card 2 -->
+                    <div class="swiper-slide hover-slide-up">
+                        <div class="glass-card rounded-xl p-5 h-full">
+                            <div class="aspect-video rounded-lg bg-gradient-to-r from-green-900/50 to-blue-900/50 flex items-center justify-center mb-4 relative overflow-hidden">
+                                <div class="absolute inset-0 flex items-center justify-center">
+                                    <span class="title-font text-2xl font-bold">Fish Frenzy X</span>
+                                </div>
+                                <div class="absolute top-3 right-3 bg-gradient-to-r from-red-500 to-pink-500 text-black text-xs py-1 px-2 rounded-full font-bold">
+                                    Jackpot
+                                </div>
+                            </div>
+                            <div class="flex justify-between items-center mb-4">
+                                <div class="star-rating">★★★★★ <span class="text-white text-sm">5.0/5</span></div>
+                            </div>
+                            <div class="mb-3">
+                                <div class="flex justify-between text-xs mb-1">
+                                    <span>RTP: 97.2%</span>
+                                </div>
+                                <div class="w-full h-2 bg-gray-800 rounded-full">
+                                    <div class="h-full bg-blue-500 rounded-full w-4/5"></div>
+                                </div>
+                            </div>
+                            <div class="mb-4">
+                                <div class="flex justify-between text-xs mb-1">
+                                    <span>Volatility:</span>
+                                </div>
+                                <div class="w-full h-2 bg-gray-800 rounded-full">
+                                    <div class="h-full bg-gradient-to-r from-orange-500 to-yellow-500 rounded-full w-3/4"></div>
+                                </div>
+                            </div>
+                            <div class="flex flex-wrap gap-1 mb-5">
+                                <span class="bg-red-900/50 text-red-400 text-xs py-1 px-2 rounded">High Win</span>
+                                <span class="bg-green-900/50 text-green-400 text-xs py-1 px-2 rounded">Popular</span>
+                            </div>
+                            <div class="text-center bg-yellow-900/30 text-yellow-400 text-xs py-2 px-3 rounded-lg mb-4">
+                                <strong>+1,000 Free Coins</strong>
+                            </div>
+                            <button class="neon-button-orange w-full py-3 rounded-lg font-bold title-font">
+                                Play Now
+                            </button>
+                        </div>
+                    </div>
+                    
+                    <!-- Game Card 3 -->
+                    <div class="swiper-slide hover-slide-up">
+                        <div class="glass-card rounded-xl p-5 h-full">
+                            <div class="aspect-video rounded-lg bg-gradient-to-r from-orange-900/50 to-red-900/50 flex items-center justify-center mb-4 relative overflow-hidden">
+                                <div class="absolute inset-0 flex items-center justify-center">
+                                    <span class="title-font text-2xl font-bold">Mega Wild Reels</span>
+                                </div>
+                                <div class="absolute top-3 right-3 bg-gradient-to-r from-yellow-500 to-orange-500 text-black text-xs py-1 px-2 rounded-full font-bold">
+                                    New
+                                </div>
+                            </div>
+                            <div class="flex justify-between items-center mb-4">
+                                <div class="star-rating">★★★★☆ <span class="text-white text-sm">4.6/5</span></div>
+                            </div>
+                            <div class="mb-3">
+                                <div class="flex justify-between text-xs mb-1">
+                                    <span>RTP: 96.0%</span>
+                                </div>
+                                <div class="w-full h-2 bg-gray-800 rounded-full">
+                                    <div class="h-full bg-blue-500 rounded-full w-3/5"></div>
+                                </div>
+                            </div>
+                            <div class="mb-4">
+                                <div class="flex justify-between text-xs mb-1">
+                                    <span>Volatility:</span>
+                                </div>
+                                <div class="w-full h-2 bg-gray-800 rounded-full">
+                                    <div class="h-full bg-gradient-to-r from-orange-500 to-yellow-500 rounded-full w-1/2"></div>
+                                </div>
+                            </div>
+                            <div class="flex flex-wrap gap-1 mb-5">
+                                <span class="bg-yellow-900/50 text-yellow-400 text-xs py-1 px-2 rounded">Wilds</span>
+                                <span class="bg-blue-900/50 text-blue-400 text-xs py-1 px-2 rounded">Bonus</span>
+                            </div>
+                            <div class="text-center bg-yellow-900/30 text-yellow-400 text-xs py-2 px-3 rounded-lg mb-4">
+                                <strong>+1,000 Free Coins</strong>
+                            </div>
+                            <button class="neon-button-orange w-full py-3 rounded-lg font-bold title-font">
+                                Play Now
+                            </button>
+                        </div>
+                    </div>
+                    
+                    <!-- Game Card 4 -->
+                    <div class="swiper-slide hover-slide-up">
+                        <div class="glass-card rounded-xl p-5 h-full">
+                            <div class="aspect-video rounded-lg bg-gradient-to-r from-emerald-900/50 to-cyan-900/50 flex items-center justify-center mb-4 relative overflow-hidden">
+                                <div class="absolute inset-0 flex items-center justify-center">
+                                    <span class="title-font text-2xl font-bold">Tiger Temple</span>
+                                </div>
+                                <div class="absolute top-3 right-3 bg-gradient-to-r from-red-500 to-orange-500 text-black text-xs py-1 px-2 rounded-full font-bold">
+                                    Hot
+                                </div>
+                            </div>
+                            <div class="flex justify-between items-center mb-4">
+                                <div class="star-rating">★★★★★ <span class="text-white text-sm">4.9/5</span></div>
+                            </div>
+                            <div class="mb-3">
+                                <div class="flex justify-between text-xs mb-1">
+                                    <span>RTP: 96.8%</span>
+                                </div>
+                                <div class="w-full h-2 bg-gray-800 rounded-full">
+                                    <div class="h-full bg-blue-500 rounded-full w-3/4"></div>
+                                </div>
+                            </div>
+                            <div class="mb-4">
+                                <div class="flex justify-between text-xs mb-1">
+                                    <span>Volatility:</span>
+                                </div>
+                                <div class="w-full h-2 bg-gray-800 rounded-full">
+                                    <div class="h-full bg-gradient-to-r from-orange-500 to-yellow-500 rounded-full w-2/3"></div>
+                                </div>
+                            </div>
+                            <div class="flex flex-wrap gap-1 mb-5">
+                                <span class="bg-emerald-900/50 text-emerald-400 text-xs py-1 px-2 rounded">Theme</span>
+                                <span class="bg-orange-900/50 text-orange-400 text-xs py-1 px-2 rounded">Scatter</span>
+                            </div>
+                            <div class="text-center bg-yellow-900/30 text-yellow-400 text-xs py-2 px-3 rounded-lg mb-4">
+                                <strong>+1,000 Free Coins</strong>
+                            </div>
+                            <button class="neon-button-orange w-full py-3 rounded-lg font-bold title-font">
+                                Play Now
+                            </button>
+                        </div>
+                    </div>
+                    
+                    <!-- Game Card 5 -->
+                    <div class="swiper-slide hover-slide-up">
+                        <div class="glass-card rounded-xl p-5 h-full">
+                            <div class="aspect-video rounded-lg bg-gradient-to-r from-gray-900/50 to-blue-900/50 flex items-center justify-center mb-4 relative overflow-hidden">
+                                <div class="absolute inset-0 flex items-center justify-center">
+                                    <span class="title-font text-2xl font-bold">Blackjack Showdown</span>
+                                </div>
+                                <div class="absolute top-3 right-3 bg-gradient-to-r from-blue-500 to-cyan-500 text-black text-xs py-1 px-2 rounded-full font-bold">
+                                    Classic
+                                </div>
+                            </div>
+                            <div class="flex justify-between items-center mb-4">
+                                <div class="star-rating">★★★★☆ <span class="text-white text-sm">4.7/5</span></div>
+                            </div>
+                            <div class="mb-3">
+                                <div class="flex justify-between text-xs mb-1">
+                                    <span>RTP: 99.5%</span>
+                                </div>
+                                <div class="w-full h-2 bg-gray-800 rounded-full">
+                                    <div class="h-full bg-blue-500 rounded-full w-full"></div>
+                                </div>
+                            </div>
+                            <div class="mb-4">
+                                <div class="flex justify-between text-xs mb-1">
+                                    <span>Volatility:</span>
+                                </div>
+                                <div class="w-full h-2 bg-gray-800 rounded-full">
+                                    <div class="h-full bg-gradient-to-r from-orange-500 to-yellow-500 rounded-full w-1/4"></div>
+                                </div>
+                            </div>
+                            <div class="flex flex-wrap gap-1 mb-5">
+                                <span class="bg-blue-900/50 text-blue-400 text-xs py-1 px-2 rounded">Table</span>
+                                <span class="bg-cyan-900/50 text-cyan-400 text-xs py-1 px-2 rounded">Live</span>
+                            </div>
+                            <div class="text-center bg-yellow-900/30 text-yellow-400 text-xs py-2 px-3 rounded-lg mb-4">
+                                <strong>+1,000 Free Coins</strong>
+                            </div>
+                            <button class="neon-button-orange w-full py-3 rounded-lg font-bold title-font">
+                                Play Now
+                            </button>
+                        </div>
+                    </div>
+                </div>
+                <div class="swiper-pagination !-bottom-6"></div>
+            </div>
+        </div>
+    </section>
+    
+    <!-- Promo Banner -->
+    <section class="py-16">
+        <div class="max-w-4xl mx-auto px-4">
+            <div class="glass-card rounded-2xl p-8 relative overflow-hidden">
+                <h2 class="title-font text-3xl font-bold text-center mb-4 neon-blue-shadow">
+                    🎁 LIMITED-TIME BONUS: GET 300% MORE IN FREE COINS
+                </h2>
+                <p class="text-center mb-8 max-w-2xl mx-auto">
+                    Verify your account and claim your free coins instantly — No Purchase Necessary.
+                </p>
+                
+                <div class="max-w-md mx-auto">
+                    <div class="flex flex-col sm:flex-row gap-4">
+                        <div class="flex-1">
+                            <input type="text" 
+                                   class="w-full p-3 rounded-lg neon-input focus:outline-none"
+                                   placeholder="Enter bonus code (optional)">
+                        </div>
+                        <button class="neon-button-orange py-3 px-8 rounded-lg font-bold title-font flex-shrink-0">
+                            Claim Now
+                        </button>
+                    </div>
+                </div>
+                
+                <p class="text-center text-xs opacity-70 mt-6">
+                    No purchase necessary. Offer valid for verified accounts only. 18+ to play.
+                </p>
+            </div>
+        </div>
+    </section>
+    
+    <!-- Why Nioplay -->
+    <section class="py-16">
+        <div class="max-w-4xl mx-auto px-4">
+            <h2 class="title-font text-3xl font-bold text-center mb-12 neon-blue-shadow">WHY NIOPLAY</h2>
+            
+            <div class="space-y-6">
+                <div class="glass-card p-5 rounded-xl hover:shadow-neonBlue">
+                    <div class="flex items-start">
+                        <div class="text-2xl mr-4 glow-on-hover">🕒</div>
+                        <div>
+                            <h3 class="title-font text-lg font-bold mb-1 glow-on-hover">24h Crypto Redemptions</h3>
+                            <p class="text-sm opacity-80">Payouts processed in under 24 hours</p>
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="glass-card p-5 rounded-xl hover:shadow-neonPurple">
+                    <div class="flex items-start">
+                        <div class="text-2xl mr-4 glow-on-hover">🧾</div>
+                        <div>
+                            <h3 class="title-font text-lg font-bold mb-1 glow-on-hover">U.S. Sweepstakes Compliant</h3>
+                            <p class="text-sm opacity-80">Fully legal under federal sweepstakes law</p>
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="glass-card p-5 rounded-xl hover:shadow-neonOrange">
+                    <div class="flex items-start">
+                        <div class="text-2xl mr-4 glow-on-hover">📱</div>
+                        <div>
+                            <h3 class="title-font text-lg font-bold mb-1 glow-on-hover">No App Needed</h3>
+                            <p class="text-sm opacity-80">Works on mobile and desktop instantly</p>
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="glass-card p-5 rounded-xl hover:shadow-neonYellow">
+                    <div class="flex items-start">
+                        <div class="text-2xl mr-4 glow-on-hover">🧠</div>
+                        <div>
+                            <h3 class="title-font text-lg font-bold mb-1 glow-on-hover">VIP Rewards</h3>
+                            <p class="text-sm opacity-80">Daily rakeback, XP tiers, exclusive coin bonuses</p>
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="glass-card p-5 rounded-xl hover:shadow-neonBlue">
+                    <div class="flex items-start">
+                        <div class="text-2xl mr-4 glow-on-hover">🎲</div>
+                        <div>
+                            <h3 class="title-font text-lg font-bold mb-1 glow-on-hover">1,000+ Games</h3>
+                            <p class="text-sm opacity-80">Megaways, live tables, slots, instant wins</p>
+                        </div>
+                    </div>
+                </div>
+                
+                <div class="glass-card p-5 rounded-xl hover:shadow-neonWhite">
+                    <div class="flex items-start">
+                        <div class="text-2xl mr-4 glow-on-hover">✅</div>
+                        <div>
+                            <h3 class="title-font text-lg font-bold mb-1 glow-on-hover">Fast Verification</h3>
+                            <p class="text-sm opacity-80">Get verified in minutes, not days</p>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    
+    <!-- Testimonials -->
+    <section class="py-16">
+        <div class="max-w-6xl mx-auto px-4">
+            <h2 class="title-font text-3xl font-bold text-center mb-12 neon-blue-shadow">PLAYER TESTIMONIALS</h2>
+            
+            <div class="swiper testimonialSwiper">
+                <div class="swiper-wrapper">
+                    <!-- Testimonial 1 -->
+                    <div class="swiper-slide">
+                        <div class="glass-card rounded-xl p-6 h-full">
+                            <div class="flex items-center mb-4">
+                                <div class="mr-4">
+                                    <div class="w-12 h-12 rounded-full bg-yellow-500 flex items-center justify-center text-black font-bold">
+                                        T
+                                    </div>
+                                </div>
+                                <div>
+                                    <h3 class="title-font font-bold text-lg">@TonyTrickz</h3>
+                                    <div class="text-xs opacity-80">Fish Frenzy X</div>
+                                </div>
+                            </div>
+                            <p class="italic mb-4">"Fish Frenzy X is insane! I cashed out $75 in under 10 minutes."</p>
+                            <div class="star-rating mb-4">★★★★★</div>
+                            <div class="text-xs opacity-80">Redeemed $75 in Crypto</div>
+                        </div>
+                    </div>
+                    
+                    <!-- Testimonial 2 -->
+                    <div class="swiper-slide">
+                        <div class="glass-card rounded-xl p-6 h-full">
+                            <div class="flex items-center mb-4">
+                                <div class="mr-4">
+                                    <div class="w-12 h-12 rounded-full bg-pink-500 flex items-center justify-center text-black font-bold">
+                                        G
+                                    </div>
+                                </div>
+                                <div>
+                                    <h3 class="title-font font-bold text-lg">@QueenGina</h3>
+                                    <div class="text-xs opacity-80">777 Slots</div>
+                                </div>
+                            </div>
+                            <p class="italic mb-4">"Got my crypto payout same day. Love the bonuses!"</p>
+                            <div class="star-rating mb-4">★★★★★</div>
+                            <div class="text-xs opacity-80">Redeemed $200 in Crypto</div>
+                        </div>
+                    </div>
+                    
+                    <!-- Testimonial 3 -->
+                    <div class="swiper-slide">
+                        <div class="glass-card rounded-xl p-6 h-full">
+                            <div class="flex items-center mb-4">
+                                <div class="mr-4">
+                                    <div class="w-12 h-12 rounded-full bg-blue-500 flex items-center justify-center text-black font-bold">
+                                        S
+                                    </div>
+                                </div>
+                                <div>
+                                    <h3 class="title-font font-bold text-lg">@SlotSoldier</h3>
+                                    <div class="text-xs opacity-80">Mega Wild Reels</div>
+                                </div>
+                            </div>
+                            <p class="italic mb-4">"I didn't expect to win this much from free spins. Wild."</p>
+                            <div class="star-rating mb-4">★★★★☆</div>
+                            <div class="text-xs opacity-80">Redeemed $120 in Cash</div>
+                        </div>
+                    </div>
+                </div>
+                <div class="swiper-pagination !-bottom-6"></div>
+            </div>
+        </div>
+    </section>
+    
+    <!-- FAQ -->
+    <section class="py-16">
+        <div class="max-w-4xl mx-auto px-4">
+            <h2 class="title-font text-3xl font-bold text-center mb-12 neon-blue-shadow">FREQUENTLY ASKED QUESTIONS</h2>
+            
+            <div class="space-y-4">
+                <div class="faq-item rounded-xl p-5 cursor-pointer">
+                    <div class="title-font font-bold flex justify-between items-center">
+                        Is Nioplay legal?
+                        <span>+</span>
+                    </div>
+                </div>
+                
+                <div class="faq-item rounded-xl p-5 cursor-pointer">
+                    <div class="title-font font-bold flex justify-between items-center">
+                        Can I win real money?
+                        <span>+</span>
+                    </div>
+                </div>
+                
+                <div class="faq-item rounded-xl p-5 cursor-pointer">
+                    <div class="title-font font-bold flex justify-between items-center">
+                        How fast are redeems?
+                        <span>+</span>
+                    </div>
+                </div>
+                
+                <div class="faq-item rounded-xl p-5 cursor-pointer">
+                    <div class="title-font font-bold flex justify-between items-center">
+                        Do I need to purchase?
+                        <span>+</span>
+                    </div>
+                </div>
+                
+                <div class="faq-item rounded-xl p-5 cursor-pointer">
+                    <div class="title-font font-bold flex justify-between items-center">
+                        What games are included?
+                        <span>+</span>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    
+    <!-- Final CTA -->
+    <section class="py-20">
+        <div class="max-w-3xl mx-auto px-4 text-center">
+            <h2 class="title-font text-3xl md:text-4xl lg:text-5xl font-bold mb-6 neon-title text-primary">
+                JOIN 1,000,000+ PLAYERS WINNING DAILY ON NIOPLAY
+            </h2>
+            
+            <button class="neon-button-orange px-10 py-5 rounded-full text-xl font-bold title-font mx-auto">
+                Start Playing Now
+            </button>
+            
+            <p class="text-xs opacity-70 mt-8 max-w-2xl mx-auto">
+                No purchase necessary. 18+ only. Nioplay is a sweepstakes gaming platform and is fully compliant with all Federal and State laws.
+            </p>
+        </div>
+    </section>
+    
+    <!-- Footer -->
+    <footer class="py-8 border-t border-gray-900">
+        <div class="max-w-7xl mx-auto px-4">
+            <div class="text-center text-xs opacity-70">
+                © 2023 Nioplay. All rights reserved. This is a sweepstakes platform operated legally across eligible U.S. states. Must be 18+ to participate.
+            </div>
+        </div>
+    </footer>
+    
+    <script>
+        // Initialize GSAP and ScrollTrigger
+        gsap.registerPlugin(ScrollTrigger);
+        
+        // Initialize Swiper sliders
+        const gameSwiper = new Swiper('.gameSwiper', {
+            slidesPerView: 1,
+            spaceBetween: 20,
+            breakpoints: {
+                640: {
+                    slidesPerView: 2,
+                },
+                1024: {
+                    slidesPerView: 3,
+                },
+                1280: {
+                    slidesPerView: 4,
+                }
+            },
+            pagination: {
+                el: '.swiper-pagination',
+                clickable: true,
+            },
+        });
+        
+        const testimonialSwiper = new Swiper('.testimonialSwiper', {
+            slidesPerView: 1,
+            spaceBetween: 20,
+            breakpoints: {
+                768: {
+                    slidesPerView: 2,
+                },
+                1024: {
+                    slidesPerView: 3,
+                }
+            },
+            pagination: {
+                el: '.swiper-pagination',
+                clickable: true,
+            },
+        });
+        
+        // Setup meteors in canvas
+        const canvas = document.getElementById('meteorCanvas');
+        const ctx = canvas.getContext('2d');
+        
+        // Set canvas to window size
+        canvas.width = window.innerWidth;
+        canvas.height = window.innerHeight;
+        
+        // Meteor streak class
+        class Streak {
+            constructor() {
+                this.reset();
+                this.width = Math.random() * 3 + 1;
+                this.speed = Math.random() * 5 + 3;
+            }
+            
+            reset() {
+                this.x = Math.random() * canvas.width;
+                this.y = Math.random() * canvas.height - canvas.height;
+                this.length = Math.random() * 50 + 20;
+                this.opacity = Math.random() * 0.15 + 0.7;
+                this.color = [ 
+                    {r: 160, g: 32, b: 240}, // Purple
+                    {r: 0, g: 228, b: 255},   // Blue
+                    {r: 255, g: 106, b: 0},   // Orange
+                    {r: 255, g: 255, b: 0},   // Yellow
+                    {r: 255, g: 255, b: 255}  // White
+                ][Math.floor(Math.random() * 5)];
+            }
+            
+            update() {
+                this.y += this.speed;
+                this.x += -this.speed * 0.8; // Diagonal movement
+                
+                if (this.y > canvas.height) {
+                    this.reset();
+                }
+            }
+            
+            draw() {
+                ctx.beginPath();
+                ctx.moveTo(this.x, this.y);
+                ctx.lineTo(this.x - this.length * 0.8, this.y + this.length);
+                
+                // Create gradient for the streak
+                const gradient = ctx.createLinearGradient(this.x, this.y, this.x - this.length * 0.8, this.y + this.length);
+                gradient.addColorStop(0, `rgba(${this.color.r}, ${this.color.g}, ${this.color.b}, ${this.opacity}`);
+                gradient.addColorStop(1, `rgba(${this.color.r}, ${this.color.g}, ${this.color.b}, 0)`);
+                
+                ctx.strokeStyle = gradient;
+                ctx.lineWidth = this.width;
+                ctx.stroke();
+            }
+        }
+        
+        // Create meteor streaks
+        const streaks = [];
+        for (let i = 0; i < 25; i++) {
+            streaks.push(new Streak());
+        }
+        
+        // Animation loop
+        function animate() {
+            // Clear canvas with low alpha for fade effect
+            ctx.fillStyle = 'rgba(0, 0, 0, 0.1)';
+            ctx.fillRect(0, 0, canvas.width, canvas.height);
+            
+            // Update and draw all streaks
+            streaks.forEach(streak => {
+                streak.update();
+                streak.draw();
+            });
+            
+            requestAnimationFrame(animate);
+        }
+        
+        // Start animation
+        animate();
+        
+        // Resize handler
+        window.addEventListener('resize', () => {
+            canvas.width = window.innerWidth;
+            canvas.height = window.innerHeight;
+        });
+        
+        // Hover effect for meteors
+        document.addEventListener('mousemove', () => {
+            // Create a burst of streaks on cursor move
+            for (let i = 0; i < 5; i++) {
+                streaks.push(new Streak());
+            }
+            
+            // Limit the number of streaks to 60
+            if (streaks.length > 60) {
+                streaks.splice(0, streaks.length - 60);
+            }
+        });
+        
+        // Jackpot counter animation
+        let jackpotValue = 809000;
+        setInterval(() => {
+            jackpotValue += Math.floor(Math.random() * 1000) + 500;
+            const jackpotElement = document.getElementById('jackpotValue');
+            jackpotElement.textContent = `$${jackpotValue.toLocaleString()} WON IN JACKPOTS`;
+            jackpotElement.classList.add('jackpot-increment');
+            
+            setTimeout(() => {
+                jackpotElement.classList.remove('jackpot-increment');
+            }, 500);
+        }, 3000);
+        
+        // Navbar scroll effect
+        window.addEventListener('scroll', () => {
+            const navbar = document.getElementById('navbar');
+            if (window.scrollY > 100) {
+                navbar.style.opacity = "0.95";
+            } else {
+                navbar.style.opacity = "0.85";
+            }
+        });
+        
+        // FAQ accordion functionality
+        document.querySelectorAll('.faq-item').forEach(item => {
+            const question = item.querySelector('div');
+            question.addEventListener('click', () => {
+                item.classList.toggle('active');
+                
+                if (item.classList.contains('active')) {
+                    const answer = document.createElement('p');
+                    answer.classList.add('mt-4', 'text-sm', 'opacity-90');
+                    
+                    switch (question.textContent.trim()) {
+                        case 'Is Nioplay legal?':
+                            answer.textContent = "Yes. Nioplay is U.S.-compliant under sweepstakes law and operates legally across eligible states.";
+                            break;
+                        case 'Can I win real money?':
+                            answer.textContent = "Yes. You redeem crypto, gift cards, and other rewards — no cash purchases required.";
+                            break;
+                        case 'How fast are redeems?':
+                            answer.textContent = "Within 24 hours for verified accounts.";
+                            break;
+                        case 'Do I need to purchase?':
+                            answer.textContent = "No. You receive daily login coins and can always play for free.";
+                            break;
+                        case 'What games are included?':
+                            answer.textContent = "Over 1,000+ titles including slots, blackjack, fish shooters, instant wins, and live tables.";
+                            break;
+                    }
+                    
+                    item.appendChild(answer);
+                } else {
+                    item.removeChild(item.lastChild);
+                }
+            });
+        });
+    </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=ProjectGenesis/nioplay-landing-jackpot-pulse" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>