← back to Crcp Pitch Video

src/Root.tsx

22 lines

import React from 'react';
import { Composition } from 'remotion';
import { CRCPPitch, CRCPShort, TOTAL_FRAMES, SHORT_FRAMES, FPS } from './Video';
import { CRCPWalkthrough, WALK_FRAMES, WALK_FPS } from './Walkthrough';
import { ClientWalk } from './ClientWalk';
import loanData from './client-loan-officer.json';
import escrowData from './client-escrow-officer.json';
import titleData from './client-title-rep.json';

export const RemotionRoot: React.FC = () => {
  return (
    <>
      <Composition id="CRCPPitch" component={CRCPPitch} durationInFrames={TOTAL_FRAMES} fps={FPS} width={1920} height={1080} />
      <Composition id="CRCPShort" component={CRCPShort} durationInFrames={SHORT_FRAMES} fps={FPS} width={1920} height={1080} />
      <Composition id="CRCPWalkthrough" component={CRCPWalkthrough} durationInFrames={WALK_FRAMES} fps={WALK_FPS} width={1920} height={1080} />
      <Composition id="ClientLoanOfficer" component={ClientWalk} defaultProps={{ data: loanData }} durationInFrames={loanData.total} fps={loanData.fps} width={1920} height={1080} />
      <Composition id="ClientEscrow" component={ClientWalk} defaultProps={{ data: escrowData }} durationInFrames={escrowData.total} fps={escrowData.fps} width={1920} height={1080} />
      <Composition id="ClientTitle" component={ClientWalk} defaultProps={{ data: titleData }} durationInFrames={titleData.total} fps={titleData.fps} width={1920} height={1080} />
    </>
  );
};