Quote Hero

// src/Root.tsx
import { Composition } from "remotion";
import { QuoteHero } from "@/components/remocn/quote-hero";
 
const QuoteHeroScene = () => <QuoteHero quoteDuration={120} quotes={[{ quote: "We shipped our launch video in an afternoon.", highlight: "in an afternoon", name: "Maya Chen", role: "Head of Design", company: "Kitebase" }]} />;
 
export const RemotionRoot = () => (
  <Composition
    id="QuoteHero"
    component={QuoteHeroScene}
    durationInFrames={246}
    fps={30}
    width={1280}
    height={720}
  />
);