{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "contact-form",
  "type": "registry:block",
  "title": "Contact Form",
  "description": "A contact form with name, email, and message fields.",
  "files": [
    {
      "path": "registry/alpine/forms/contact-form.tsx",
      "content": "import { Label } from \"@/registry/alpine/ui/label\"\nimport { Input } from \"@/registry/alpine/ui/input\"\nimport { Textarea } from \"@/registry/alpine/ui/textarea\"\nimport { Button } from \"@/registry/alpine/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/registry/alpine/ui/card\"\n\nexport function ContactForm() {\n  return (\n    <Card className=\"w-full max-w-md\">\n      <CardHeader>\n        <CardTitle>Contact Us</CardTitle>\n        <CardDescription>\n          We would love to hear from you. Please fill out the form below and we\n          will get back to you as soon as possible.\n        </CardDescription>\n      </CardHeader>\n      <CardContent>\n        <form className=\"flex flex-col gap-6\">\n          <div className=\"flex flex-col gap-3\">\n            <Label htmlFor=\"name\">Name</Label>\n            <Input id=\"name\" placeholder=\"Name\" />\n          </div>\n          <div className=\"flex flex-col gap-3\">\n            <Label htmlFor=\"email\">Email</Label>\n            <Input id=\"email\" placeholder=\"Email\" />\n          </div>\n          <div className=\"flex flex-col gap-3\">\n            <Label htmlFor=\"message\">Message</Label>\n            <Textarea id=\"message\" placeholder=\"Message\" />\n          </div>\n          <Button type=\"submit\">Submit</Button>\n        </form>\n      </CardContent>\n    </Card>\n  )\n}\n",
      "type": "registry:component"
    }
  ]
}