// Full Product Video — stitches Scene 1 opening with all 7 step videos
// PLUS an adjustments scene and an end-card CTA at the tail.
//
// Scene start times (s):
//   Scene 1 (opening):     0     — 10.6  (10.6s)  ← Beat E removed
//   Step 1 (School info):  10.0  — 22.5  (12.5s)
//   Step 2 (Classes):      21.9  — 31.9  (10.0s)
//   Step 3 (Periods):      31.3  — 39.8  (8.5s)
//   Step 4 (Subjects):     39.2  — 50.2  (11.0s)
//   Step 5 (Teachers):     49.6  — 59.6  (10.0s)
//   Step 6 (Review):       59.0  — 66.0  (7.0s)
//   Step 7 (Generate):     65.4  — 76.4  (11.0s)
//   SceneAdjust:           75.8  — 81.5  (5.7s) — substitution + WhatsApp
//   SceneEndCard:          80.9  — 85.6  (4.7s) — CTA frame
//
// Total: ~85.6s (was 87s). The 1.4s saved is from removing Beat E,
// the "Schedule your whole school in 5 simple steps." tagline that
// used to sit between the Generate click and Step 1. The whole
// composition is shifted earlier by 1.4s; no per-step durations
// changed.

function FullProductVideo({ loop = true, persistKey = "fullproductvideo" }) {
  return (
    <window.TweaksContext.Provider value={{}}>
      <Stage width={1920} height={1080} duration={86} background={BRAND.bg} loop={loop} persistKey={persistKey}>
        <Scene1 start={0}/>
        <Step1Video start={10.0}/>
        <Step2Video start={21.9}/>
        <Step3Video start={31.3}/>
        <Step4Video start={39.2}/>
        <Step5Video start={49.6}/>
        <Step6Video start={59.0}/>
        <Step7Video start={65.4}/>
        <SceneAdjust start={75.8}/>
        <SceneEndCard start={80.9}/>
      </Stage>
    </window.TweaksContext.Provider>
  );
}

Object.assign(window, { FullProductVideo });

if (!window.__FULL_NO_AUTOMOUNT) {
  ReactDOM.createRoot(document.getElementById('root')).render(<FullProductVideo/>);
}