A Website That Plays Like a Film

Build a film-launch website around licensed stills and a trailer. Introduce the story, cast and screening dates with deliberate pacing, readable credits and an obvious route to ticket information.

Include these capabilities:
- Apple-style pinned hero: the video seeks frame-by-frame as the user scrolls
- AI-generated video sequences created in-platform on Pro, or bring your own footage
- Numbered narrative beats — each shifts accent lighting and emotional tone
- Caption choreography over the film: eyebrow, title, sub, CTA per beat
- Performance discipline built in: lazy-loading, 60fps scroll, fast first paint

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:
Play and pause the trailer, open a screening and test reduced motion. Avoid forced audio and keep essential information visible before media loads.