{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "cta-01",
  "title": "Call to Action 01",
  "description": "A centered text block with a title, description, and CTA.",
  "dependencies": [
    "react-wrap-balancer"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "registry/blocks/cta/cta-01/cta-01.tsx",
      "content": "import Balancer from 'react-wrap-balancer'\n\nimport { Button } from '@/components/ui/button'\n\nexport function Cta01() {\n  return (\n    <div className=\"bg-muted/50 flex min-h-120 items-center justify-center rounded-xl p-5\">\n      <div className=\"flex flex-col items-center space-y-4 self-center\">\n        <div className=\"space-y-2\">\n          <h2 className=\"text-center text-2xl font-bold md:max-w-200\">\n            <Balancer balance={0.5}>Simple & Elegant</Balancer>\n          </h2>\n          <p className=\"text-muted-foreground text-center md:max-w-200\">\n            <Balancer balance={0.5}>\n              Display content in a minimal and visually appealing way.\n            </Balancer>\n          </p>\n        </div>\n        <Button\n          className=\"w-fit rounded-full px-4\"\n          nativeButton={false}\n          render={<a href=\"#\" />}\n        >\n          Click here\n        </Button>\n      </div>\n    </div>\n  )\n}\n",
      "type": "registry:component",
      "target": "components/flx/blocks/cta/cta-01.tsx"
    }
  ],
  "meta": {
    "iframeHeight": 600
  },
  "type": "registry:block"
}