diff --git a/docs/memory/component-registry.md b/docs/memory/component-registry.md index db30a69..d28f0e3 100644 --- a/docs/memory/component-registry.md +++ b/docs/memory/component-registry.md @@ -89,6 +89,7 @@ duplicates) and MUST update it after completing one. | SummaryStep | done | WizardLayout (centered-form) + Accordion + Paper + IconButton + Divider + Button | Wizard step 13 — plan review. Accordion sections with edit buttons. dl/dt/dd definition lists. Total bar. Share button. | | 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. | +| HomePage | done | FuneralFinderV3 + Card + Button + Typography + Accordion + Navigation (prop) + Footer (prop) | Marketing landing page. 7 sections: hero (display3 serif), FuneralFinder widget (overlapping card), partner logos carousel (CSS-only infinite scroll), 4 feature cards (outlined, compact, circular icon bg), reviews/testimonials (dark bg, Google aggregate), CTA banner (displaySm serif), FAQ accordion. Serif reserved for hero + CTA. Critique: 32/40, Audit: 16/20. First pass — will iterate. | ## Future enhancements diff --git a/docs/memory/session-log.md b/docs/memory/session-log.md index 58728ab..7a6d55a 100644 --- a/docs/memory/session-log.md +++ b/docs/memory/session-log.md @@ -26,6 +26,46 @@ Each entry follows this structure: ## Sessions +### Session 2026-03-30c — HomePage build + Chromatic + Story to Design setup + +**Agent(s):** Claude Opus 4.6 (1M context) + +**Work completed:** +- **Story to Design agent:** Helped user install and run the story.to.design agent on Arch Linux (extracted from .deb, installed webkit2gtk dependency). Agent connects Storybook to Figma plugin. +- **Chromatic setup:** Installed chromatic, published Storybook to Chromatic CDN. Set visibility to public for shareable links. Updated `package.json` chromatic script with `--build-script-name=build:storybook`. +- **HomePage component built:** Full marketing landing page at `src/components/pages/HomePage/` + - 7 sections: Hero, FuneralFinder widget (overlapping card), Partner Logos carousel, Features (4-card grid), Reviews/Testimonials, CTA Banner, FAQ accordion + - Composes FuneralFinderV3 organism, Navigation + Footer via props + - CSS-only infinite scroll logo carousel with prefers-reduced-motion + - Feature cards with warm circular icon backgrounds + - Full a11y: section landmarks, aria-labelledby, heading hierarchy + - Grief-sensitive copy (quieter pass applied) +- **Quality gates run:** /critique (32/40), /audit (16/20), /quieter (all pass) +- **Design iteration:** Multiple rounds of visual refinement using Playwright screenshots + - Reduced oversized typography (display1 → display3 for hero, display2 → h2 for sections) + - Reserved serif fonts for hero + CTA only, sans-serif for all other section headings + - Tightened spacing, reduced section padding + - Feature cards: compact padding, warm circular icon backgrounds + - Fixed unicode rendering bugs in copy + +**Decisions made:** +- Serif display fonts reserved for hero heading and CTA banner only — all other section headings use Montserrat (h2/h3) +- Feature card icons wrapped in warm circular backgrounds (brand.50 bg, 56px diameter) +- HomePage is a page component (not a template) — does not use WizardLayout +- Chromatic published URL is the shareable Storybook link for stakeholders + +**Open questions:** +- Homepage is first-pass only — user will return to iterate later +- Partner logo placeholder images need real assets +- Hero image slot needs real photography +- CTA banner click destination needs clarification (scroll to widget vs wizard entry) + +**Next steps:** +- Resume arrangement wizard page feedback from VenueStep (Step 7) onwards — Steps 1-6 done in previous session +- Remaining pages: VenueStep, CrematoriumStep, CemeteryStep, CoffinsStep, CoffinDetailsStep, AdditionalServicesStep, SummaryStep, PaymentStep, ConfirmationStep + +--- + ### Session 2026-03-30b — Page feedback iteration (Steps 1-6) + DialogShell **Agent(s):** Claude Opus 4.6 (1M context)