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:
2026-04-01 14:02:52 +11:00
parent aaa4f80a05
commit eb6cf6a185
12 changed files with 1521 additions and 138 deletions

View File

@@ -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)