← All 34 tasks · Rewards · Header banner
REW-1Chat BSophieDeploy laneP1done

Rewards header — enlarge, 4 tier cards, 'YOUR TIER'

Element: RewardsPage header (StaticPages.jsx)
Source: Sophie Nagano · Jun 11, 4:08 PMTarget build: v235 (shipped)Depends on: none

● Current state — verified on live v230

LIVE /v230/rewards H1 = 'A more rewarding way to shop.' Header present; tier card art is the old set.

◎ Target outcome

Enlarge 'SESSIONS REWARDS'; subheader 'Unlock exclusive perks when you join Sessions Rewards'; keep Sign-up / How-it-works buttons; 3 checkmarks; 4 card images (Premium gold / Exclusive silver / Insider bronze / Rising blue) with Rewards logo top-left; remove 'member since'; SESH TIER → YOUR TIER.

✓ Output — closed & verified

CLOSED & VERIFIED. v235 (Chat B). Hero enlarged + subheader + 3 checkmarks; the tier-card stack now fans the 4 designed tier-*.png (which carry YOUR TIER and no 'member since'). 8/8 tier images render. Chrome-verified /v235/rewards.

Assets, colours & references

Production assets
tier-premium.png
tier premium
tier-exclusive.png
tier exclusive
tier-insider.png
tier insider
tier-rising.png
tier rising
Sophie's feedback (click to open full)

Reference: Sophie's feedback doc — page 8.

Technical steps to achieve it

  1. Enlarge the SESSIONS REWARDS lockup; set subheader.
  2. Render 4 tier cards from tier-*.png; label 'YOUR TIER'; remove 'member since'.
  3. Keep the two existing buttons.

Files to change

src/pages/StaticPages.jsx (RewardsPage)public assets (tier-*.png)

Testing

  1. Canary: 4 tier cards w/ correct colors; 'YOUR TIER'; no 'member since'.

Milestones

Spec'd from feedback
Source located
Code change
Local test (vitest + vite preview)
Canary verify + ship v235 (shipped)

Verify live

Progress URL updates here when this task ships to its target /vN/. Current column always points at the live baseline.

← PROG-7indexREW-2 →