{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"marketing-icon-sections-circle-icons-centre-aligned","type":"registry:block","title":"Circle Icons Centre Aligned","files":[{"path":"components/blocks/marketing/icon-sections/circle-icons-centre-aligned.tsx","content":"import {\n  BookOpenIcon,\n  MessagesSquareIcon,\n  Settings2Icon,\n  TabletSmartphoneIcon,\n} from \"lucide-react\";\n\nexport default function IconSectionCircleIconsCentreAligned() {\n  return (\n    <>\n      {/* Icon Blocks */}\n      <div className=\"container mx-auto px-4 md:px-6 2xl:max-w-[1400px] py-24 lg:py-32\">\n        <div className=\"grid sm:grid-cols-2 lg:grid-cols-4 items-center gap-12\">\n          {/* Icon Block */}\n          <div className=\"text-center\">\n            <div className=\"flex justify-center items-center w-12 h-12 bg-primary border rounded-full mx-auto\">\n              <TabletSmartphoneIcon className=\"flex-shrink-0 w-5 h-5 text-primary-foreground\" />\n            </div>\n            <div className=\"mt-3\">\n              <h3 className=\"text-lg font-semibold \">Responsive</h3>\n              <p className=\"mt-1 text-muted-foreground\">\n                Responsive, and mobile-first project on the web\n              </p>\n            </div>\n          </div>\n          {/* End Icon Block */}\n          {/* Icon Block */}\n          <div className=\"text-center\">\n            <div className=\"flex justify-center items-center w-12 h-12 bg-primary border rounded-full mx-auto\">\n              <Settings2Icon className=\"flex-shrink-0 w-5 h-5 text-primary-foreground\" />\n            </div>\n            <div className=\"mt-3\">\n              <h3 className=\"text-lg font-semibold \">Customizable</h3>\n              <p className=\"mt-1 text-muted-foreground\">\n                Components are easily customized and extendable\n              </p>\n            </div>\n          </div>\n          {/* End Icon Block */}\n          {/* Icon Block */}\n          <div className=\"text-center\">\n            <div className=\"flex justify-center items-center w-12 h-12 bg-primary border rounded-full mx-auto\">\n              <BookOpenIcon className=\"flex-shrink-0 w-5 h-5 text-primary-foreground\" />\n            </div>\n            <div className=\"mt-3\">\n              <h3 className=\"text-lg font-semibold \">Documentation</h3>\n              <p className=\"mt-1 text-muted-foreground\">\n                Every component and plugin is well documented\n              </p>\n            </div>\n          </div>\n          {/* End Icon Block */}\n          {/* Icon Block */}\n          <div className=\"text-center\">\n            <div className=\"flex justify-center items-center w-12 h-12 bg-primary border rounded-full mx-auto\">\n              <MessagesSquareIcon className=\"flex-shrink-0 w-5 h-5 text-primary-foreground\" />\n            </div>\n            <div className=\"mt-3\">\n              <h3 className=\"text-lg font-semibold \">24/7 Support</h3>\n              <p className=\"mt-1 text-muted-foreground\">\n                Contact us 24 hours a day, 7 days a week\n              </p>\n            </div>\n          </div>\n          {/* End Icon Block */}\n        </div>\n      </div>\n      {/* End Icon Blocks */}\n    </>\n  );\n}\n","type":"registry:component","target":"components/blocks/marketing/icon-sections/circle-icons-centre-aligned.tsx"}],"description":"Centre aligned icons set in soft circles, each with a title and caption. A friendly way to present three or four core benefits on a landing page.","dependencies":["lucide-react"]}