Name Gloss

// src/Root.tsx
import { Composition } from "remotion";
import { NameGloss } from "@/components/remocn/name-gloss";
 
const NameGlossScene = () => (
  <NameGloss
    parts={[
      { word: "Brand", gloss: "Your colors, your type, your logo." },
      { word: "kit", gloss: "Packed into every scene you install." },
    ]}
    why="So every film looks like yours."
  />
);
 
export const RemotionRoot = () => (
  <Composition
    id="NameGloss"
    component={NameGlossScene}
    durationInFrames={170}
    fps={30}
    width={1280}
    height={720}
  />
);