{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "cta-05",
  "title": "CTA 05",
  "description": "A simple CTA block",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "src/registry/blocks/radix/cta-05/components/cta.tsx",
      "content": "import {\n  ArrowUpRight,\n  ComponentIcon,\n  CpuIcon,\n  Package,\n  Zap,\n} 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 max-w-5xl overflow-hidden border-border/60 border-y p-14 sm:rounded-xl sm:border-x dark:bg-foreground\">\n        {/* Aurora Silk Fade Gradient */}\n        <div\n          className=\"absolute inset-0 z-0 opacity-70\"\n          style={{\n            background:\n              \"linear-gradient(150deg, #FFAB91 0%, #FFCDD2 20%, #FCE4EC 40%, #e2daf1 60%, #b39ddb 80%, #8b6ac8 100%)\",\n          }}\n        />\n\n        {/* Circuit Board - Light Pattern */}\n        <div\n          className=\"pointer-events-none absolute inset-0 z-0 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=\"absolute top-1/2 right-20 -translate-y-1/2\">\n          <div className=\"relative flex size-20 items-center justify-center border border-white/40 bg-white/10 max-md:hidden\">\n            <Zap className=\"size-12 fill-white/10 stroke-[1px] text-white/80\" />\n            <div className=\"mask-y-from-75% absolute -inset-y-12 -left-px border-white/60 border-s border-dashed\" />\n            <div className=\"mask-y-from-75% absolute -inset-y-12 -right-px border-white/60 border-e border-dashed\" />\n            <div className=\"mask-x-from-75% absolute -inset-x-12 -top-px border-white/80 border-t border-dashed\" />\n            <div className=\"mask-x-from-75% absolute -inset-x-12 -bottom-px border-white/80 border-b border-dashed\" />\n          </div>\n          <div className=\"relative flex size-20 -translate-x-full items-center justify-center border border-white/40 bg-white/10 max-md:hidden\">\n            <Package className=\"size-12 fill-white/10 stroke-[1px] text-white/80\" />\n            <div className=\"mask-y-from-75% absolute -inset-y-12 -left-px border-white/60 border-s border-dashed\" />\n            <div className=\"mask-y-from-75% absolute -inset-y-12 -right-px border-white/60 border-e border-dashed\" />\n            <div className=\"mask-x-from-75% absolute -inset-x-12 -top-px border-white/80 border-t border-dashed\" />\n            <div className=\"mask-x-from-75% absolute -inset-x-12 -bottom-px border-white/80 border-b border-dashed\" />\n          </div>\n          <div className=\"relative flex size-20 items-center justify-center border border-white/40 bg-white/10 max-md:hidden\">\n            <ComponentIcon className=\"size-12 fill-white/10 stroke-[1px] text-white/80\" />\n            <div className=\"mask-y-from-75% absolute -inset-y-12 -left-px border-white/60 border-s border-dashed\" />\n            <div className=\"mask-y-from-75% absolute -inset-y-12 -right-px border-white/60 border-e border-dashed\" />\n            <div className=\"mask-x-from-75% absolute -inset-x-12 -top-px border-white/80 border-t border-dashed\" />\n            <div className=\"mask-x-from-75% absolute -inset-x-12 -bottom-px border-white/80 border-b border-dashed\" />\n          </div>\n        </div>\n\n        <div className=\"absolute top-1/2 right-20 -translate-y-1/2\">\n          <div className=\"mask-r-from-75% relative flex size-20 translate-x-full items-center justify-center border border-white/40 bg-white/10 max-md:hidden\">\n            <CpuIcon className=\"size-12 fill-white/10 stroke-[1px] text-white/80\" />\n            <div className=\"mask-y-from-75% absolute -inset-y-12 -left-px border-white/60 border-s border-dashed\" />\n            <div className=\"mask-y-from-75% absolute -inset-y-12 -right-px border-white/60 border-e border-dashed\" />\n            <div className=\"mask-x-from-75% absolute -inset-x-12 -top-px border-white/80 border-t border-dashed\" />\n            <div className=\"mask-x-from-75% absolute -inset-x-12 -bottom-px border-white/80 border-b border-dashed\" />\n          </div>\n        </div>\n\n        <div className=\"relative isolate\">\n          <h2 className=\"text-balance font-medium text-4xl text-black/85 tracking-[-0.04em] md:leading-tight lg:text-[2.75rem]\">\n            Turn your vision into reality\n          </h2>\n          <p className=\"mt-4 text-balance text-black/70 text-xl/normal md:mt-2.5 lg:text-[1.4rem]/normal\">\n            Join thousands of developers using our premium component library to\n            ship beautiful UIs in minutes, not hours.\n          </p>\n          <div className=\"mt-9 flex flex-col gap-3 sm:flex-row\">\n            <Button\n              className=\"bg-neutral-950 text-white hover:bg-neutral-950/90\"\n              size=\"lg\"\n            >\n              Get Started <ArrowUpRight />\n            </Button>\n            <Button\n              className=\"border-white/60 bg-white/50 text-black hover:bg-white/80 dark:border-white/60 dark:bg-white/50 dark:text-black dark:hover:bg-white/80\"\n              size=\"lg\"\n              variant=\"outline\"\n            >\n              View Components\n            </Button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default CTA;\n",
      "type": "registry:component"
    }
  ],
  "type": "registry:block"
}