Add FuneralFinder V4, HomePage V3/V4, restyle Footer to light grey
- FuneralFinder V4: 3 numbered steps (48px circles), ungated location, no heading, inline copper errors, "Search" CTA. Archived. - FuneralFinderV3: heading weight 600, "Find your local providers", "Search Local Providers" CTA, optional subheading - HomePage V1/V2: split into separate archived stories - HomePage V3: hero-3.png, updated copy, venue photos, map placeholder, scrolling partner logo bar, warm gradient CTA, increased spacing - HomePage V4: same as V3 with FuneralFinderV4 via new finderSlot prop - Footer: surface.subtle bg (matches header), dark-on-light text - All versions archived in Storybook Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -26,6 +26,65 @@ Each entry follows this structure:
|
||||
|
||||
## Sessions
|
||||
|
||||
### Session 2026-04-01 — FuneralFinder V4, HomePage V3/V4, Footer restyle
|
||||
|
||||
**Agent(s):** Claude Opus 4.6 (1M context)
|
||||
|
||||
**Work completed:**
|
||||
- **FuneralFinder V4 (new organism):** Based on V2 with major changes:
|
||||
- 3 numbered steps only (lookingTo, planningFor, funeralType) — location is ungated, no step number
|
||||
- No heading/subheading — compact widget for embedding in heroes
|
||||
- Refined step indicators: 48px circles matching input height, outline-to-fill + tick animation, no connector lines
|
||||
- Labels above, circle + input on same row centred
|
||||
- Location field full-width, disabled until step 3 complete
|
||||
- "Search" CTA, inline copper error messages per field (D034)
|
||||
- Archived in Storybook under Archive/FuneralFinder V4
|
||||
- **FuneralFinder V3 updates:**
|
||||
- Removed default subheading (now optional)
|
||||
- Heading font weight bumped from 400 → 600 (semibold) for more presence
|
||||
- Heading copy: "Find your local providers"
|
||||
- CTA: "Search Local Providers"
|
||||
- **HomePage V1 archived:** Original split-hero layout moved to Archive/HomePage V1
|
||||
- **HomePage V2 archived:** Full-bleed hero version broken out as Archive/HomePage V2
|
||||
- **HomePage V3 (new, archived):** Based on V2 with:
|
||||
- hero-3.png background image
|
||||
- Updated hero copy + bullet-point subheading ("Transparent pricing · No hidden fees · Arrange 24/7")
|
||||
- Real venue photos in discover section provider cards
|
||||
- Map placeholder image from brandassets
|
||||
- Scrolling partner logo bar (9 transparent logos, greyscale, edge-to-edge, continuous loop)
|
||||
- CTA section: warm gradient bg, text button, no dividers, wider container
|
||||
- Increased section spacing throughout (~25% more breathing room)
|
||||
- Hero top padding increased 40%
|
||||
- **HomePage V4 (new, archived):** Same as V3 but uses FuneralFinder V4 via `finderSlot` prop. Wider container (620px) for stepped form.
|
||||
- **HomePage component updates:**
|
||||
- Added `finderSlot` prop — allows swapping the finder widget without changing the component
|
||||
- Increased spacing: hero heading/subtext gap, finder-to-discover gap, all section padding
|
||||
- Map container: absolute positioning for dynamic height matching card stack
|
||||
- CTA section: gradient bg (brand.100 → surface.warm), text button, no dividers
|
||||
- Partner logos: lighter treatment (40% opacity, brightness lift), 48→55px height, 96px gap, no hover interaction
|
||||
- **Footer restyle:** Changed from dark espresso (brand.950) to light grey (surface.subtle) matching the header. All text colours flipped to dark-on-light. Logo no longer needs inverse filter.
|
||||
|
||||
**Decisions made:**
|
||||
- FuneralFinder V4 step indicators use 48px circles (same height as inputs) for visual alignment
|
||||
- Location field in V4 is gated behind step 3 completion but not numbered
|
||||
- Inline error messages replace single bottom error — each field shows its own copper-coloured message
|
||||
- Footer matches header bg colour (surface.subtle) for visual consistency
|
||||
- Partner logos: only transparent PNGs/WebPs used, opaque logos excluded
|
||||
- `finderSlot` prop added to HomePage for widget flexibility without component duplication
|
||||
|
||||
**Open questions:**
|
||||
- HomePage V4 finder width may need further adjustment — looked narrow in Storybook preview panel (620px container, may need 680-720px)
|
||||
- Which HomePage version (V3 with FuneralFinderV3 or V4 with FuneralFinderV4) will be the production version?
|
||||
- FuneralFinder V4 step indicator design — user liked the direction but may want further iteration
|
||||
|
||||
**Next steps:**
|
||||
- Resolve HomePage V4 finder width — test at wider viewport or increase container
|
||||
- Decide on production HomePage + FuneralFinder version
|
||||
- Build next components/pages as needed
|
||||
- Phase 4 remaining: /typeset sample, /preflight full codebase
|
||||
|
||||
---
|
||||
|
||||
### Session 2026-03-31d — Filters, control bars, UnverifiedProviderStep, HomePage V2
|
||||
|
||||
**Agent(s):** Claude Opus 4.6 (1M context)
|
||||
|
||||
Reference in New Issue
Block a user