feat: add scroll-driven product storytelling

This commit is contained in:
2026-08-20 22:15:45 -04:00
parent e466b25837
commit 0a353afeb7
21 changed files with 128 additions and 14 deletions
+5 -2
View File
@@ -70,5 +70,8 @@ Export **in-app content only** from the simulator or device — no simulator chr
The CSS frame dimensions assume tall iPhone screenshots and are controlled in
`src/components/phone-mockup.tsx`. Use `captureMode="simulator"` only for old
captures that already include device chrome. Homepage product images are
composited separately at 810 × 1656 with transparent backgrounds and rendered
through `src/components/product-device.tsx`.
composited at the bezel source size of 1350 × 2760 with transparent
backgrounds and rendered responsively through
`src/components/product-device.tsx`. The homepage uses CSS view timelines for
scroll-scrubbed device and chapter motion, with a static fallback and a
reduced-motion override.