// crovi-website-app.jsx — embed/website variant of the hero loop.
// Same scenes and timing as crovi-app.jsx, but with no playback bar, no
// keyboard shortcuts, no localStorage persistence, and no canvas drop shadow.
// Loops forever from t=0 on every page load.

const T_SCENE1_END = 4.0;
const T_SCENE2_END = 11.0;
const T_SCENE3_END = 18.0;
const T_SCENE4_END = 28.0;

const TOTAL_DURATION = T_SCENE4_END;

function CroviHeroWebsite() {
  return (
    <Stage
      width={STAGE_W}
      height={STAGE_H}
      duration={TOTAL_DURATION}
      background={C.ink}
      controls={false}
      loop={true}
    >
      <Sprite start={0.0} end={T_SCENE1_END}>
        <Scene1Prompt/>
      </Sprite>
      <Sprite start={T_SCENE1_END} end={T_SCENE2_END}>
        <Scene2FanOut/>
      </Sprite>
      <Sprite start={T_SCENE2_END} end={T_SCENE3_END}>
        <Scene3Audit/>
      </Sprite>
      <Sprite start={T_SCENE3_END} end={T_SCENE4_END}>
        <Scene4Quote/>
      </Sprite>
    </Stage>
  );
}

const root = ReactDOM.createRoot(document.getElementById('root'));
root.render(<CroviHeroWebsite/>);