{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "cta-02",
  "title": "CTA 02",
  "description": "A simple CTA block",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/cta-02/components/cta.tsx",
      "content": "import { ArrowUpRight } from \"lucide-react\";\nimport { Button } from \"@/registry/bases/radix/ui/button\";\n\nconst CTA = () => {\n  return (\n    <div className=\"px-0 py-20 sm:px-6\">\n      <div className=\"relative mx-auto max-w-5xl overflow-hidden sm:rounded-xl sm:shadow-lg dark:border dark:border-border/80\">\n        <img\n          alt=\"\"\n          className=\"absolute inset-0 size-full object-cover\"\n          src=\"/images/ascii-art.png\"\n        />\n\n        <div className=\"relative isolate bg-linear-to-r from-black to-black/50 px-10 py-14\">\n          <h2 className=\"font-medium text-4xl text-white tracking-[-0.04em] sm:text-[2.85rem]\">\n            Step Into Something Better\n          </h2>\n          <p className=\"mt-4 max-w-md text-lg text-white/85 md:text-xl/normal\">\n            Get seamless access to everything you need, right from your phone.\n          </p>\n          <Button\n            className=\"mt-10 bg-white text-black ring-4 ring-white/30 hover:bg-white/90\"\n            size=\"lg\"\n          >\n            Download Now <ArrowUpRight />\n          </Button>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default CTA;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}