{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "contact-16",
  "title": "Minimal centered form",
  "description": "Stripped-back centered contact form with name, email, and message — no distractions, just the essentials.",
  "dependencies": [
    "lucide-react"
  ],
  "registryDependencies": [
    "button",
    "input"
  ],
  "files": [
    {
      "path": "content/components/contact/contact-16.tsx",
      "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ArrowRight, CheckCircle2 } from \"lucide-react\"\n\nimport { Button } from \"@/components/ui/button\"\nimport { Input } from \"@/components/ui/input\"\n\nexport default function Contact16() {\n  const [sent, setSent] = React.useState(false)\n\n  function handleSubmit(e: React.FormEvent<HTMLFormElement>) {\n    e.preventDefault()\n    setSent(true)\n  }\n\n  return (\n    <section className=\"bg-background py-20 sm:py-28\">\n      <div className=\"mx-auto max-w-lg px-6 sm:px-10\">\n        {sent ? (\n          <div className=\"flex flex-col items-center gap-4 text-center\">\n            <span className=\"grid size-12 place-items-center rounded-full bg-foreground/5\">\n              <CheckCircle2 className=\"size-6 text-foreground\" />\n            </span>\n            <h2 className=\"font-semibold text-2xl tracking-tight\">\n              Message received\n            </h2>\n            <p className=\"text-muted-foreground\">\n              We&apos;ll reply within one business day.\n            </p>\n          </div>\n        ) : (\n          <>\n            <div className=\"flex flex-col gap-2 text-center\">\n              <h2 className=\"font-semibold text-3xl tracking-tight sm:text-4xl\">\n                Get in touch\n              </h2>\n              <p className=\"text-muted-foreground\">\n                Questions, feedback, or partnership inquiries — we read everything.\n              </p>\n            </div>\n\n            <form\n              onSubmit={handleSubmit}\n              className=\"mt-10 flex flex-col gap-4\"\n            >\n              <div className=\"flex flex-col gap-1.5\">\n                <label\n                  htmlFor=\"c16-name\"\n                  className=\"text-sm font-medium text-foreground\"\n                >\n                  Name\n                </label>\n                <Input\n                  id=\"c16-name\"\n                  placeholder=\"Ada Lovelace\"\n                  required\n                  className=\"h-11\"\n                />\n              </div>\n\n              <div className=\"flex flex-col gap-1.5\">\n                <label\n                  htmlFor=\"c16-email\"\n                  className=\"text-sm font-medium text-foreground\"\n                >\n                  Email\n                </label>\n                <Input\n                  id=\"c16-email\"\n                  type=\"email\"\n                  placeholder=\"you@company.com\"\n                  required\n                  className=\"h-11\"\n                />\n              </div>\n\n              <div className=\"flex flex-col gap-1.5\">\n                <label\n                  htmlFor=\"c16-msg\"\n                  className=\"text-sm font-medium text-foreground\"\n                >\n                  Message\n                </label>\n                <textarea\n                  id=\"c16-msg\"\n                  rows={5}\n                  required\n                  placeholder=\"How can we help?\"\n                  className=\"flex w-full rounded-lg border border-border bg-background px-3 py-2.5 text-sm placeholder:text-muted-foreground focus-visible:outline-2 focus-visible:outline-foreground/40 resize-none\"\n                />\n              </div>\n\n              <Button type=\"submit\" size=\"lg\" className=\"mt-1 w-full rounded-full\">\n                Send message\n                <ArrowRight className=\"size-4\" />\n              </Button>\n            </form>\n          </>\n        )}\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:block",
      "target": "components/blocks/contact-16.tsx"
    }
  ],
  "categories": [
    "contact"
  ],
  "type": "registry:block"
}