{"$schema":"https://ui.shadcn.com/schema/registry-item.json","author":"Eduardo Calvo <educlopez93@gmail.com>","css":{},"dependencies":["motion"],"description":"Centered CTA block with radial glow background","devDependencies":[],"files":[{"content":"\"use client\";\n\nimport SmoothButton from \"@/components/smoothui/smooth-button\";\nimport { motion, useReducedMotion } from \"motion/react\";\n\nconst SPRING = {\n  bounce: 0.1,\n  duration: 0.25,\n  type: \"spring\" as const,\n};\n\nexport function CtaCentered() {\n  const shouldReduceMotion = useReducedMotion();\n\n  return (\n    <section aria-labelledby=\"cta-centered-heading\">\n      <div className=\"relative overflow-hidden bg-muted/50 py-24 md:py-32\">\n        <div\n          aria-hidden=\"true\"\n          className=\"absolute inset-0 bg-[radial-gradient(ellipse_at_center,var(--color-primary)/0.08,transparent_70%)]\"\n        />\n        <motion.div\n          className=\"relative mx-auto max-w-3xl px-6 text-center\"\n          initial={shouldReduceMotion ? { opacity: 1 } : { opacity: 0, y: 24 }}\n          transition={\n            shouldReduceMotion\n              ? { duration: 0 }\n              : { ...SPRING, staggerChildren: 0.08 }\n          }\n          viewport={{ once: true }}\n          whileInView={\n            shouldReduceMotion ? { opacity: 1 } : { opacity: 1, y: 0 }\n          }\n        >\n          <h2\n            className=\"text-balance font-bold text-3xl tracking-tight md:text-4xl lg:text-5xl\"\n            id=\"cta-centered-heading\"\n          >\n            Ready to build something amazing?\n          </h2>\n          <p className=\"mx-auto mt-4 max-w-xl text-balance text-foreground/70 text-lg\">\n            Start building with beautifully animated components today. Free,\n            open source, and ready for production.\n          </p>\n          <div className=\"mt-8 flex flex-wrap items-center justify-center gap-4\">\n            <SmoothButton size=\"lg\" variant=\"candy\">\n              Get Started\n            </SmoothButton>\n            <SmoothButton size=\"lg\" variant=\"outline\">\n              Learn More\n            </SmoothButton>\n          </div>\n        </motion.div>\n      </div>\n    </section>\n  );\n}\n\nexport default CtaCentered;\n","path":"index.tsx","target":"components/smoothui/cta-1/index.tsx","type":"registry:block"}],"name":"cta-1","registryDependencies":["https://smoothui.dev/r/smooth-button.json"],"title":"Cta 1","type":"registry:block"}