Macro Pan

// src/Root.tsx
import { Composition } from "remotion";
import { MacroPan } from "@/components/remocn/macro-pan";
 
const MacroPanScene = () => (
  <MacroPan title="Built to move." label="remocn" index="01" accent="#3B5BFD" />
);
 
export const RemotionRoot = () => (
  <Composition
    id="MacroPan"
    component={MacroPanScene}
    durationInFrames={180}
    fps={30}
    width={1280}
    height={720}
  />
);