{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "cta-2",
  "title": "CTA Exemple 2",
  "description": "Frequently asked questions section with collapsible items.",
  "dependencies": [
    "framer-motion",
    "lucide-react"
  ],
  "files": [
    {
      "path": "registry/default/blocks/Cta/cta2.tsx",
      "content": "import {motion, Variants} from 'framer-motion';\r\n\r\nexport default function CTASection() {\r\n    const containerVariants: Variants = {\r\n        hidden: { opacity: 0 },\r\n        visible: {\r\n            opacity: 1,\r\n            transition: {\r\n                staggerChildren: 0.15,\r\n                delayChildren: 0.2,\r\n            },\r\n        },\r\n    };\r\n\r\n    const itemVariants: Variants =  {\r\n        hidden: { opacity: 0, y: 20 },\r\n        visible: {\r\n            opacity: 1,\r\n            y: 0,\r\n            transition: { duration: 0.6, ease: 'easeOut' },\r\n        },\r\n    };\r\n\r\n    return (\r\n        <section className=\"w-full px-4 py-20 sm:px-6 lg:px-8\">\r\n            <motion.div\r\n                initial=\"hidden\"\r\n                whileInView=\"visible\"\r\n                viewport={{ once: true, amount: 0.3 }}\r\n                variants={containerVariants}\r\n                className=\"relative w-full max-w-6xl mx-auto overflow-hidden rounded-3xl bg-black\"\r\n            >\r\n                {/* Gradient accent - left side */}\r\n                <div className=\"absolute inset-0\">\r\n                    <div className=\"absolute top-0 left-0 w-1/2 h-full bg-gradient-to-r from-emerald-600/30 via-emerald-500/20 to-transparent rounded-full blur-3xl\"></div>\r\n                    <div className=\"absolute bottom-0 left-0 w-96 h-96 bg-gradient-to-t from-emerald-600/20 to-transparent rounded-full blur-3xl\"></div>\r\n                </div>\r\n\r\n                {/* Content */}\r\n                <div className=\"relative z-10 px-6 py-24 sm:px-12 sm:py-28 lg:px-20 flex flex-col items-center text-center\">\r\n                    {/* Heading */}\r\n                    <motion.h2\r\n                        variants={itemVariants}\r\n                        className=\"text-4xl sm:text-5xl lg:text-6xl text-white tracking-tight mb-6\"\r\n                    >\r\n                        Ready for more demand?\r\n                    </motion.h2>\r\n\r\n                    {/* Subheading */}\r\n                    <motion.p\r\n                        variants={itemVariants}\r\n                        className=\"text-xl sm:text-xl text-gray-300 mb-10 max-w-2xl leading-relaxed\"\r\n                    >\r\n                        Stop losing leads to 'Get in touch' buttons and boring contact forms.\r\n                    </motion.p>\r\n\r\n                    {/* Buttons */}\r\n                    <motion.div\r\n                        variants={itemVariants}\r\n                        className=\"flex flex-col sm:flex-row gap-4 sm:gap-6 mb-6 w-full sm:w-auto\"\r\n                    >\r\n                        {/* Primary CTA */}\r\n                        <motion.button\r\n                            whileHover={{ scale: 1.05, boxShadow: '0 20px 40px rgba(255, 255, 255, 0.2)' }}\r\n                            whileTap={{ scale: 0.98 }}\r\n                            className=\"px-8 py-3.5 bg-white text-black font-semibold rounded-lg transition-all duration-200 hover:shadow-2xl cursor-pointer\"\r\n                        >\r\n                            Start free trial\r\n                        </motion.button>\r\n\r\n                        {/* Secondary CTA */}\r\n                        <motion.button\r\n                            whileHover={{ scale: 1.05, borderColor: 'rgba(255, 255, 255, 0.5)' }}\r\n                            whileTap={{ scale: 0.98 }}\r\n                            className=\"px-8 py-3.5 border border-gray-700 text-white font-semibold rounded-lg transition-all duration-200 hover:border-gray-500 hover:bg-white/5 cursor-pointer\"\r\n                        >\r\n                            Book a demo\r\n                        </motion.button>\r\n                    </motion.div>\r\n\r\n                    {/* Supporting text */}\r\n                    <motion.p\r\n                        variants={itemVariants}\r\n                        className=\"text-sm text-gray-500\"\r\n                    >\r\n                        14 Days Free. No credit card required.\r\n                    </motion.p>\r\n                </div>\r\n            </motion.div>\r\n        </section>\r\n    );\r\n}",
      "type": "registry:block",
      "target": "components/blocks/cta-ex-2.tsx"
    }
  ],
  "type": "registry:block"
}