Hot Stage

// src/Root.tsx
import { Composition } from "remotion";
import { HotStage } from "@/components/remocn/hot-stage";
 
const HotStageScene = () => (
  <HotStage
    lines={["Write the scene.", "Render the cut.", "Ship it."]}
    log={["T+00:00  Draft", "T+02:10  Render", "T+04:00  Live"]}
  />
);
 
export const RemotionRoot = () => (
  <Composition
    id="HotStage"
    component={HotStageScene}
    durationInFrames={155}
    fps={30}
    width={1280}
    height={720}
  />
);