src/storyboards.js

export const storyboards = [
  {
    id: "A",
    title: "会社を、作品にする。",
    form: "EDITORIAL MANIFESTO",
    duration: "24 sec",
    premise: "Web制作会社が自社サイトを作ると、デザインではなく自分たちの価値観が問われる。",
    conflict: "1か月以上決まらない。案はあるのに、何を譲らない会社なのかが言葉になっていない。",
    turn: "3人の発言から『ワクワク』と『憧れられる会社』が共通項として浮かぶ。",
    payoff: "完成サイトを、会社の文化そのものを形にした作品として見せる。",
    frames: [
      { time: "0.0", beat: "HOOK", copy: "Web制作会社が、\n自社サイトを作ったら。", image: "/evidence/reset-v1/concept-a-editorial-manifesto-hook-v2.png", className: "top-copy", visual: "実在チームを紙の裂け目から露出。人物の指差しで事件を作る。", motion: "紙が一気に裂け、0.4秒で人物へ着地", sound: "紙を裂く音＋無音の間" },
      { time: "2.4", beat: "CONFLICT", copy: "1か月、\n決まらない。", image: "/evidence/storyboard-assets/concept-brainstorm.png", className: "dark-copy", visual: "検討メモを巨大化し、決まらない線だけを追う。資料全景は見せない。", motion: "赤線が迷路のように走り、途中で止まる", sound: "マーカー音＋低い1打" },
      { time: "5.8", beat: "VOICES", copy: "“憧れられる会社へ”\n“おもろそう、と思われたい”", image: "/evidence/storyboard-assets/shoot-01.jpg", className: "bottom-copy", visual: "会議の実写を3人の表情へ高速クロップ。引用は1つずつ出す。", motion: "顔→顔→顔を0.7秒刻みでパンチイン", sound: "実際の会話感＋シャッター" },
      { time: "9.6", beat: "TURN", copy: "譲れない言葉が、\n見えてきた。", image: "/evidence/storyboard-assets/design-directions.png", className: "dark-copy", visual: "5方向を横長資料のまま見せず、縦へ1案ずつ衝突させる。", motion: "5案が順に通過し、最後だけ停止", sound: "紙の衝突×5→停止音" },
      { time: "14.0", beat: "BUILD", copy: "できない。\nでも、やる。", image: "/evidence/storyboard-assets/site-motion.gif", className: "bottom-copy", visual: "three.jsの完成動作と作業中の迷いを対比。UI説明はしない。", motion: "完成モーション→一瞬巻き戻し→再生", sound: "クリック、エラー音、立ち上がるベース" },
      { time: "19.8", beat: "PAYOFF", copy: "会社を、\n作品にする。", image: "/evidence/storyboard-assets/site-home-vertical.png", className: "top-copy blue-wash", visual: "完成サイトを縦画面いっぱいに見せ、最後に正規ロゴだけ残す。", motion: "サイトを高速スクロール後、FVで静止", sound: "音楽を開き、最後の0.4秒を無音" },
    ],
  },
  {
    id: "B",
    title: "5案。1つも、妥協しない。",
    form: "PROCESS TENSION",
    duration: "22 sec",
    premise: "案が多いことではなく、違う答えを作り切ることが、会社の輪郭を見つける。",
    conflict: "5案とも成立しているから決められない。選択の基準が見た目の好みしかない。",
    turn: "理念『ワクワクする。ワクワクさせる。』を譲らない基準に置く。",
    payoff: "選んだ1案が、撮影・実装・完成サイトまで一貫してつながる。",
    frames: [
      { time: "0.0", beat: "HOOK", copy: "5案。", image: "/evidence/reset-v1/concept-b-five-routes-hook-v3.png", className: "top-copy", visual: "実際に5案を巨大展示し、選ばれる中央案をオレンジのクランプが掴む。", motion: "5枚落下→中央だけ空中で停止", sound: "落下音×5＋金属クランプ" },
      { time: "2.2", beat: "EXPAND", copy: "全部、違う。", image: "/evidence/storyboard-assets/design-directions.png", className: "bottom-copy", visual: "実際の5方向を1枚ずつ全画面で見せ、縮小サムネ一覧にしない。", motion: "各案を0.45秒のマッチカット", sound: "紙めくりをビート化" },
      { time: "5.0", beat: "CONFLICT", copy: "だから、\n決められない。", image: "/evidence/storyboard-assets/wireframe-overview.png", className: "dark-copy", visual: "大量のワイヤーを俯瞰し、選択肢の多さを圧として見せる。", motion: "俯瞰から急速ズーム、途中で停止", sound: "時計音＋低域" },
      { time: "8.3", beat: "CRITERION", copy: "“ワクワクは、\n譲れない。”", image: "/evidence/storyboard-assets/aihara.png", className: "bottom-copy portrait-proof", visual: "本人の顔と正確な引用を主役にする。説明テロップを足さない。", motion: "視線に合わせてわずかに寄る", sound: "声を最前面、BGMを落とす" },
      { time: "12.2", beat: "DECISION", copy: "選ぶ、ではない。\n決める。", image: "/evidence/storyboard-assets/shoot-03.jpg", className: "bottom-copy", visual: "本人同士の視線と指差しで決断を見せる。同じフック画は再利用しない。", motion: "視線→指差し→次の完成案へマッチカット", sound: "会話を切り、決定音を1打" },
      { time: "16.8", beat: "PAYOFF", copy: "違う5案が、\n1つの“らしさ”になった。", image: "/evidence/storyboard-assets/site-home-vertical.png", className: "top-copy blue-wash", visual: "5案の断片が完成サイトのパーツへマッチ変形する。", motion: "5断片→完成FVへ収束", sound: "5音が1つのコードへ解決" },
    ],
  },
  {
    id: "C",
    title: "画面の外まで、設計する。",
    form: "SOCIAL DOCUMENTARY",
    duration: "25 sec",
    premise: "綺麗なサイトを作るだけでは会社は変わらない。発信、問い合わせ、実装まで矛盾を抱えたまま設計する。",
    conflict: "マーケ施策ではないと言いながら、検索順位と問い合わせ設計も捨てない。",
    turn: "矛盾を消さず、会社らしさと成果の両方を設計対象にする。",
    payoff: "『この会社おもろそう』と思わせる画面が、公開後の接点になる。",
    frames: [
      { time: "0.0", beat: "HOOK", copy: "サイトだけ作っても、\n会社は変わらない。", image: "/evidence/reset-v1/concept-c-documentary-hook-v2.png", className: "top-copy", visual: "本人がカメラへ言い切る。字幕は2行だけ、顔と目を隠さない。", motion: "0.2秒静止後に話し始め、微かな手持ち", sound: "生声のみで開始" },
      { time: "3.4", beat: "CONTRADICTION", copy: "マーケ施策では、\nない。", image: "/evidence/storyboard-assets/shoot-03.jpg", className: "bottom-copy", visual: "普通の会議風景を0.8秒だけ出し、断定を強くする。", motion: "会議へハードカット、すぐ次へ", sound: "部屋鳴り＋無音" },
      { time: "6.0", beat: "BUT", copy: "でも、検索9位。\n問い合わせも捨てない。", image: "/evidence/storyboard-assets/site-home-vertical.png", className: "dark-copy", visual: "検索・問い合わせの証拠を1つずつ。複数カードを同時表示しない。", motion: "数字9だけ大きく出し、フォーム導線へ接続", sound: "通知音は1回だけ" },
      { time: "10.2", beat: "PROCESS", copy: "撮影まで、\n遊ぶ。", image: "/evidence/storyboard-assets/shoot-05.jpg", className: "bottom-copy", visual: "ペンギンスーツ撮影の固有カットに絞り、工程羅列ではなく会社の態度を見せる。", motion: "ポーズ→シャッター→モニター確認", sound: "実シャッター＋現場の笑い" },
      { time: "15.0", beat: "STRUGGLE", copy: "three.js。\n全然できません。", image: "/evidence/storyboard-assets/site-motion.gif", className: "top-copy blue-wash", visual: "完成動作へ失敗の言葉をぶつける。成功自慢ではなく葛藤として見せる。", motion: "一度崩れ、AIとの試行後に成立", sound: "エラー→呼吸→起動音" },
      { time: "20.0", beat: "PAYOFF", copy: "“この会社、\nおもろそう。”", image: "/evidence/storyboard-assets/shoot-01.jpg", className: "bottom-copy", visual: "完成サイトだけで終わらず、会社の人へ戻って余韻を作る。", motion: "完成画面から同じ青形状で人物へワイプ", sound: "会話の笑い声で閉じる" },
    ],
  },
];