スクロール駆動のストーリーテリングを、本物のコードとして生成

歴史ある映画館の復元を語るサイトを作成してください。資料、現在の写真、節目を章に分け、意図ある場面転換と使いやすい目次を用意します。

次の機能を含めてください：
- ストーリーがスクロールで進む間、その場に留まるピン留めセクション
- スクロールスクラブのシーケンス——メディアとモーションがスクロール位置に直結
- GSAP SplitTextによる、物語の各場面に合わせて演出されたテキスト表示アニメーション
- LenisのスムーススクロールをScrollTriggerと単一のアニメーションループで接続——カクつきなし
- 生成中のライブプレビュー、ワンクリックデプロイ、ソースコードの完全エクスポート

画面の経路、データモデル、操作を備えた動作するプロジェクト全体を作成してください。保存・非公開データには永続化、認証、サーバー側の権限を実装し、API認証情報はサーバーで管理してください。外部サービスの設定を文書化し、実アカウント接続まではテストモードを使います。模擬連携を実接続完了と表示しないでください。

画面サイズに対応し、分かりやすいラベル、キーボード操作、見えるフォーカスを備えてください。読み込み中、空、入力検証、エラーの状態を用意します。サンプルデータを明示し、顧客の評価や成果を捏造しないでください。プロジェクトに適したデザインを選び、文字、余白、操作部品を統一します。実行、テスト、コードの書き出し、公開方法を説明してください。

次の一連の操作を検証してください：
章を直接開き、キーボードと動き軽減で操作してください。スクロール演出なしでも順序とリンクが機能することを確認します。