No Buts

// src/Root.tsx
import { Composition } from "remotion";
import { NoButs } from "@/components/remocn/no-buts";
 
const NoButsScene = () => (
  <NoButs
    exchanges={[
      { objection: "But I am not a designer.", reply: "You do not need to be." },
      { objection: "But…", reply: "Go on. We will wait." },
    ]}
  />
);
 
export const RemotionRoot = () => (
  <Composition
    id="NoButs"
    component={NoButsScene}
    durationInFrames={255}
    fps={30}
    width={1280}
    height={720}
  />
);