{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "contact-2",
  "type": "registry:block",
  "title": "Contact 2",
  "description": "Contact section with routing select, message form and contact details.",
  "registryDependencies": [
    "button",
    "input",
    "label",
    "textarea",
    "select",
    "card"
  ],
  "files": [
    {
      "path": "app/preview/contact/two/page.tsx",
      "content": "import { Card } from '@/components/ui/card'\nimport { Input } from '@/components/ui/input'\nimport { Textarea } from '@/components/ui/textarea'\nimport { Button } from '@/components/ui/button'\nimport { Label } from '@/components/ui/label'\nimport { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'\nimport Link from 'next/link'\n\nexport default function ContactSection() {\n    return (\n        <section className=\"py-32\">\n            <div className=\"mx-auto max-w-4xl px-4 lg:px-0\">\n                <h1 className=\"mb-12 text-center text-4xl font-semibold lg:text-5xl\">Help us route your inquiry</h1>\n\n                <div className=\"grid divide-y border md:grid-cols-2 md:gap-4 md:divide-x md:divide-y-0\">\n                    <div className=\"flex flex-col justify-between space-y-8 p-6 sm:p-12\">\n                        <div>\n                            <h2 className=\"mb-3 text-lg font-semibold\">Collaborate</h2>\n                            <Link href=\"mailto:hello@example.com\" className=\"text-lg text-blue-600 hover:underline dark:text-blue-400\">\n                                hello@example.com\n                            </Link>\n                            <p className=\"mt-3 text-sm\">+243 000 000 000</p>\n                        </div>\n                    </div>\n                    <div className=\"flex flex-col justify-between space-y-8 p-6 sm:p-12\">\n                        <div>\n                            <h3 className=\"mb-3 text-lg font-semibold\">Press</h3>\n                            <Link href=\"mailto:press@example.com\" className=\"text-lg text-blue-600 hover:underline dark:text-blue-400\">\n                                press@example.com\n                            </Link>\n                            <p className=\"mt-3 text-sm\">+243 000 000 000</p>\n                        </div>\n                    </div>\n                </div>\n\n                <div className=\"h-3 border-x bg-[repeating-linear-gradient(-45deg,var(--color-border),var(--color-border)_1px,transparent_1px,transparent_6px)]\"></div>\n                <form action=\"\" className=\"border px-4 py-12 lg:px-0 lg:py-24\">\n                    <Card className=\"mx-auto max-w-lg p-8 sm:p-16\">\n                        <h3 className=\"text-xl font-semibold\">Let's get you to the right place</h3>\n                        <p className=\"mt-4 text-sm\">Reach out to our sales team! We’re eager to learn more about how you plan to use our application.</p>\n\n                        <div className=\"**:[&>label]:block mt-12 space-y-6 *:space-y-3\">\n                            <div>\n                                <Label htmlFor=\"name\" className=\"space-y-2\">\n                                    Full name\n                                </Label>\n                                <Input type=\"text\" id=\"name\" required />\n                            </div>\n                            <div>\n                                <Label htmlFor=\"email\" className=\"space-y-2\">\n                                    Work Email\n                                </Label>\n                                <Input type=\"email\" id=\"email\" required />\n                            </div>\n                            <div>\n                                <Label htmlFor=\"country\" className=\"space-y-2\">\n                                    Country/Region\n                                </Label>\n                                <Select>\n                                    <SelectTrigger>\n                                        <SelectValue placeholder=\"Select a country\" />\n                                    </SelectTrigger>\n                                    <SelectContent>\n                                        <SelectItem value=\"1\">DR Congo</SelectItem>\n                                        <SelectItem value=\"2\">United States</SelectItem>\n                                        <SelectItem value=\"3\">France</SelectItem>\n                                    </SelectContent>\n                                </Select>\n                            </div>\n                            <div>\n                                <Label htmlFor=\"website\" className=\"space-y-2\">\n                                    Company Website\n                                </Label>\n                                <Input type=\"url\" id=\"website\" />\n                            </div>\n                            <div>\n                                <Label htmlFor=\"job\" className=\"space-y-2\">\n                                    Job function\n                                </Label>\n                                <Select>\n                                    <SelectTrigger>\n                                        <SelectValue placeholder=\"Select a job function\" />\n                                    </SelectTrigger>\n                                    <SelectContent>\n                                        <SelectItem value=\"1\">Finance</SelectItem>\n                                        <SelectItem value=\"2\">Education</SelectItem>\n                                        <SelectItem value=\"3\">Legal</SelectItem>\n                                        <SelectItem value=\"4\">More</SelectItem>\n                                    </SelectContent>\n                                </Select>\n                            </div>\n                            <div>\n                                <Label htmlFor=\"msg\" className=\"space-y-2\">\n                                    Message\n                                </Label>\n                                <Textarea id=\"msg\" rows={3} />\n                            </div>\n                            <Button>Submit</Button>\n                        </div>\n                    </Card>\n                </form>\n            </div>\n        </section>\n    )\n}\n",
      "type": "registry:component",
      "target": "components/contact.tsx"
    }
  ]
}