{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"portfolio-portfolio-quote-and-feedback-grid-of-quotes","type":"registry:block","title":"Grid Of Quotes","files":[{"path":"components/blocks/portfolio/portfolio-quote-and-feedback/grid-of-quotes.tsx","content":"export default function GridOfQuotes() {\n  const testimonials = [\n    {\n      quote:\n        \"The team delivered an exceptional design that perfectly aligned with our brand values. Couldn't be happier with the results.\",\n      name: 'Michael Torres',\n      title: 'Founder, Elevation Studios',\n      image:\n        'https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?q=80&w=1000&auto=format&fit=crop',\n    },\n    {\n      quote:\n        'Working with this studio completely transformed our online presence. Our conversion rates have increased by 40% since launch.',\n      name: 'Priya Sharma',\n      title: 'CMO, TechVision',\n      image:\n        'https://images.unsplash.com/photo-1573497019940-1c28c88b4f3e?q=80&w=1000&auto=format&fit=crop',\n    },\n    {\n      quote:\n        'Incredibly responsive and professional. They took the time to understand our goals and delivered beyond expectations.',\n      name: 'David Kim',\n      title: 'Project Manager, Blueprint',\n      image:\n        'https://images.unsplash.com/photo-1560250097-0b93528c311a?q=80&w=1000&auto=format&fit=crop',\n    },\n    {\n      quote:\n        \"Their attention to detail and creative problem-solving made all the difference in our project's success.\",\n      name: 'Emma Wilson',\n      title: 'Creative Director, Stellar',\n      image:\n        'https://images.unsplash.com/photo-1534528741775-53994a69daeb?q=80&w=1000&auto=format&fit=crop',\n    },\n  ];\n\n  return (\n    <section className=\"w-full py-12 md:py-24 lg:py-32\">\n      <div className=\"container mx-auto px-4 md:px-6\">\n        <div className=\"flex flex-col items-center justify-center space-y-4 text-center\">\n          <div className=\"space-y-2\">\n            <h2 className=\"text-3xl font-bold tracking-tighter sm:text-4xl md:text-5xl\">\n              What Our <span className=\"text-primary\">Clients</span> Say\n            </h2>\n            <p className=\"text-muted-foreground mx-auto max-w-[700px] md:text-xl/relaxed\">\n              Testimonials from clients we&apos;ve had the pleasure of working\n              with\n            </p>\n          </div>\n\n          <div className=\"mt-10 grid w-full max-w-6xl grid-cols-1 gap-6 md:grid-cols-2\">\n            {testimonials.map((testimonial, index) => (\n              <div\n                key={index}\n                className=\"bg-muted/40 border-border/40 hover:border-primary/20 hover:bg-muted/60 flex h-full flex-col rounded-xl border p-6 transition-all\"\n              >\n                <div className=\"flex-1\">\n                  <blockquote className=\"relative z-10 mb-4\">\n                    <p className=\"text-lg leading-relaxed\">\n                      {testimonial.quote}\n                    </p>\n                  </blockquote>\n                </div>\n                <div className=\"border-border/30 flex items-center gap-4 border-t pt-4 text-start\">\n                  <div className=\"relative h-10 w-10 overflow-hidden rounded-full\">\n                    <img\n                      src={testimonial.image}\n                      alt={testimonial.name}\n                      className=\"object-cover\"\n                    />\n                  </div>\n                  <div>\n                    <p className=\"font-medium\">{testimonial.name}</p>\n                    <p className=\"text-muted-foreground text-sm\">\n                      {testimonial.title}\n                    </p>\n                  </div>\n                </div>\n              </div>\n            ))}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n}\n","type":"registry:component","target":"components/blocks/portfolio/portfolio-quote-and-feedback/grid-of-quotes.tsx"}],"description":"A grid that arranges several short client quotes side by side with names and roles. Use it to gather feedback from many clients in one compact section."}