Staggered Bento Grid

// src/Root.tsx
import { Composition } from "remotion";
import { StaggeredBentoGrid } from "@/components/remocn/staggered-bento-grid";

const StaggeredBentoGridScene = () => (
  <StaggeredBentoGrid
    staggerDelay={8}
    columns={3}
    items={[
      { title: "Fast", body: "Built on Remotion", span: 2 },
      { title: "Animated", body: "Spring physics" },
    ]}
  />
);

export const RemotionRoot = () => (
  <Composition
    id="StaggeredBentoGrid"
    component={StaggeredBentoGridScene}
    durationInFrames={120}
    fps={30}
    width={1280}
    height={720}
  />
);