{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"marketing-icon-sections-description-on-left-icon-blocks-on-right","type":"registry:block","title":"Description On Left Icon Blocks On Right","files":[{"path":"components/blocks/marketing/icon-sections/description-on-left-icon-blocks-on-right.tsx","content":"import {\n  BookOpenIcon,\n  ChevronRightIcon,\n  MessagesSquareIcon,\n  ThumbsUpIcon,\n} from \"lucide-react\";\n\nexport default function IconSectionDescriptionOnLeftIconBlocksOnRight() {\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        {/* Grid */}\n        <div className=\"grid md:grid-cols-2 gap-12\">\n          <div className=\"lg:w-3/4\">\n            <h2 className=\"scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight transition-colors first:mt-0\">\n              Collaborative tools to design better user experience\n            </h2>\n            <p className=\"mt-3 text-muted-foreground\">\n              We help businesses bring ideas to life in the digital world, by\n              designing and implementing the technology tools that they need to\n              win.\n            </p>\n            <p className=\"mt-5\">\n              <a\n                className=\"inline-flex items-center gap-x-1 group font-medium hover:underline underline-offset-4 \"\n                href=\"#\"\n              >\n                Contact sales to learn more\n                <ChevronRightIcon className=\"flex-shrink-0 w-4 h-4 transition ease-in-out group-hover:translate-x-1\" />\n              </a>\n            </p>\n          </div>\n          {/* End Col */}\n          <div className=\"space-y-6 lg:space-y-10\">\n            {/* Icon Block */}\n            <div className=\"flex\">\n              {/* Icon */}\n              <span className=\"flex-shrink-0 inline-flex justify-center items-center w-[46px] h-[46px] rounded-full border bg-primary text-primary-foreground\">\n                <BookOpenIcon className=\"flex-shrink-0 w-5 h-5\" />\n              </span>\n              <div className=\"ms-5 sm:ms-8\">\n                <h3 className=\"text-base sm:text-lg font-semibold\">\n                  Industry-leading documentation\n                </h3>\n                <p className=\"mt-1 text-muted-foreground\">\n                  Our documentation and extensive Client libraries contain\n                  everything a business needs to build a custom integration in a\n                  fraction of the time.\n                </p>\n              </div>\n            </div>\n            {/* End Icon Block */}\n            {/* Icon Block */}\n            <div className=\"flex\">\n              {/* Icon */}\n              <span className=\"flex-shrink-0 inline-flex justify-center items-center w-[46px] h-[46px] rounded-full border  bg-primary text-primary-foreground\">\n                <MessagesSquareIcon className=\"flex-shrink-0 w-5 h-5\" />\n              </span>\n              <div className=\"ms-5 sm:ms-8\">\n                <h3 className=\"text-base sm:text-lg font-semibold\">\n                  Developer community support\n                </h3>\n                <p className=\"mt-1 text-muted-foreground\">\n                  We actively contribute to open-source projects—giving back to\n                  the community through development, patches, and sponsorships.\n                </p>\n              </div>\n            </div>\n            {/* End Icon Block */}\n            {/* Icon Block */}\n            <div className=\"flex\">\n              {/* Icon */}\n              <span className=\"flex-shrink-0 inline-flex justify-center items-center w-[46px] h-[46px] rounded-full border bg-primary text-primary-foreground\">\n                <ThumbsUpIcon className=\"flex-shrink-0 w-5 h-5\" />\n              </span>\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      {/* End Icon Blocks */}\n    </>\n  );\n}\n","type":"registry:component","target":"components/blocks/marketing/icon-sections/description-on-left-icon-blocks-on-right.tsx"}],"description":"A split layout with a section heading and copy on the left and stacked icon blocks on the right. Pairs a narrative pitch with scannable feature points.","dependencies":["lucide-react"]}