3D、スクロールナラティブ、シネマ——1つのプロンプトで1つのサイト

沿岸生息地の体験型展示を作成してください。シーン探索、種の物語、同じ内容を読むテキスト経路と、音・動きの調整を用意します。

次の機能を含めてください：
- リアルタイム3Dシーン——照明とシェーダーを備えたThree.js / React Three Fiber
- スクロール駆動のナラティブ構造：ピン留めビート、リビール、カメラモーション
- ProではAI生成映像によるシネマティックなスクロールスクラブビデオシーケンス
- ジャンル別のキュレーション演出——ラグジュアリー、スポーツレガシー、フレグランス、自動車、不動産
- 一貫した1つのコードベース：ライブプレビュー、ワンクリックデプロイ、完全なソースエクスポート

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

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

次の一連の操作を検証してください：
両経路から各物語へアクセスしてください。タッチ、キーボード、初期状態の消音、描画困難な端末への代替表示を確認します。