{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"portfolio-portfolio-mission-and-values-quote-values-combo","type":"registry:block","title":"Quote Values Combo","files":[{"path":"components/blocks/portfolio/portfolio-mission-and-values/quote-values-combo.tsx","content":"import { QuoteIcon } from 'lucide-react';\n\nexport default function MissionAndValuesQuoteCombo() {\n  const values = [\n    {\n      title: 'Purpose-Driven',\n      description:\n        'We believe in creating work that serves a meaningful purpose and delivers real value.',\n    },\n    {\n      title: 'Continuous Growth',\n      description:\n        'We embrace learning and evolution as essential parts of our journey.',\n    },\n    {\n      title: 'Client Partnership',\n      description:\n        'We see our clients as partners in a shared mission, not just customers.',\n    },\n    {\n      title: 'Creative Excellence',\n      description:\n        'We push creative boundaries while maintaining the highest standards of quality.',\n    },\n    {\n      title: 'Human-Centered',\n      description:\n        'We design for people first, putting human needs at the center of everything we create.',\n    },\n    {\n      title: 'Sustainable Innovation',\n      description:\n        \"We create solutions that are not only innovative today but sustainable for tomorrow's challenges.\",\n    },\n  ];\n\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        {/* Quote Section */}\n        <div className=\"mb-16 text-center\">\n          <QuoteIcon className=\"text-primary/50 mx-auto mb-6 h-12 w-12\" />\n\n          <blockquote className=\"mx-auto max-w-4xl\">\n            <p className=\"text-2xl leading-relaxed font-medium italic md:text-3xl\">\n              &quot;The goal isn&apos;t to build a website, an app, or a\n              company. The goal is to change the world by giving people tools\n              that make their lives better and make them better people.&quot;\n            </p>\n          </blockquote>\n\n          <div className=\"mt-6\">\n            <div className=\"flex items-center justify-center\">\n              <div className=\"relative h-12 w-12 overflow-hidden rounded-full\">\n                <img\n                  src=\"https://images.unsplash.com/photo-1507003211169-0a1dd7228f2d?q=80&w=1974&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                  alt=\"Founder\"\n                  className=\"object-cover\"\n                />\n              </div>\n              <div className=\"ml-4 text-left\">\n                <p className=\"font-semibold\">Alex Morgan</p>\n                <p className=\"text-muted-foreground text-sm\">\n                  Founder & Creative Director\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Mission Statement */}\n        <div className=\"bg-card mx-auto mb-16 max-w-3xl rounded-lg border p-8 text-center shadow-sm\">\n          <h2 className=\"mb-4 text-2xl font-bold sm:text-3xl\">Our Mission</h2>\n          <p className=\"text-muted-foreground text-lg\">\n            To create digital experiences that elevate brands, empower users,\n            and inspire meaningful connections through thoughtful design and\n            innovative technology.\n          </p>\n        </div>\n\n        {/* Values Section */}\n        <div>\n          <h2 className=\"mb-8 text-center text-2xl font-bold sm:text-3xl\">\n            Guiding Values\n          </h2>\n\n          <div className=\"mx-auto grid max-w-5xl gap-6 sm:grid-cols-2 lg:grid-cols-3\">\n            {values.map((value, index) => (\n              <div\n                key={index}\n                className=\"border-l-primary bg-card rounded-lg border border-l-4 p-6 shadow-sm\"\n              >\n                <h3 className=\"mb-2 text-xl font-semibold\">{value.title}</h3>\n                <p className=\"text-muted-foreground\">{value.description}</p>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n","type":"registry:component","target":"components/blocks/portfolio/portfolio-mission-and-values/quote-values-combo.tsx"}],"description":"A layout that pairs a featured quote with a list of supporting values beside it. Use it to ground your mission in a memorable statement and proof.","dependencies":["lucide-react"]}