← All 34 tasks · Homepage · Hero banner
HOME-4Chat ASophieDeploy laneP1done

New banner creative (same copy)

Element: Hero.jsx hero banner
Source: Sophie Nagano · Jun 11, 4:08 PMTarget build: v240 (shipped)Depends on: none

● Current state — verified on live v230

LIVE /v230/ hero = 'YOUR NEXT Sesh STARTS HERE' over the current creative.

◎ Target outcome

Swap the hero creative to Sophie's new banner (banner-bg + banner-text), copy unchanged.

✓ Output — closed & verified

CLOSED & VERIFIED. v240 (Sophie). The homepage hero is now the new full-bleed banner — sunset-shoreline photo (banner-bg.png) with a left scrim, the ROOTED IN COMMUNITY / ELEVATED CANNABIS / & CONNECTIONS headline (orange accents), the YOUR NEXT Sesh STARTS HERE lockup (banner-text.png), and SHOP NOW + FIND A STORE CTAs. Replaces the cream split + 3D wheel (the wheel now lives in the header). Chrome-verified at desktop + mobile on /v240/.

Assets, colours & references

Production assets
banner-bg.png
banner bg
banner-text.png
banner text
Sophie's feedback (click to open full)

Reference: Sophie's feedback doc — page 2.

Technical steps to achieve it

  1. Drop banner-bg.png as the hero background, banner-text.png as the foreground lockup.
  2. Keep existing headline copy + CTAs; preserve responsive crop.
  3. Optimize banner-bg (1.5MB) → webp for LCP.

Files to change

src/components/Hero.jsxpublic/figma/ (banner assets)

Testing

  1. Canary: hero renders new creative at 375/768/1440; LCP < 2.5s.

Milestones

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

Verify live

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

← HOME-3indexHOME-5 →