prompts.txt

Design a Player Profile Page UI for an online sweepstakes casino using a glassmorphism layout and a warm black gradient. 🎨 Theme: Background: background: radial-gradient(ellipse farthest-corner at top left, #0a0a0a 0%, #1a0d00 30%, #2e1300 60%, #000000 100%); Two soft glowing orbs blended into the background (optional) Glassmorphic cards: black transparent base, orange/yellow glow borders, blurred backgrounds Typography: bold glowing headers, light sublabels in white or light gray 1. Hero Section – Player Identity Large full-width glass card Left: Circular avatar, player name (Kevin), tier badge overlay (NioPrime) Right: Welcome message "Welcome Back, Kevin" (animated glow text) Subtext: "Here's a quick look at your journey so far" Current tier: NioPrime glowing in orange Small progress bar: 1,250 / 2,500 Points (animated fill) 2. Stats Summary Cards (3 Side-by-Side) Three horizontal glass cards: Card 1: Lifetime Stats Total Spins Played Total Purchases Total Hours Played Card 2: This Month Spins This Month Bonuses Claimed Points Earned Card 3: VIP Snapshot Current Tier Points to Next Tier Cashback % Level All numbers should have animated counter-up effects on page load. 3. Active Perks Section Title: "Your Active Perks" Two-column grid of small glowing cards: 5% Cashback – glowing orange Daily Bonus – neon yellow flicker Exclusive Games – dimmed if inactive Early Access – grayed if locked Each card should include an icon + perk title + status label (active/inactive) 4. Recent Activity Timeline Title: "Recent Activity" Vertical timeline of actions (or table-style): Aug 16 – Purchased 5,000 SC – $50 Aug 14 – Claimed 50 Free Spins Aug 12 – Completed Daily Mission Add tab filters: Purchase / Bonuses / Games 5. Account Options 4 button-style cards in a horizontal row or grid: Edit Profile Transaction History Security Settings Manage Payment Methods Use neon-outlined buttons with hover glow 🪄 Animation Instructions: Header text glow + flicker Progress bars fill smoothly Stats numbers count up Perk cards pulse if active Soft orb movement in background
Design a full Player Profile Page UI for a sweepstakes casino platform using a glassmorphism layout with a subtle warm-glow background. This page should reflect a premium, cinematic experience for the user while remaining clean, modular, and mobile-responsive. 🎨 Background Theme: Apply this gradient across the entire page background:  background: linear-gradient(   to bottom,   #000000 0%,   #1a0d00 15%,   #2e1300 32%,   #2e1300 68%,   #1a0d00 85%,   #000000 100% ); 	•	Top and bottom edges are pure black 	•	The center 65% has a warm, rich orange-brown glow 	•	This background creates a subtle “spotlight” effect to center the layout, with no hard radial orb   1. Hero Section – Player Identity Large full-width glass card Left: Circular avatar, player name (Kevin), tier badge overlay (NioPrime) Right: Welcome message "Welcome Back, Kevin" (animated glow text) Subtext: "Here's a quick look at your journey so far" Current tier: NioPrime glowing in orange Small progress bar: 1,250 / 2,500 Points (animated fill) 2. Stats Summary Cards (3 Side-by-Side) Three horizontal glass cards: Card 1: Lifetime Stats Total Spins Played Total Purchases Total Hours Played Card 2: This Month Spins This Month Bonuses Claimed Points Earned Card 3: VIP Snapshot Current Tier Points to Next Tier Cashback % Level All numbers should have animated counter-up effects on page load. 3. Active Perks Section Title: "Your Active Perks" Two-column grid of small glowing cards: 5% Cashback – glowing orange Daily Bonus – neon yellow flicker Exclusive Games – dimmed if inactive Early Access – grayed if locked Each card should include an icon + perk title + status label (active/inactive) 4. Recent Activity Timeline Title: "Recent Activity" Vertical timeline of actions (or table-style): Aug 16 – Purchased 5,000 SC – $50 Aug 14 – Claimed 50 Free Spins Aug 12 – Completed Daily Mission Add tab filters: Purchase / Bonuses / Games 5. Account Options 4 button-style cards in a horizontal row or grid: Edit Profile Transaction History Security Settings Manage Payment Methods Use neon-outlined buttons with hover glow 🪄 Animation Instructions: Header text glow + flicker Progress bars fill smoothly Stats numbers count up Perk cards pulse if active Soft orb movement in background
Design a full Player Profile Page UI for a sweepstakes casino platform using a glassmorphism layout with a subtle warm-glow background. This page should reflect a premium, cinematic experience for the user while remaining clean, modular, and mobile-responsive. 🎨 Background Theme: Apply this gradient across the entire page background:  background: linear-gradient(   to bottom,   #000000 0%,   #1a0d00 15%,   #2e1300 32%,   #2e1300 68%,   #1a0d00 85%,   #000000 100% ); 	•	Top and bottom edges are pure black 	•	The center 65% has a warm, rich orange-brown glow 	•	This background creates a subtle “spotlight” effect to center the layout, with no hard radial orb   1. Hero Section – Player Identity Large full-width glass card Left: Circular avatar, player name (Kevin), tier badge overlay (NioPrime) Right: Welcome message "Welcome Back, Kevin" (animated glow text) Subtext: "Here's a quick look at your journey so far" Current tier: NioPrime glowing in orange Small progress bar: 1,250 / 2,500 Points (animated fill) 2. Stats Summary Cards (3 Side-by-Side) Three horizontal glass cards: Card 1: Lifetime Stats Total Spins Played Total Purchases Total Hours Played Card 2: This Month Spins This Month Bonuses Claimed Points Earned Card 3: VIP Snapshot Current Tier Points to Next Tier Cashback % Level All numbers should have animated counter-up effects on page load. 3. Active Perks Section Title: "Your Active Perks" Two-column grid of small glowing cards: 5% Cashback – glowing orange Daily Bonus – neon yellow flicker Exclusive Games – dimmed if inactive Early Access – grayed if locked Each card should include an icon + perk title + status label (active/inactive) 4. Recent Activity Timeline Title: "Recent Activity" Vertical timeline of actions (or table-style): Aug 16 – Purchased 5,000 SC – $50 Aug 14 – Claimed 50 Free Spins Aug 12 – Completed Daily Mission Add tab filters: Purchase / Bonuses / Games 5. Account Options 4 button-style cards in a horizontal row or grid: Edit Profile Transaction History Security Settings Manage Payment Methods Use neon-outlined buttons with hover glow 🪄 Animation Instructions: Header text glow + flicker Progress bars fill smoothly Stats numbers count up Perk cards pulse if active Soft orb movement in background
Design a full Player Profile Page UI for a sweepstakes casino platform using a glassmorphism layout with a subtle warm-glow background. This page should reflect a premium, cinematic experience for the user while remaining clean, modular, and mobile-responsive. 🎨 Background Theme: Apply this gradient across the entire page background:  background: linear-gradient(   to bottom,   #000000 0%,   #1a0d00 15%,   #2e1300 32%,   #2e1300 68%,   #1a0d00 85%,   #000000 100% ); 	•	Top and bottom edges are pure black 	•	The center 65% has a warm, rich orange-brown glow 	•	This background creates a subtle “spotlight” effect to center the layout, with no hard radial orb   1. Hero Section – Player Identity Large full-width glass card Left: Circular avatar, player name (Kevin), tier badge overlay (NioPrime) Right: Welcome message "Welcome Back, Kevin" (animated glow text) Subtext: "Here's a quick look at your journey so far" Current tier: NioPrime glowing in orange Small progress bar: 1,250 / 2,500 Points (animated fill) 2. Stats Summary Cards (3 Side-by-Side) Three horizontal glass cards: Card 1: Lifetime Stats Total Spins Played Total Purchases Total Hours Played Card 2: This Month Spins This Month Bonuses Claimed Points Earned Card 3: VIP Snapshot Current Tier Points to Next Tier Cashback % Level All numbers should have animated counter-up effects on page load. 3. Active Perks Section Title: "Your Active Perks" Two-column grid of small glowing cards: 5% Cashback – glowing orange Daily Bonus – neon yellow flicker Exclusive Games – dimmed if inactive Early Access – grayed if locked Each card should include an icon + perk title + status label (active/inactive) 4. Recent Activity Timeline Title: "Recent Activity" Vertical timeline of actions (or table-style): Aug 16 – Purchased 5,000 SC – $50 Aug 14 – Claimed 50 Free Spins Aug 12 – Completed Daily Mission Add tab filters: Purchase / Bonuses / Games 5. Account Options 4 button-style cards in a horizontal row or grid: Edit Profile Transaction History Security Settings Manage Payment Methods Use neon-outlined buttons with hover glow 🪄 Animation Instructions: Header text glow + flicker Progress bars fill smoothly Stats numbers count up Perk cards pulse if active Soft orb movement in background
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
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
Change the "Stat Summary Panels" to a more modern style
Move the "Account Settings" section to under the Hero Banner
Change the "Modern Stat Summary Panel" style to a different design with horizontal bars
Change the "Account Settings Panel" section to a modern and minimalist style.
Change the "Account Settings Panel - Minimalist Style" display orientation to horizontal
Change the "Account Settings Panel - Minimalist Style" Section  to a more modern style. Maintain Minimalist approach.
Reduce glass card container size for "Account Settings" section.
Combine the "Active Perks" icons into the "Hero Section"
Add 4 more Locked perks icons to the "Your Active Perks" section
Change the "Modern Stat Summary Panel with Horizontal Bars" to a more modern & minimalist design.
Change class="font-bold"><span class="count-up" data-target="342">0</span> hrs</span> 

To money value $3,650