{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"veil-call-to-action-3","type":"registry:block","title":"Call To Action 3","description":"Tailark Veil call-to-action variant 3 block","registryDependencies":["@tailark-oss/veil-button"],"meta":{"aspect-ratio":"90/21","width":686,"height":160},"files":[{"path":"veil/blocks/call-to-action/three.tsx","type":"registry:component","target":"@components/call-to-action-3.tsx","content":"import Link from 'next/link'\nimport { Button } from '@/components/ui/button'\nimport { ChevronRight, Mail } from 'lucide-react'\n\nexport default function CallToAction() {\n    return (\n        <section className=\"bg-background @container py-24\">\n            <div className=\"mx-auto max-w-2xl px-6\">\n                <div className=\"@xl:text-left grid items-center gap-8 text-center\">\n                    <div>\n                        <h2 className=\"text-balance font-serif text-3xl font-medium md:text-4xl\">Stay in the Loop</h2>\n                        <p className=\"text-muted-foreground mt-3 text-balance\">Get the latest updates, tips, and exclusive offers delivered straight to your inbox.</p>\n                    </div>\n\n                    <div className=\"@max-xl:mx-auto @max-md:flex-col flex w-full max-w-sm gap-2\">\n                        <div className=\"ring-input not-dark:bg-card focus-within:ring-ring/15 focus-within:border-primary relative flex flex-1 items-center overflow-hidden rounded-md border border-transparent ring focus-within:ring-[3px]\">\n                            <Mail className=\"text-muted-foreground pointer-events-none absolute left-2.5 size-3.5\" />\n                            <input\n                                type=\"email\"\n                                placeholder=\"Enter your email\"\n                                autoComplete=\"email\"\n                                className=\"autofill:bg-primary h-8 w-full bg-transparent pl-8 pr-2.5 text-sm outline-none\"\n                            />\n                        </div>\n                        <Button\n                            asChild\n                            className=\"shrink-0 pr-1.5\"\n                        >\n                            <Link href=\"#link\">\n                                Subscribe\n                                <ChevronRight className=\"opacity-50\" />\n                            </Link>\n                        </Button>\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n"}]}