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
7ebc16d
verified