{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "call-to-action-3",
  "type": "registry:block",
  "title": "Call to Action 3",
  "description": "Call to action with an inline email subscription form.",
  "registryDependencies": [
    "button"
  ],
  "files": [
    {
      "path": "app/preview/call-to-action/three/page.tsx",
      "content": "import { Button } from '@/components/ui/button'\nimport { Mail, SendHorizonal } from 'lucide-react'\n\nexport default function CallToAction() {\n    return (\n        <section className=\"py-16 md:py-32\">\n            <div className=\"mx-auto max-w-5xl px-6\">\n                <div className=\"text-center\">\n                    <h2 className=\"text-balance text-4xl font-semibold lg:text-5xl\">Start Building</h2>\n                    <p className=\"mt-4\">Everything you need to go from first commit to launch day.</p>\n\n                    <form action=\"\" className=\"mx-auto mt-10 max-w-sm lg:mt-12\">\n                        <div className=\"bg-background has-[input:focus]:ring-muted relative grid grid-cols-[1fr_auto] items-center rounded-[calc(var(--radius)+0.75rem)] border pr-3 shadow shadow-zinc-950/5 has-[input:focus]:ring-2\">\n                            <Mail className=\"text-caption pointer-events-none absolute inset-y-0 left-5 my-auto size-5\" />\n\n                            <input placeholder=\"Your mail address\" className=\"h-14 w-full bg-transparent pl-12 focus:outline-none\" type=\"email\" />\n\n                            <div className=\"md:pr-1.5 lg:pr-0\">\n                                <Button aria-label=\"submit\" className=\"rounded-(--radius)\">\n                                    <span className=\"hidden md:block\">Get Started</span>\n                                    <SendHorizonal className=\"relative mx-auto size-5 md:hidden\" strokeWidth={2} />\n                                </Button>\n                            </div>\n                        </div>\n                    </form>\n                </div>\n            </div>\n        </section>\n    )\n}\n",
      "type": "registry:component",
      "target": "components/call-to-action.tsx"
    }
  ]
}