Update session log and component registry for 2026-03-30c

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-03-30 18:06:57 +11:00
parent d51752d600
commit 2d9d0624c7
2 changed files with 41 additions and 0 deletions

View File

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