Generate a online casino Tournament Page UI using a modern, dark-themed neon yellow/orange and black color palette, with a glassmorphism design system. Use glowing highlights, translucent cards, rounded components, and bold clean typography throughout. 🔲 Page Layout Structure (Top to Bottom): 1. 🔥 Current Tournament Banner Full-width glass panel at the top Includes tournament title, prize pool (e.g. “$5,000”), countdown timer, and a primary CTA button: "Join Tournament" or "Continue Playing" depending on user status Display tournament type (e.g. Free / 100 Coins / Invite Only) 2. 📊 User Stats Panel Show the user’s current tournament progress: Rank, points earned, games played, estimated prize Optional tracker showing progress toward next reward tier Layout as 3 or 4 horizontally stacked info cards with glowing icons 3. 🏅 Leaderboard Module List of top 10 players in the current tournament Columns: Rank | Username | Score | Prize Top 3 rows: gold/silver/bronze styling Current user’s rank always displayed (even if not in top 10), with a highlight or border 4. 🎮 Tournament Carousel Section Horizontal scrollable section of active and upcoming tournaments Tabs or filters: Live, Upcoming, Completed Each card shows: Tournament name Prize pool Entry fee (Free / Coins) Timer or “LIVE” badge Join or Watch button 5. 📄 Tournament Details Modal (on click) Triggered by clicking a tournament card Show detailed info: Description, start/end time, payout structure, eligible games Scoring rules (e.g. “1 point = $1 wagered”), entry fee “Join Tournament” CTA and Terms link 6. 🏆 Hall of Fame Section Showcase of past winners from completed tournaments Winner’s avatar, username, prize won, date Add trophy icons or VIP badges to top winners 7. 🤝 Invite Friends & Earn Rewards Section Card block or sticky button labeled: "🎁 Invite Friends – Earn 100 Coins Each" Opens a modal with: Referral link copy button Share options: WhatsApp, Facebook, Email Tracker: “You’ve invited 3 / 5 friends” 🧬 Design System Requirements: Color Theme: Background: Black or dark charcoal (#0C0C0C) Accent glow: Neon Yellow/Gold (#FFD700), Orange (#FFA500) Glassmorphism Components: Blurred backgrounds, semi-transparent dark panels, glowing borders Typography: Rounded bold sans-serif (e.g., Poppins) Font color: white or gold with high contrast Buttons: Rounded-pill shape Gradient fill (yellow/orange or purple/pink), glowing hover animation Card Spacing: Consistent vertical spacing, padding between sections Rounded corners on all cards (20px+) Do not generate unrelated UI sections (e.g. login, game thumbnails, or unrelated banners). Maintain this structure as a consistent, scrollable, vertical layout. - Follow Up Deployment
3aab449
verified