{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "cta-04",
  "title": "CTA 04",
  "description": "A simple CTA block",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/cta-04/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=\"mx-auto max-w-5xl border-y bg-muted/50 p-1 sm:rounded-xl sm:border-x\">\n        <div className=\"sm:shadow/5 relative flex flex-col justify-between gap-0 overflow-hidden border bg-background px-10 sm:rounded-lg md:flex-row md:gap-8\">\n          {/* Circuit Board - Light Pattern */}\n          <div\n            className=\"max-sm:mask-b-from-75% pointer-events-none absolute inset-0 -top-0.5 -left-1 z-0 not-dark:opacity-60\"\n            style={{\n              backgroundImage: `\n        repeating-linear-gradient(0deg, transparent, transparent 19px, rgba(75, 85, 99, 0.08) 19px, rgba(75, 85, 99, 0.08) 20px, transparent 20px, transparent 39px, rgba(75, 85, 99, 0.08) 39px, rgba(75, 85, 99, 0.08) 40px),\n        repeating-linear-gradient(90deg, transparent, transparent 19px, rgba(75, 85, 99, 0.08) 19px, rgba(75, 85, 99, 0.08) 20px, transparent 20px, transparent 39px, rgba(75, 85, 99, 0.08) 39px, rgba(75, 85, 99, 0.08) 40px),\n        radial-gradient(circle at 20px 20px, rgba(55, 65, 81, 0.12) 2px, transparent 2px),\n        radial-gradient(circle at 40px 40px, rgba(55, 65, 81, 0.12) 2px, transparent 2px)\n      `,\n              backgroundSize: \"40px 40px, 40px 40px, 40px 40px, 40px 40px\",\n            }}\n          />\n\n          <div className=\"relative isolate pt-12 pb-0 md:pb-12\">\n            <h2 className=\"font-medium text-4xl tracking-[-0.04em] lg:text-5xl/[1.2]\">\n              Build something you're proud of today\n            </h2>\n            <p className=\"mt-2 text-muted-foreground text-xl tracking-[-0.015em] sm:mt-4 lg:text-2xl\">\n              Join thousands of developers using our tools.\n            </p>\n            <Button className=\"mt-5 sm:mt-10\" size=\"lg\">\n              Get Started Today <ArrowUpRight />\n            </Button>\n          </div>\n          <img\n            alt=\"\"\n            className=\"mask-b-from-75% relative isolate mt-auto aspect-square w-full max-w-xs md:h-76 md:w-auto md:max-w-none\"\n            src=\"/images/cta-mobile.png\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default CTA;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}