Depth Headline

// src/Root.tsx
import { Composition } from "remotion";
import { DepthHeadline } from "@/components/remocn/depth-headline";
 
const DepthHeadlineScene = () => (
  <DepthHeadline title="Studio" caption="Studio" showLogo accent="#3B5BFD" />
);
 
export const RemotionRoot = () => (
  <Composition
    id="DepthHeadline"
    component={DepthHeadlineScene}
    durationInFrames={120}
    fps={30}
    width={1280}
    height={720}
  />
);