{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "contact-sections-06",
  "type": "registry:block",
  "description": "Centered contact with circular icon badges",
  "registryDependencies": [],
  "files": [
    {
      "path": "creative-tim-ui/blocks/contact-sections-06/page.tsx",
      "content": "\"use client\"\n\nimport { Mail, MapPin, Phone } from \"lucide-react\"\n\nconst OPTIONS = [\n  {\n    icon: MapPin,\n    title: \"Address\",\n    subTitle: \"Find us at the office\",\n    description: \"12124 First Street, nr 54\",\n  },\n  {\n    icon: Mail,\n    title: \"Email\",\n    subTitle: \"Send us your feedback\",\n    description: \"hello@email.com\",\n  },\n  {\n    icon: Phone,\n    title: \"Phone\",\n    subTitle: \"Give us a ring\",\n    description: \"+1 (424) 535-3523\",\n  },\n]\n\nexport default function ContactSections06() {\n  return (\n    <section className=\"py-16\">\n      <div className=\"container mx-auto\">\n        <div className=\"mb-16 text-center\">\n          <span className=\"text-primary block text-sm font-semibold\">\n            Contact Us\n          </span>\n          <h2 className=\"my-4 text-center text-3xl font-bold\">\n            Got a Question?\n          </h2>\n          <p className=\"text-muted-foreground mx-auto max-w-lg text-center text-lg\">\n            We&apos;d like to talk more about what you need\n          </p>\n        </div>\n        <div className=\"grid grid-cols-1 justify-items-center gap-x-8 gap-y-16 md:grid-cols-2 lg:grid-cols-3\">\n          {OPTIONS.map(({ icon: Icon, title, subTitle, description }, key) => (\n            <div key={key} className=\"text-center\">\n              <div className=\"bg-primary mx-auto mb-6 grid h-14 w-14 place-items-center rounded-full\">\n                <Icon className=\"text-primary-foreground h-6 w-6\" />\n              </div>\n              <p className=\"text-lg font-semibold\">{title}</p>\n              <p className=\"text-muted-foreground my-3 block\">{subTitle}</p>\n              <p>{description}</p>\n            </div>\n          ))}\n        </div>\n      </div>\n    </section>\n  )\n}\n",
      "type": "registry:page",
      "target": "app/contact-sections-06/page.tsx"
    }
  ],
  "meta": {
    "iframeHeight": "800px",
    "container": "w-full bg-surface min-h-svh flex px-4 py-12 items-center md:py-20 justify-center min-w-0",
    "mobile": "component"
  },
  "categories": [
    "contact"
  ]
}