{
  "name": "landing-code-showcase",
  "type": "registry:block",
  "description": "Landing with install commands",
  "dependencies": [
    "remotion",
    "@remotion/transitions"
  ],
  "registryDependencies": [
    "title-card",
    "code-reveal",
    "motion-tokens",
    "transition-fade"
  ],
  "composition": {
    "id": "LandingCodeShowcase",
    "component": "LandingCodeShowcase",
    "durationInFrames": 180,
    "fps": 30,
    "width": 1920,
    "height": 1080,
    "importPath": "@/compositions/landing-code-showcase/index"
  },
  "files": [
    {
      "path": "registry/bases/default/compositions/landing-code-showcase/index.tsx",
      "type": "registry:block",
      "content": "import { AbsoluteFill } from \"remotion\";\nimport { TransitionSeries } from \"@remotion/transitions\";\nimport { transitionFade } from \"@/remotion/primitives/transition-fade\";\nimport { CodeReveal } from \"@/remotion/scenes/code-reveal\";\nimport { TitleCard } from \"@/remotion/scenes/title-card\";\nimport { DURATION } from \"@/remotion/lib/motion-tokens\";\n\nconst CODE = `npx remotion-ui@latest add hero-loop\npnpm remotion render src/index.ts HeroLoop out/hero.mp4`;\n\nconst SCENE_DURATIONS = {\n  title: 75,\n  code: 105,\n} as const;\n\nexport const LandingCodeShowcase: React.FC = () => {\n  const fade = transitionFade({ durationInFrames: DURATION.fast });\n\n  return (\n    <AbsoluteFill style={{ background: \"#080810\" }}>\n      <TransitionSeries>\n        <TransitionSeries.Sequence durationInFrames={SCENE_DURATIONS.title}>\n          <TitleCard title=\"Install. Edit. Render.\" subtitle=\"Source you own\" />\n        </TransitionSeries.Sequence>\n        <TransitionSeries.Transition {...fade} />\n        <TransitionSeries.Sequence durationInFrames={SCENE_DURATIONS.code}>\n          <CodeReveal code={CODE} title=\"install.sh\" language=\"bash\" />\n        </TransitionSeries.Sequence>\n      </TransitionSeries>\n    </AbsoluteFill>\n  );\n};\n"
    }
  ],
  "atlas": {
    "lane": "reels",
    "drive": "time",
    "tier": "advanced"
  }
}