{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "cta-03",
  "title": "CTA 03",
  "description": "A simple CTA block",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/cta-03/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-16 sm:px-6\">\n      <div className=\"relative mx-auto flex max-w-5xl flex-col justify-between gap-0 overflow-hidden bg-linear-to-r from-muted px-10 ring-2 ring-border/60 sm:rounded-xl sm:shadow-lg/4 md:flex-row md:gap-8\">\n        <div className=\"pt-14 pb-0 md:pb-14\">\n          <h2 className=\"font-medium text-4xl tracking-[-0.04em] lg:text-[2.75rem]\">\n            Step Into Something Better\n          </h2>\n          <p className=\"mt-4 max-w-md text-muted-foreground text-xl/normal tracking-[-0.015em] lg:text-2xl/normal\">\n            Get seamless access to everything you need, right from your phone.\n          </p>\n          <Button className=\"mt-10\" size=\"lg\">\n            Download Now <ArrowUpRight />\n          </Button>\n        </div>\n        <img\n          alt=\"\"\n          className=\"mt-auto aspect-square w-full max-w-xs md:h-72 md:w-auto md:max-w-none\"\n          src=\"/images/cta-mobile.png\"\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default CTA;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}