Scrollgesteuertes Storytelling, generiert als echter Code

Baue eine Geschichte über die Restaurierung eines historischen Kinos. Ordne Archivmaterial, Fotos und Meilensteine in Kapitel mit bewussten Übergängen und zugänglichem Inhaltsverzeichnis.

Nimm diese Funktionen auf:
- Gepinnte Sektionen, die stehen bleiben, während die Story per Scroll voranschreitet
- Scrollgescrubbte Sequenzen – Medien und Bewegung direkt an die Scroll-Position gebunden
- Choreografierte Text-Einblendeffekte mit GSAP SplitText, pro Erzählmoment
- Lenis Smooth Scrolling mit ScrollTrigger in einer einzigen Animationsschleife synchronisiert – kein Ruckeln
- Live-Vorschau während der Generierung, One-Click-Deploy und voller Quellcode-Export

Baue das vollständige funktionsfähige Projekt mit Routen, Datenmodell und Interaktionen. Implementiere für gespeicherte oder private Daten Persistenz, Anmeldung und serverseitige Rechte. API-Zugangsdaten bleiben auf dem Server. Dokumentiere externe Dienste und nutze Testbetrieb, bis echte Konten verbunden sind. Stelle eine simulierte Integration nicht als fertige Live-Verbindung dar.

Gestalte die Oberfläche responsiv, mit zugänglichen Beschriftungen, Tastaturbedienung und sichtbarem Fokus. Berücksichtige Laden, leere Ansichten, Validierung und Fehler. Kennzeichne Beispieldaten; erfinde keine Kundenstimmen oder Ergebnisse. Wähle eine passende Gestaltung und konsistente Typografie, Abstände und Bedienelemente. Erkläre Ausführung, Tests, Export und Veröffentlichung des Codes.

Prüfe diesen vollständigen Ablauf:
Öffne ein Kapitel direkt und nutze Tastatur sowie reduzierte Bewegung. Lesereihenfolge und Links funktionieren ohne Scrolleffekte.