Scroll-Driven Storytelling, Generated as Real Code

Build a scrolling story about restoring a historic cinema. Organize archival material, current photographs and milestones into chapters, with deliberate transitions and an accessible table of contents.

Include these capabilities:
- Pinned sections that hold while the story advances through scroll
- Scroll-scrubbed sequences — media and motion tied directly to scroll position
- Choreographed text reveals with GSAP SplitText, per narrative beat
- Lenis smooth scrolling glued to ScrollTrigger on a single animation loop — no jank
- Live preview while it generates, one-click deploy and full source export

Build the complete working project with its routes, data model and interactions. For saved or private data, implement persistence, authentication and server-side permissions. Keep API credentials on the server. For external services, document the required setup and use test mode until real accounts are connected. Do not present a simulated integration as a completed live connection.

Make the interface responsive, with accessible labels, keyboard navigation and visible focus. Include loading, empty, validation and error states. Use clearly labelled sample data, never invented customer testimonials or results. Choose a visual direction suited to this project and keep typography, spacing and controls consistent. Explain how to run, test, export and deploy the source.

Verify this end-to-end flow:
Navigate directly to a chapter, use keyboard controls and enable reduced motion. Reading order and chapter links must remain usable without scroll effects.