← back to Prestige Car Wash Video

src/Root.tsx

39 lines

import { Composition } from 'remotion';
import { PrestigeShowcase } from './Video';
import { StoryVideo } from './StoryVideo';
import { AdminVideo } from './AdminVideo';
import { FPS, WIDTH, HEIGHT, TOTAL_FRAMES } from './sections';
import { TOTAL as STORY_TOTAL } from './story';
import { ADMIN_TOTAL } from './adminSections';

export const RemotionRoot: React.FC = () => {
  return (
    <>
      <Composition
        id="PrestigeAdmin"
        component={AdminVideo}
        durationInFrames={ADMIN_TOTAL}
        fps={FPS}
        width={WIDTH}
        height={HEIGHT}
      />
      <Composition
        id="PrestigeStory"
        component={StoryVideo}
        durationInFrames={STORY_TOTAL}
        fps={FPS}
        width={WIDTH}
        height={HEIGHT}
      />
      <Composition
        id="PrestigeShowcase"
        component={PrestigeShowcase}
        durationInFrames={TOTAL_FRAMES}
        fps={FPS}
        width={WIDTH}
        height={HEIGHT}
      />
    </>
  );
};