{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"portfolio-portfolio-mission-and-values-three-pillars-layout","type":"registry:block","title":"Three Pillars Layout","files":[{"path":"components/blocks/portfolio/portfolio-mission-and-values/three-pillars-layout.tsx","content":"import { ShieldCheck, Lightbulb, Users } from \"lucide-react\";\n\nexport default function MissionAndValuesThreePillars() {\n  return (\n    <section className=\"py-16 md:py-24\">\n      <div className=\"container mx-auto px-4 md:px-6 2xl:max-w-[1400px]\">\n        {/* Mission Statement Header */}\n        <div className=\"mb-16 text-center\">\n          <h2 className=\"mb-4 text-3xl font-bold tracking-tight sm:text-4xl md:text-5xl\">\n            Our Mission\n          </h2>\n          <p className=\"text-muted-foreground mx-auto max-w-3xl text-lg md:text-xl\">\n            We strive to create meaningful digital experiences that transform\n            businesses and enrich lives through innovative design and technology\n            solutions.\n          </p>\n        </div>\n\n        {/* Three Pillars */}\n        <div className=\"grid gap-8 md:grid-cols-3\">\n          {/* Pillar 1 */}\n          <div className=\"bg-card flex flex-col items-center rounded-lg border p-8 text-center shadow-sm transition-all hover:shadow-md\">\n            <div className=\"bg-primary/10 text-primary flex h-14 w-14 items-center justify-center rounded-full\">\n              <ShieldCheck className=\"h-7 w-7\" />\n            </div>\n            <h3 className=\"mt-6 text-xl font-semibold\">Integrity</h3>\n            <p className=\"text-muted-foreground mt-3\">\n              We hold ourselves to the highest ethical standards in all\n              interactions. Honesty and transparency guide our relationships\n              with clients and teammates.\n            </p>\n          </div>\n\n          {/* Pillar 2 */}\n          <div className=\"bg-card flex flex-col items-center rounded-lg border p-8 text-center shadow-sm transition-all hover:shadow-md\">\n            <div className=\"bg-primary/10 text-primary flex h-14 w-14 items-center justify-center rounded-full\">\n              <Lightbulb className=\"h-7 w-7\" />\n            </div>\n            <h3 className=\"mt-6 text-xl font-semibold\">Innovation</h3>\n            <p className=\"text-muted-foreground mt-3\">\n              We continuously explore new possibilities and challenge\n              conventional thinking to create solutions that are ahead of their\n              time.\n            </p>\n          </div>\n\n          {/* Pillar 3 */}\n          <div className=\"bg-card flex flex-col items-center rounded-lg border p-8 text-center shadow-sm transition-all hover:shadow-md\">\n            <div className=\"bg-primary/10 text-primary flex h-14 w-14 items-center justify-center rounded-full\">\n              <Users className=\"h-7 w-7\" />\n            </div>\n            <h3 className=\"mt-6 text-xl font-semibold\">Collaboration</h3>\n            <p className=\"text-muted-foreground mt-3\">\n              We believe in the power of diverse perspectives and foster an\n              environment where teamwork and open communication drive our\n              success.\n            </p>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n","type":"registry:component","target":"components/blocks/portfolio/portfolio-mission-and-values/three-pillars-layout.tsx"}],"description":"Three equal columns, each presenting one guiding pillar with a heading and text. Use it to summarize the ideas your practice is built around.","dependencies":["lucide-react"]}