{"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\";\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: \"https://toastability-production.s3.amazonaws.com/2d4k8d5shwg82276hzj2ztbj7mxq\",\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: \"https://toastability-production.s3.amazonaws.com/vh1aowwr93yz4qrzct2s4je0cxdo\",\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: \"https://toastability-production.s3.amazonaws.com/vrezhtksoqbw1nyo4hwnoqizrus5\",\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: \"https://toastability-production.s3.amazonaws.com/uv0g605yf5mz106nrm1uspt9l0rr\",\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: \"https://toastability-production.s3.amazonaws.com/okf6fg4n9yv59up8ivgcdjy3w030\",\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: \"https://toastability-production.s3.amazonaws.com/67fnapqepn7f8vwt0x4nqho70hbz\",\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__default.ReactNode","required":true},"href":{"type":"string","description":"","required":true},"className":{"type":"string","description":"","required":false}},"typeLabel":"{ label: React__default.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":true,"minItems":4,"maxItems":7,"mediaHints":{"path":"testimonials[].avatarSrc","roles":["profile","avatar"],"disallowedRoles":["logo","favicon","video-thumbnail"],"minPixelClass":"small","required":false,"preferredAspect":"1:1","note":"Reviewer avatar. IMAGE MEDIA ONLY. Do not use logos, favicons, or video assets."}},"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},"testimonials[].quote":{"type":"object","description":"","required":true,"maxLength":400},"testimonials[].featured":{"type":"object","description":""}},"exampleProps":{"heading":"What Our Customers Say","description":"Real feedback from the people who use our platform every day.","testimonials":[{"quote":"Implementing this platform has revolutionized how we handle client communications. The response time improvement alone has justified the investment tenfold.","author":"Sarah Chen","role":"VP of Operations","company":"TechFlow Solutions","avatarSrc":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","featured":true},{"quote":"Our team productivity increased by 40% in the first quarter.","author":"Marcus Johnson","role":"Director of Engineering","company":"Innovate Labs","avatarSrc":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp"},{"quote":"The analytics dashboard gives us insights we never had before.","author":"Emily Rodriguez","role":"Chief Strategy Officer","company":"DataVision Inc","avatarSrc":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp"},{"quote":"Customer satisfaction scores jumped from 3.8 to 4.7 within months.","author":"David Park","role":"Head of Customer Success","company":"ServicePro","avatarSrc":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp"}]},"dependencies":["@opensite/ui"],"tags":["testimonials","bento","grid","featured","quotes","social-proof","asymmetric","cards"],"performance":{},"importantUsageNotes":"Testimonials must come from real, sourced reviews or testimonials. Do not fabricate quotes, names, or company affiliations. Mark at most one testimonial as featured=true to receive the larger card slot. Provide 4–6 items for a balanced bento layout.","usageRequirements":{"requiredProps":["testimonials"],"propConstraints":{"testimonials":{"required":true,"minItems":4,"maxItems":7},"testimonials[].quote":{"required":true,"maxLength":400},"testimonials[].featured":{"note":"At most one item should be featured=true."}},"mediaSlots":{"testimonials[].avatarSrc":{"path":"testimonials[].avatarSrc","roles":["profile","avatar"],"disallowedRoles":["logo","favicon","video-thumbnail"],"minPixelClass":"small","required":false,"preferredAspect":"1:1","note":"Reviewer avatar. IMAGE MEDIA ONLY. Do not use logos, favicons, or video assets."}},"requiresSiteCapabilities":["reviews_or_testimonials"],"notes":["All media src values must be absolute URLs to real assets; relative paths and placeholder media variables are not allowed."]}}},"timestamp":"2026-06-27T20:12:21.549Z"}