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>

docs/memory/component-registry.md

@@ -61,9 +61,10 @@ duplicates) and MUST update it after completing one.
 | FuneralFinder (V3) | done | Typography + Button + Divider + Select + MenuItem + OutlinedInput + custom StatusCard/SectionLabel | **Production version.** Hero search widget — clean form with status cards. Standard card container (surface.raised, card shadow). "How Can We Help" section: two side-by-side StatusCards (Immediate Need default-selected / Pre-planning) — white bg, neutral border, brand border + warm bg when selected, stack on mobile. "Funeral Type" Select + "Location" OutlinedInput with pin icon — standard outlined fields, no focus ring (per design). Overline section labels (text.secondary). CTA "Find Funeral Directors →" always active — validates on click, scrolls to first missing field. Required: status + location. Funeral type defaults to "show all". Dividers after header and before CTA. WAI-ARIA roving tabindex on radiogroup. aria-labelledby via useId(). Critique: 33/40 (Good). Audit: 18/20 (Excellent). |
 | FuneralFinder V1 | archived | Typography + Button + Chip + Input + Divider + Link + custom ChoiceCard/TypeCard/CompletedRow/StepHeading | Archived — viewable in Storybook under Archive/. Stepped conversational flow. Audit: 14/20. Critique: 29/40. |
 | FuneralFinder V2 | archived | Typography + Button + Input + Divider + Select + MenuItem + custom StepCircle | Archived — viewable in Storybook under Archive/. Quick-form with step circles. Audit: 18/20. Critique: 33/40. |
+| FuneralFinder V4 | archived | Typography + Button + Input + Divider + Select + MenuItem + custom StepIndicator/FieldError | Archived. Based on V2 with: 3 numbered steps (48px circles, outline-to-fill + tick), ungated location field, no heading/subheading, "Search" CTA, inline copper error messages. |
 | ArrangementForm | planned | StepIndicator + ServiceSelector + AddOnOption + Button + Typography | Multi-step arrangement wizard. Deferred — build remaining atoms/molecules first. |
 | Navigation | done | AppBar + Link + IconButton + Button + Divider + Drawer | Responsive site header. Desktop: logo left, links right, optional CTA. Mobile: hamburger + drawer with nav items, CTA, help footer. Sticky, grey surface bg (surface.subtle). Real FA logo from brandassets/. Maps to Figma Main Nav (14:108) + Mobile Header (2391:41508). |
-| Footer | done | Link × n + Typography + Divider + Container + Grid | Dark espresso (brand.950) site footer. Logo + tagline + contact (phone/email) + link group columns + legal bar. Semantic HTML (footer, nav, ul). Critique: 38/40 (Excellent). |
+| Footer | done | Link × n + Typography + Divider + Container + Grid | Light grey (surface.subtle) site footer — matches header. Logo + tagline + contact (phone/email) + link group columns + legal bar. Semantic HTML (footer, nav, ul). Critique: 38/40 (Excellent). |
 
 ## Templates
 
@@ -95,7 +96,7 @@ duplicates) and MUST update it after completing one.
 | PaymentStep | done | WizardLayout (centered-form) + ToggleButtonGroup + Paper + Collapse + Checkbox + Divider + Button | Wizard step 14 — payment. Plan (full/deposit) + method (card/bank). PayWay iframe slot. Bank transfer details. Terms checkbox. |
 | ConfirmationStep | done | WizardLayout (centered-form) + Button | Wizard step 15 — confirmation. Terminal page. At-need: "submitted" + callback. Pre-planning: "saved" + return-anytime. Muted success icon. |
 | UnverifiedProviderStep | done | WizardLayout (list-detail) + ProviderCardCompact + ProviderCard + Badge + Button + Divider + Typography | Unverified provider detail. Left: compact card + "Listing" badge + available info (conditional dl) + verified recommendations. Right: warm header band + detail rows + "Make an Enquiry" CTA. Graceful degradation (no data → straight to enquiry). 4 story variants. |
-| HomePage | done | FuneralFinderV3 + ProviderCardCompact + Button + Typography + Accordion + Divider + Navigation (prop) + Footer (prop) | Marketing landing page. V1: split hero + card features. V2: full-bleed hero (parsonshero.png) + FuneralFinder inside hero + "See what you'll discover" map+compact cards + clean icon features (no cards/circles) + editorial alternating testimonials + minimal FAQ accordion. V2 uses `heroImageUrl` prop. |
+| HomePage | done | FuneralFinderV3/V4 (via finderSlot) + ProviderCardCompact + Button + Typography + Accordion + Divider + Navigation (prop) + Footer (prop) | Marketing landing page. 4 archived versions: V1 (split hero), V2 (full-bleed parsonshero.png), V3 (hero-3.png + updated copy + logo bar + venue photos + warm CTA gradient), V4 (same as V3 but with FuneralFinderV4 stepped form via finderSlot). `finderSlot` prop allows swapping finder widget. Light grey footer (surface.subtle). |
 
 ## Future enhancements
 

docs/memory/session-log.md

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