{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "hero-split-demo",
  "type": "registry:component",
  "title": "Hero — split example",
  "description": "Usage example (demo) for Hero — split: the code behind the preview on https://facadeui.dev/components/hero-split. Installs the items it uses.",
  "categories": [
    "example"
  ],
  "registryDependencies": [
    "https://facadeui.dev/r/examples-content.json",
    "https://facadeui.dev/r/hero-split.json"
  ],
  "files": [
    {
      "path": "hero-split.tsx",
      "type": "registry:component",
      "target": "components/examples/hero-split-demo.tsx",
      "content": "import { HeroSplit } from \"@/components/sections/hero-split\"\n\nimport { ACTIONS, MediaPlaceholder } from \"./content\"\n\nexport function Demo() {\n  return (\n    <HeroSplit\n      eyebrow=\"Sections\"\n      title=\"Build the page, not the primitives\"\n      description=\"Every section takes typed content and slots, so assembling a landing page is composition rather than another round of copy-paste.\"\n      actions={ACTIONS}\n      note=\"Works in any React 19 project.\"\n      media={<MediaPlaceholder label=\"Product screenshot\" />}\n      headingLevel={1}\n      spacing=\"md\"\n    />\n  )\n}\n"
    }
  ],
  "docs": "Example only: components/examples/hero-split-demo.tsx renders Hero — split with sample content from components/examples/content.tsx. Copy what you need into your page. Docs: https://facadeui.dev/components/hero-split"
}