-
Use the new attachment as reference for the visual look of the loot boxes
-
Create an immersive Loot Box Rewards Experience Page where players can view, open, and track their boxes.
The page should feel cinematic, with smooth depth, lighting, and glowing particle ambience.
🧱 Layout Structure
Hero Section (Top):
Title: “LOOT BOX REWARDS” (bold, uppercase, glowing gradient from orange → yellow).
Subtitle: “Earn, collect, and unlock mystery prizes with every purchase or milestone.”
Background: animated radial gradient #0a0a0a → #1a0d00 → #2e1300 → #000000 with faint floating sparks and amber particles.
Main Content (Center):
Four loot boxes displayed horizontally in rarity order (Green → Blue → Purple → Gold).
Each box rendered in translucent glass style, glowing with its rarity color:
🟩 Green (Common) – soft emerald glow.
🟦 Blue (Rare) – cool cyan aura.
🟪 Purple (Epic) – magenta light haze.
🟨 Gold (Legendary) – radiant gold with particle shimmer.
Each box shows:
Title + Rarity Label (Common, Rare, Epic, Legendary).
“Open” button (glass button with neon hover glow).
“Expires in 48h” timer below box.
Optional lock icon for Key requirement (Purple/Gold boxes).
⚙️ … -
initial commit
