remotion/Root.jsx

import React from "react";
import { Composition } from "remotion";
import { SessionArchiveShort } from "./SessionArchiveShort.jsx";
import { CorpRenewalShort } from "./CorpRenewalShort.jsx";
import { ProviderTestFrame } from "./ProviderTestFrame.jsx";
import { FiveRoutesHook } from "./FiveRoutesHook.jsx";
import { ProcessTensionFilm } from "./ProcessTensionFilm.jsx";
import { FailureThrillerPrototype } from "./FailureThrillerPrototype.jsx";
import { EightSecondGate } from "./EightSecondGate.jsx";

export const VideoRoot = () => <>
  <Composition id="avs-session-archive-short-v1" component={SessionArchiveShort} durationInFrames={900} fps={30} width={1080} height={1920} />
  <Composition id="pengin-corp-renewal-short-v1" component={CorpRenewalShort} durationInFrames={900} fps={30} width={1080} height={1920} />
  <Composition id="pengin-provider-test-frame-v1" component={ProviderTestFrame} durationInFrames={1} fps={30} width={1080} height={1920} />
  <Composition id="pengin-five-routes-hook-v1" component={FiveRoutesHook} durationInFrames={150} fps={30} width={1080} height={1920} />
  <Composition id="pengin-process-tension-film-v1" component={ProcessTensionFilm} durationInFrames={660} fps={30} width={1080} height={1920} />
  <Composition id="avs-failure-thriller-prototype-v1" component={FailureThrillerPrototype} durationInFrames={780} fps={30} width={1080} height={1920} />
  <Composition id="avs-eight-second-quality-gate-v1" component={EightSecondGate} durationInFrames={240} fps={30} width={1080} height={1920} />
</>;