{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"marketing-icon-sections-2-cols-grid","type":"registry:block","title":"2 Cols Grid","files":[{"path":"components/blocks/marketing/icon-sections/2-cols-grid.tsx","content":"import {\n  BrainCogIcon,\n  PackageIcon,\n  ThumbsUpIcon,\n  TrophyIcon,\n  UsersIcon,\n  ZapIcon,\n} from \"lucide-react\";\n\nexport default function IconSection2ColsGrid() {\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=\"max-w-4xl mx-auto\">\n          {/* Grid */}\n          <div className=\"grid md:grid-cols-2 gap-6 lg:gap-12\">\n            <div className=\"space-y-6 lg:space-y-10\">\n              {/* Icon Block */}\n              <div className=\"flex\">\n                <BrainCogIcon className=\"flex-shrink-0 mt-2 h-8 w-8\" />\n                <div className=\"ms-5 sm:ms-8\">\n                  <h3 className=\"text-base sm:text-lg font-semibold\">\n                    Creative minds\n                  </h3>\n                  <p className=\"mt-1 text-muted-foreground\">\n                    We choose our teams carefully. Our people are the secret to\n                    great work.\n                  </p>\n                </div>\n              </div>\n              {/* End Icon Block */}\n              {/* Icon Block */}\n              <div className=\"flex\">\n                <PackageIcon className=\"flex-shrink-0 mt-2 h-8 w-8\" />\n                <div className=\"ms-5 sm:ms-8\">\n                  <h3 className=\"text-base sm:text-lg font-semibold\">\n                    Effortless updates\n                  </h3>\n                  <p className=\"mt-1 text-muted-foreground\">\n                    Benefit from automatic updates to all boards any time you\n                    need to make a change to your website.\n                  </p>\n                </div>\n              </div>\n              {/* End Icon Block */}\n              {/* Icon Block */}\n              <div className=\"flex\">\n                <ZapIcon className=\"flex-shrink-0 mt-2 h-8 w-8\" />\n                <div className=\"ms-5 sm:ms-8\">\n                  <h3 className=\"text-base sm:text-lg font-semibold\">\n                    Strong empathy\n                  </h3>\n                  <p className=\"mt-1 text-muted-foreground\">\n                    We&apos;ve user tested our own process by shipping over 1k\n                    products for clients.\n                  </p>\n                </div>\n              </div>\n              {/* End Icon Block */}\n            </div>\n            {/* End Col */}\n            <div className=\"space-y-6 lg:space-y-10\">\n              {/* Icon Block */}\n              <div className=\"flex\">\n                <TrophyIcon className=\"flex-shrink-0 mt-2 h-8 w-8\" />\n                <div className=\"ms-5 sm:ms-8\">\n                  <h3 className=\"text-base sm:text-lg font-semibold\">\n                    Conquer the best\n                  </h3>\n                  <p className=\"mt-1 text-muted-foreground\">\n                    We stay lean and help your product do one thing well.\n                  </p>\n                </div>\n              </div>\n              {/* End Icon Block */}\n              {/* Icon Block */}\n              <div className=\"flex\">\n                <UsersIcon className=\"flex-shrink-0 mt-2 h-8 w-8\" />\n                <div className=\"ms-5 sm:ms-8\">\n                  <h3 className=\"text-base sm:text-lg font-semibold\">\n                    Designing for people\n                  </h3>\n                  <p className=\"mt-1 text-muted-foreground\">\n                    We actively pursue the right balance between functionality\n                    and aesthetics, creating delightful experiences.\n                  </p>\n                </div>\n              </div>\n              {/* End Icon Block */}\n              {/* Icon Block */}\n              <div className=\"flex\">\n                <ThumbsUpIcon className=\"flex-shrink-0 mt-2 h-8 w-8\" />\n                <div className=\"ms-5 sm:ms-8\">\n                  <h3 className=\"text-base sm:text-lg font-semibold\">\n                    Simple and affordable\n                  </h3>\n                  <p className=\"mt-1 text-muted-foreground\">\n                    From boarding passes to movie tickets, there&apos;s pretty\n                    much nothing you can&apos;t do.\n                  </p>\n                </div>\n              </div>\n              {/* End Icon Block */}\n            </div>\n            {/* End Col */}\n          </div>\n          {/* End Grid */}\n        </div>\n      </div>\n      {/* End Icon Blocks */}\n    </>\n  );\n}\n","type":"registry:component","target":"components/blocks/marketing/icon-sections/2-cols-grid.tsx"}],"description":"A two column grid pairing each icon with a heading and short paragraph. Lays out a handful of product features in a clean, balanced reading layout.","dependencies":["lucide-react"]}