{
	"$schema": "https://shadcn-svelte.com/schema/registry-item.json",
	"name": "contact-two",
	"type": "registry:block",
	"description": "Two-column contact section with form and info",
	"registryDependencies": [
		"button",
		"card",
		"input",
		"label",
		"select",
		"textarea"
	],
	"files": [
		{
			"content": "<script>\n\timport Button from \"$COMPONENTS$/ui/button/button.svelte\";\n\timport { Card } from \"$COMPONENTS$/ui/card\";\n\timport Input from \"$COMPONENTS$/ui/input/input.svelte\";\n\timport Label from \"$COMPONENTS$/ui/label/label.svelte\";\n\timport * as Select from \"$COMPONENTS$/ui/select/index.js\";\n\timport { Textarea } from \"$COMPONENTS$/ui/textarea\";\n</script>\n\n<section class=\"py-32\">\n\t<div class=\"mx-auto max-w-4xl px-4 lg:px-0\">\n\t\t<h1 class=\"mb-12 text-center text-4xl font-semibold lg:text-5xl\">\n\t\t\tHelp us route your inquiry\n\t\t</h1>\n\n\t\t<div class=\"grid divide-y border md:grid-cols-2 md:gap-4 md:divide-x md:divide-y-0\">\n\t\t\t<div class=\"flex flex-col justify-between space-y-8 p-6 sm:p-12\">\n\t\t\t\t<div>\n\t\t\t\t\t<h2 class=\"mb-3 text-lg font-semibold\">Collaborate</h2>\n\t\t\t\t\t<a\n\t\t\t\t\t\thref=\"mailto:hello@tailus.io\"\n\t\t\t\t\t\tclass=\"text-lg text-blue-600 hover:underline dark:text-blue-400\"\n\t\t\t\t\t>\n\t\t\t\t\t\thello@tailus.io\n\t\t\t\t\t</a>\n\t\t\t\t\t<p class=\"mt-3 text-sm\">+243 000 000 000</p>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"flex flex-col justify-between space-y-8 p-6 sm:p-12\">\n\t\t\t\t<div>\n\t\t\t\t\t<h3 class=\"mb-3 text-lg font-semibold\">Press</h3>\n\t\t\t\t\t<a\n\t\t\t\t\t\thref=\"mailto:press@tailus.io\"\n\t\t\t\t\t\tclass=\"text-lg text-blue-600 hover:underline dark:text-blue-400\"\n\t\t\t\t\t>\n\t\t\t\t\t\tpress@tailus.io\n\t\t\t\t\t</a>\n\t\t\t\t\t<p class=\"mt-3 text-sm\">+243 000 000 000</p>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"h-3 border-x bg-[repeating-linear-gradient(-45deg,var(--color-border),var(--color-border)_1px,transparent_1px,transparent_6px)]\"\n\t\t></div>\n\t\t<form action=\"\" class=\"border px-4 py-12 lg:px-0 lg:py-24\">\n\t\t\t<Card class=\"mx-auto max-w-lg p-8 sm:p-16\">\n\t\t\t\t<h3 class=\"text-xl font-semibold\">Let's get you to the right place</h3>\n\t\t\t\t<p class=\"mt-4 text-sm\">\n\t\t\t\t\tReach out to our sales team! We’re eager to learn more about how you plan to use\n\t\t\t\t\tour application.\n\t\t\t\t</p>\n\n\t\t\t\t<div class=\"mt-12 space-y-6 *:space-y-3 **:[&>label]:block\">\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Label for=\"name\" class=\"space-y-2\">Full name</Label>\n\t\t\t\t\t\t<Input type=\"text\" id=\"name\" placeholder=\"John Doe\" required />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Label for=\"email\" class=\"space-y-2\">Work Email</Label>\n\t\t\t\t\t\t<Input type=\"email\" id=\"email\" placeholder=\"you@company.com\" required />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Label for=\"country\" class=\"space-y-2\">Country/Region</Label>\n\t\t\t\t\t\t<Select.Root type=\"single\">\n\t\t\t\t\t\t\t<Select.Trigger>Select a country</Select.Trigger>\n\t\t\t\t\t\t\t<Select.Content>\n\t\t\t\t\t\t\t\t<Select.Item value=\"1\">DR Congo</Select.Item>\n\t\t\t\t\t\t\t\t<Select.Item value=\"2\">United States</Select.Item>\n\t\t\t\t\t\t\t\t<Select.Item value=\"3\">France</Select.Item>\n\t\t\t\t\t\t\t</Select.Content>\n\t\t\t\t\t\t</Select.Root>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Label for=\"website\" class=\"space-y-2\">Company Website</Label>\n\t\t\t\t\t\t<Input type=\"url\" id=\"website\" placeholder=\"https://company.com\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Label for=\"job\" class=\"space-y-2\">Job function</Label>\n\t\t\t\t\t\t<Select.Root type=\"single\">\n\t\t\t\t\t\t\t<Select.Trigger>Select job function</Select.Trigger>\n\t\t\t\t\t\t\t<Select.Content>\n\t\t\t\t\t\t\t\t<Select.Item value=\"1\">Finance</Select.Item>\n\t\t\t\t\t\t\t\t<Select.Item value=\"2\">Education</Select.Item>\n\t\t\t\t\t\t\t\t<Select.Item value=\"3\">Legal</Select.Item>\n\t\t\t\t\t\t\t\t<Select.Item value=\"4\">More</Select.Item>\n\t\t\t\t\t\t\t</Select.Content>\n\t\t\t\t\t\t</Select.Root>\n\t\t\t\t\t</div>\n\t\t\t\t\t<div>\n\t\t\t\t\t\t<Label for=\"msg\" class=\"space-y-2\">Message</Label>\n\t\t\t\t\t\t<Textarea id=\"msg\" rows={3} placeholder=\"Tell us about your needs...\" />\n\t\t\t\t\t</div>\n\t\t\t\t\t<Button>Submit</Button>\n\t\t\t\t</div>\n\t\t\t</Card>\n\t\t</form>\n\t</div>\n</section>\n",
			"type": "registry:component",
			"target": "blocks/contact/contact-two.svelte"
		}
	]
}