Spaces:

ProjectGenesis
/

player-profile-ui

Running

App Files Files Community

player-profile-ui

46.5 kB

1 contributor

History: 21 commits

ProjectGenesis's picture

The "Stat Panel" should be display values and not progress bar.

87ecc2e verified 4 months ago

.gitattributes
1.52 kB

initial commit 5 months ago
README.md
218 Bytes

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 - Initial Deployment 5 months ago
index.html
29.5 kB

The "Stat Panel" should be display values and not progress bar. 4 months ago
prompts.txt
14.9 kB

Change class="font-bold"><span class="count-up" data-target="342">0</span> hrs</span> 5 months ago
style.css
388 Bytes

initial commit 5 months ago