Create a Player Profile Page UI for a sweepstakes casino platform. The page should reflect a high-end, immersive design using a dark-glow theme, custom gradient background, and a selective mix of glassmorphism + floating elements. ๐จ Background Style: Use this exact CSS for the background: background: linear-gradient( to bottom, #000000 0%, #1a0d00 15%, #2e1300 32%, #2e1300 68%, #1a0d00 85%, #000000 100% ); Creates subtle center glow that spans 65% of screen height Top & bottom edges are pure black Use subtle orb glows (orange/gray) in background for ambient depth ๐งฑ Layout Structure: 1. ๐ง Hero Section (Top Profile Block) Centered glassmorphic card Left side: Circular player avatar Username: Kevin VIP badge: NioPrime (glowing ring overlay) Right side: Header: "Welcome back, Kevin" (neon orange flicker) Subtext: "Hereโs your journey so far" Tier tag: NioPrime glowing label Progress bar: 1,250 / 2,500 pts (orange glow, animated fill) 2. ๐ Stat Summary Panel (Unified Card) One horizontal glass card divided into 3 logical columns (not separate cards) Column 1: Lifetime Spins Played Total Purchases Time Played Column 2: This Month Spins This Month Bonuses Claimed Points Earned Column 3: VIP Snapshot Current Tier Cashback % Time Remaining Use animated number count-ups and subtle border glow for each column 3. ๐ฏ Active Perks Section (Non-Card Icons Only) Section title: "Your Active Perks" (centered, glowing gold text) Horizontal row of circular icons, no boxes or grids Each icon glows softly when active Dimmed/locked look when inactive Suggested examples: ๐ช 5% Cashback ๐ Daily Bonus ๐ฎ VIP Games ๐ Early Access Optional: small label below each icon OR label appears on hover 4. ๐ Recent Activity Log Section title: "Recent Activity" Vertical scrollable glass panel (light blur, thin borders) Timeline-style entries: Aug 16 โ Purchased $50 โ 5,000 SC Aug 14 โ Claimed 50 Free Spins Aug 12 โ Completed Daily Mission Add filters as horizontal tabs: All, Purchases, Bonuses, Games 5. ๐ ๏ธ Account Settings Panel Display as 4 glowing button-style cards in grid or row: Edit Profile Transaction History Security Settings Manage Payment Methods Glassmorphic mini cards with orange/yellow outlines Glow intensifies on hover ๐ช Animation & Motion Details: Hero title glow pulse every 5s Progress bar: animated fill Stats: numbers count up on page load Perk icons: pulse if active Activity list: smooth fade-in for new entries - Follow Up Deployment
verified