{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "contact-11",
  "title": "Contact 11 – Centered form with supporting sidebar",
  "description": "A balanced contact layout with a primary, centered form and a secondary sidebar that mirrors or reinforces the same interaction. The main column keeps focus on the form, while the sidebar provides a persistent fallback or alternative entry point. Useful when you want a calm, symmetrical layout with built-in redundancy for conversion.",
  "registryDependencies": [
    "button",
    "label",
    "input",
    "textarea",
    "checkbox",
    "@shadcncraft/section-heading"
  ],
  "files": [
    {
      "path": "blocks/pro-marketing/contact/contact-11/index.tsx",
      "content": "import { Button } from \"@/components/ui/button\";\nimport { Checkbox } from \"@/components/ui/checkbox\";\nimport { Field, FieldLabel } from \"@/components/ui/field\";\nimport { Input } from \"@/components/ui/input\";\nimport {\n  SectionHeading,\n  SectionHeadingBody,\n  SectionHeadingTagline,\n  SectionHeadingTitle,\n} from \"@/components/shadcncraft/pro-marketing/section-heading\";\nimport { Textarea } from \"@/components/ui/textarea\";\n\nexport function Contact11() {\n  return (\n    <section className=\"py-6 lg:py-20\">\n      <div className=\"mx-auto flex max-w-7xl flex-col gap-16 px-5 lg:px-8\">\n        {/* Section Heading */}\n        <div className=\"mx-auto w-full max-w-md\">\n          <SectionHeading alignment=\"center\">\n            <SectionHeadingTagline>Support</SectionHeadingTagline>\n            <SectionHeadingTitle>Need Help? We&apos;re Here to Help</SectionHeadingTitle>\n            <SectionHeadingBody>\n              Our support team is available to assist you with any questions or issues you\n              may have.\n            </SectionHeadingBody>\n          </SectionHeading>\n        </div>\n\n        {/* Contact Form */}\n        <div className=\"mx-auto w-full max-w-md\">\n          <form className=\"flex flex-col gap-4\" aria-label=\"Contact form\">\n            <Field>\n              <FieldLabel htmlFor=\"input-1\">Name</FieldLabel>\n              <Input id=\"input-1\" placeholder=\"Joe Smith\" />\n            </Field>\n\n            <Field>\n              <FieldLabel htmlFor=\"input-2\">Email</FieldLabel>\n              <Input id=\"input-2\" placeholder=\"joe@example.com\" />\n            </Field>\n\n            <Field>\n              <FieldLabel htmlFor=\"input-3\">Message</FieldLabel>\n              <Textarea\n                id=\"input-3\"\n                placeholder=\"Hi, this is my message\"\n                className=\"h-16\"\n              />\n            </Field>\n\n            <Field orientation=\"horizontal\">\n              <Checkbox id=\"input-4\" />\n              <FieldLabel htmlFor=\"input-4\" className=\"font-normal\">\n                You agree to our simple{\" \"}\n                <a href=\"#\" className=\"text-primary underline\">\n                  Privacy Policy\n                </a>\n              </FieldLabel>\n            </Field>\n\n            <Button type=\"submit\" className=\"w-full\">\n              Send message\n            </Button>\n          </form>\n        </div>\n      </div>\n    </section>\n  );\n}\n",
      "type": "registry:component",
      "target": "@components/shadcncraft/pro-marketing/contact/contact-11/index.tsx"
    }
  ],
  "meta": {
    "tier": "free",
    "figmaNodeId": "17859-93196",
    "bundle": "pro-marketing"
  },
  "categories": ["contact"],
  "type": "registry:block"
}