{"success":true,"data":{"block":{"id":"testimonials-bento-grid","name":"Testimonials Bento Grid","title":"Testimonials Bento Grid","category":"Testimonials","categorySlug":"testimonials","description":"A bento-style grid layout for testimonials with a featured testimonial spanning multiple rows. Cards display quotes with author avatars, names, roles, and decorative quote icons. The asymmetric grid creates visual interest while highlighting key testimonials. Ideal for landing pages and about sections.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/293177/z66pvkg79bkry6qfj15zhknbms8f/cleanshot-2026-03-05-at-07-10-42.png","mobile":"https://cdn.ing/assets/i/r/293176/6dx4bdgluglzqgireiceyykojnd0/cleanshot-2026-03-05-at-07-10-55.png"},"componentPath":"blocks/testimonials/testimonials-bento-grid.tsx","code":"import { TestimonialsBentoGrid } from \"@opensite/ui/blocks/testimonials/testimonials-bento-grid\";\nimport { imagePlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <TestimonialsBentoGrid\n      heading=\"Trusted by Industry Leaders\"\n      description=\"See what our customers have to say about transforming their businesses\"\n      testimonials={[\n        {\n          quote:\n            \"This platform completely transformed how we approach customer engagement. The AI-powered insights have given us a competitive edge we didn't think possible. Our conversion rates have tripled, and customer retention is at an all-time high.\",\n          author: \"Alexandra Bennett\",\n          role: \"Chief Marketing Officer\",\n          company: \"Growth Dynamics\",\n          avatarSrc: imagePlaceholders[23],\n          featured: true,\n          linkConfig: {\n            href: \"#\",\n            label: \"Read Full Case Study\",\n          },\n        },\n        {\n          quote:\n            \"Implementation was seamless. The support team guided us every step, and we saw results within weeks.\",\n          author: \"James Wilson\",\n          role: \"Operations Director\",\n          company: \"Streamline Co\",\n          avatarSrc: imagePlaceholders[45],\n          linkConfig: {\n            href: \"#\",\n            label: \"Read More\",\n          },\n        },\n        {\n          quote:\n            \"The ROI has been incredible. We've reduced operational costs by 35% while improving service quality.\",\n          author: \"Priya Sharma\",\n          role: \"CFO\",\n          company: \"FinTech Innovations\",\n          avatarSrc: imagePlaceholders[67],\n          linkConfig: {\n            href: \"#\",\n            label: \"Read More\",\n          },\n        },\n        {\n          quote:\n            \"Our team loves the intuitive interface. Onboarding new members takes minutes instead of days.\",\n          author: \"Michael Torres\",\n          role: \"Engineering Lead\",\n          company: \"CodeCraft\",\n          avatarSrc: imagePlaceholders[89],\n          linkConfig: {\n            href: \"#\",\n            label: \"Read More\",\n          },\n        },\n        {\n          quote:\n            \"The automation capabilities have freed up 20 hours per week for strategic work. Game changer.\",\n          author: \"Lisa Chang\",\n          role: \"Product Manager\",\n          company: \"InnovateTech\",\n          avatarSrc: imagePlaceholders[102],\n          linkConfig: {\n            href: \"#\",\n            label: \"Read More\",\n          },\n        },\n        {\n          quote:\n            \"We've seen a complete transformation in how we serve our customers. Response times are down, satisfaction is up, and our team loves using it daily.\",\n          author: \"Dr. Rachel Foster\",\n          role: \"VP of Operations\",\n          company: \"CustomerFirst Inc\",\n          avatarSrc: imagePlaceholders[83],\n          linkConfig: {\n            href: \"#\",\n            label: \"Read More\",\n          },\n        },\n      ]}\n      background=\"gray\"\n      pattern=\"gridFadeTop\"\n      spacing=\"lg\"\n    />\n  );\n}","propsSchema":{"testimonials":{"type":"array","description":"Array of testimonials to display","items":{"type":"object","description":"","fields":{"quote":{"type":"object","description":"Testimonial quote text","typeLabel":"ReactNode","required":true},"author":{"type":"object","description":"Author name","typeLabel":"ReactNode","required":false},"role":{"type":"object","description":"Author role/title","typeLabel":"ReactNode","required":false},"company":{"type":"object","description":"Author company","typeLabel":"ReactNode","required":false},"avatarSrc":{"type":"string","description":"Author avatar image URL","required":false},"avatar":{"type":"object","description":"Author avatar configuration (alternative to avatarSrc)","fields":{"src":{"type":"string","description":"","required":true},"alt":{"type":"string","description":"","required":false},"fallback":{"type":"string","description":"","required":false}},"typeLabel":"{ src: string; alt?: string; fallback?: string; }","required":false},"logoSrc":{"type":"string","description":"Company logo URL","required":false},"rating":{"type":"number","description":"Star rating (1-5)","required":false},"className":{"type":"string","description":"Additional CSS classes","required":false},"linkConfig":{"type":"object","description":"Review linking config","fields":{"label":{"type":"object","description":"","typeLabel":"React.ReactNode","required":true},"href":{"type":"string","description":"","required":true},"className":{"type":"string","description":"","required":false}},"typeLabel":"{ label: React.ReactNode; href: string; className?: string; }","required":false},"featured":{"type":"boolean","description":"Whether this testimonial should be featured (larger card)","required":false}},"typeLabel":"BentoTestimonialItem"},"typeLabel":"BentoTestimonialItem[]","required":false},"testimonialsSlot":{"type":"object","description":"Custom slot for rendering testimonials (overrides testimonials array)","typeLabel":"React.ReactNode","required":false},"heading":{"type":"object","description":"Main heading content","typeLabel":"React.ReactNode","required":false},"description":{"type":"object","description":"Description text below heading","typeLabel":"React.ReactNode","required":false},"className":{"type":"string","description":"Additional CSS classes for the section wrapper","required":false},"headerClassName":{"type":"string","description":"Additional CSS classes for the header container","required":false},"headingClassName":{"type":"string","description":"Additional CSS classes for the heading","required":false},"descriptionClassName":{"type":"string","description":"Additional CSS classes for the description","required":false},"gridClassName":{"type":"string","description":"Additional CSS classes for the grid container","required":false},"featuredCardClassName":{"type":"string","description":"Additional CSS classes for the featured card","required":false},"cardClassName":{"type":"string","description":"Additional CSS classes for regular cards","required":false},"quoteClassName":{"type":"string","description":"Additional CSS classes for the quote text","required":false},"authorClassName":{"type":"string","description":"Additional CSS classes for the author section","required":false},"background":{"type":"string","description":"Background style for the section","typeLabel":"SectionBackground","required":false},"spacing":{"type":"object","description":"Vertical spacing for the section","fields":{},"typeLabel":"SectionSpacing","required":false},"pattern":{"type":"object","description":"Optional background pattern name or URL","fields":{},"typeLabel":"PatternName","required":false},"patternOpacity":{"type":"number","description":"Pattern overlay opacity (0-1)","required":false},"containerClassName":{"type":"string","description":"Additional CSS classes for the container","required":false},"sectionId":{"type":"string","description":"Optional Section ID","required":false}},"defaultProps":{},"dependencies":["@opensite/ui"],"tags":["testimonials","bento","grid","featured","quotes","social-proof","asymmetric","cards"],"performance":{},"importantUsageNotes":"DO NOT generate or guess testimonials, reviews, ratings, customer names, company logos, or any review content — only use real, verified testimonials and customer data from the system. If the site has no real testimonials in the system, DO NOT use this block. Supply exactly 6 testimonials in the 'testimonials' array to fill the bento grid layout correctly; 6 is the canonical count used in the demo. Mark exactly one item with 'featured: true' — the featured card spans a larger cell and should carry the most compelling, longest quote. All 'quote', 'author', 'role', and 'company' values must come from real customer data; do not invent names or companies. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:41:38.455Z"}