{"$schema":"https://ui.shadcn.com/schema/registry-item.json","type":"registry:block","registryDependencies":["@efferd/full-width-divider"],"name":"contact-1","description":"Compact contact strip with phone, email, and office details.","categories":["contact"],"files":[{"path":"registry/blocks/contact/1/contact.tsx","type":"registry:component","content":"import { cn } from \"@/lib/utils\";\nimport { FullWidthDivider } from \"@/components/full-width-divider\";\n\nconst data = [\n\t{\n\t\ttitle: \"Call Us Today!\",\n\t\tvalue: \"+1 (555) 123-4567\",\n\t\ticon: (\n\t\t\t<IconPlaceholder\n\t\t\t\thugeicons=\"Call02Icon\"\n\t\t\t\tlucide=\"Phone\"\n\t\t\t\tphosphor=\"PhoneIcon\"\n\t\t\t\tremixicon=\"RiPhoneLine\"\n\t\t\t\ttabler=\"IconPhone\"\n\t\t\t/>\n\t\t),\n\t},\n\t{\n\t\ttitle: \"Send an Email\",\n\t\tvalue: \"mail@example.com\",\n\t\ticon: (\n\t\t\t<IconPlaceholder\n\t\t\t\thugeicons=\"MailSend01Icon\"\n\t\t\t\tlucide=\"Mail\"\n\t\t\t\tphosphor=\"EnvelopeIcon\"\n\t\t\t\tremixicon=\"RiMailLine\"\n\t\t\t\ttabler=\"IconMail\"\n\t\t\t/>\n\t\t),\n\t},\n\t{\n\t\ttitle: \"Visit Our Office\",\n\t\tvalue: \"100 Smith Street, VIC\",\n\t\ticon: (\n\t\t\t<IconPlaceholder\n\t\t\t\thugeicons=\"Location01Icon\"\n\t\t\t\tlucide=\"MapPin\"\n\t\t\t\tphosphor=\"MapPinIcon\"\n\t\t\t\tremixicon=\"RiMapPinLine\"\n\t\t\t\ttabler=\"IconMapPin\"\n\t\t\t/>\n\t\t),\n\t},\n];\n\nexport function Contact() {\n\treturn (\n\t\t<div className=\"mx-auto max-w-4xl\">\n\t\t\t<h2 className=\"mb-6 font-medium text-lg md:text-2xl\">\n\t\t\t\tHave Questions? Get in Touch!\n\t\t\t</h2>\n\t\t\t<div className=\"relative\">\n\t\t\t\t<FullWidthDivider position=\"top\" />\n\t\t\t\t<div className=\"grid gap-px overflow-hidden bg-border px-px md:grid-cols-3\">\n\t\t\t\t\t{data.map((item) => (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tclassName=\"flex items-center gap-3 bg-background p-2 shadow-xs\"\n\t\t\t\t\t\t\tkey={item.title}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\t\t\"flex size-12 shrink-0 items-center justify-center rounded-lg bg-muted/50\",\n\t\t\t\t\t\t\t\t\t\"[&_svg]:size-4 [&_svg]:text-muted-foreground\"\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{item.icon}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className={cn(\"flex flex-col gap-y-0.5\")}>\n\t\t\t\t\t\t\t\t<h2 className=\"text-sm\">{item.title}</h2>\n\t\t\t\t\t\t\t\t<p className=\"text-muted-foreground text-xs\">{item.value}</p>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t))}\n\t\t\t\t</div>\n\t\t\t\t<FullWidthDivider position=\"bottom\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"}]}