{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"mist-call-to-action-3","type":"registry:block","title":"Call To Action 3","description":"Tailark Mist call-to-action variant 3 block","registryDependencies":["@tailark-oss/mist-button"],"meta":{"aspect-ratio":"90/18","width":686,"height":137},"files":[{"path":"mist/blocks/call-to-action/three.tsx","type":"registry:component","target":"@components/call-to-action-3.tsx","content":"import { Button } from '@/components/ui/button'\nimport { Calendar, ChevronRight } from 'lucide-react'\nimport Link from 'next/link'\n\nexport default function CallToAction() {\n    return (\n        <section>\n            <div className=\"bg-muted py-12\">\n                <div className=\"mx-auto max-w-5xl px-6\">\n                    <h2 className=\"text-foreground max-w-lg text-balance text-3xl font-semibold lg:text-4xl\">\n                        <span className=\"text-muted-foreground\">Build Modern Websites.</span> Drive Results\n                    </h2>\n                    <p className=\"mt-4 text-lg\">Libero sapiente aliquam quibusdam aspernatur, praesentium iusto repellendus.</p>\n                    <div className=\"mt-8 flex gap-3\">\n                        <Button\n                            asChild\n                            className=\"pr-2\"\n                        >\n                            <Link href=\"#\">\n                                Try Mist for Free\n                                <ChevronRight\n                                    strokeWidth={2.5}\n                                    className=\"size-3.5! opacity-50\"\n                                />\n                            </Link>\n                        </Button>\n                        <Button\n                            asChild\n                            variant=\"outline\"\n                            className=\"pl-2.5\"\n                        >\n                            <Link href=\"#\">\n                                <Calendar\n                                    className=\"size-3.5! opacity-50\"\n                                    strokeWidth={2.5}\n                                />\n                                Request a Demo\n                            </Link>\n                        </Button>\n                    </div>\n                </div>\n            </div>\n        </section>\n    )\n}\n"}]}