{"success":true,"data":{"block":{"id":"testimonials-centered-avatars","name":"Testimonials Centered with Glassmorphism Card","title":"Testimonials Centered Avatars","category":"Testimonials","categorySlug":"testimonials","description":"A modern testimonial section featuring a glassmorphism card with frosted glass effect as the primary focal point. Displays an overlapping avatar stack at the top, creating a community feel, with rotating testimonials including quote, author name, role, and navigation dots. The translucent card design creates visual depth and sophistication. Perfect for SaaS landing pages and premium marketing sites.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/293180/g3fawyyi234vufelc6qft22by0qp/cleanshot-2026-03-05-at-07-32-46.png","mobile":"https://cdn.ing/assets/i/r/293181/ufcy7rwi5suesfcid1adypnatiui/cleanshot-2026-03-05-at-07-32-28.png"},"componentPath":"blocks/testimonials/testimonials-centered-avatars.tsx","code":"import { TestimonialsCenteredAvatars } from \"@opensite/ui/blocks/testimonials/testimonials-centered-avatars\";\n\nexport default function Demo() {\n  return (\n    <TestimonialsCenteredAvatars\n      badge=\"Customer Success Stories\"\n      heading=\"Trusted by Teams Worldwide\"\n      testimonials={[\n        {\n          quote:\n            \"The level of customization available is remarkable. We've tailored the platform to fit our unique workflow perfectly, and the results have exceeded all expectations.\",\n          author: \"Rachel Anderson\",\n          role: \"CEO\",\n          company: \"BuildRight Inc\",\n          avatarSrc: \"https://toastability-production.s3.amazonaws.com/b555hwjt7ltr81et05v5254q1ak6\",\n        },\n        {\n          quote:\n            \"Our data analytics capabilities have transformed overnight. The insights dashboard provides actionable intelligence that drives real business decisions.\",\n          author: \"Kevin Patel\",\n          role: \"Head of Analytics\",\n          company: \"DataFirst\",\n          avatarSrc: \"https://toastability-production.s3.amazonaws.com/9uxe0jw1zl1tujy0m5yalo7m2ht8\",\n        },\n        {\n          quote:\n            \"The mobile experience is just as powerful as desktop. Our field teams can access everything they need on the go without any compromises.\",\n          author: \"Maria Santos\",\n          role: \"Field Operations Manager\",\n          company: \"ServiceMasters\",\n          avatarSrc: \"https://toastability-production.s3.amazonaws.com/l080sx0lcx51x44dqrb8006nqf08\",\n        },\n        {\n          quote:\n            \"Integration with our CRM and project management tools was flawless. Everything syncs in real-time, keeping our entire organization aligned.\",\n          author: \"Thomas Wright\",\n          role: \"Systems Administrator\",\n          company: \"TechUnify\",\n          avatarSrc: \"https://toastability-production.s3.amazonaws.com/x4scuzhsozrwrg703df5wbhygkgo\",\n        },\n        {\n          quote:\n            \"The training resources and documentation are top-notch. Our team was up and running at full capacity within the first week.\",\n          author: \"Nicole Johnson\",\n          role: \"Training Director\",\n          company: \"LearnFast\",\n          avatarSrc: \"https://toastability-production.s3.amazonaws.com/yrp5k5xszwpe26fquupey6a6g0uu\",\n        },\n      ]}\n      background=\"dark\"\n      pattern=\"squareAltGrid\"\n      patternOpacity={0.75}\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}},"typeLabel":"TestimonialItem"},"typeLabel":"TestimonialItem[]","required":true,"minItems":3,"maxItems":6,"mediaHints":{"path":"testimonials[].avatarSrc","roles":["profile","avatar"],"disallowedRoles":["logo","favicon","video-thumbnail"],"minPixelClass":"small","required":true,"preferredAspect":"1:1","note":"Avatar thumbnail used for testimonial navigation. 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},"badge":{"type":"object","description":"Badge/eyebrow content above title","typeLabel":"React.ReactNode","required":false},"heading":{"type":"object","description":"Main heading content","typeLabel":"React.ReactNode","required":false},"className":{"type":"string","description":"Additional CSS classes for the section wrapper","required":false},"contentClassName":{"type":"string","description":"Additional CSS classes for the content container","required":false},"badgeClassName":{"type":"string","description":"Additional CSS classes for the badge","required":false},"headingClassName":{"type":"string","description":"Additional CSS classes for the heading","required":false},"avatarsClassName":{"type":"string","description":"Additional CSS classes for the avatars container","required":false},"testimonialsClassName":{"type":"string","description":"Additional CSS classes for the testimonials list","required":false},"testimonialItemClassName":{"type":"string","description":"Additional CSS classes for each testimonial item","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 info","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":300},"testimonials[].author":{"type":"object","description":"","required":true},"testimonials[].avatarSrc":{"type":"object","description":"","required":true}},"exampleProps":{"heading":"Loved by Teams Everywhere","badge":"Testimonials","testimonials":[{"quote":"This platform transformed our daily operations. Adoption was instant and results followed within days.","author":"Maria Santos","role":"Operations Lead","company":"FlowCo","avatarSrc":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp"},{"quote":"We've never had a tool that brought this kind of clarity to our processes. Highly recommended.","author":"Tom Wallace","role":"Product Manager","company":"ClearPath","avatarSrc":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp"},{"quote":"The support we received during rollout was exceptional. The team genuinely cared about our success.","author":"Priya Nair","role":"VP Engineering","company":"Nexus Tech","avatarSrc":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp"}]},"dependencies":["@opensite/ui"],"tags":["testimonials","centered","avatars","stack","community","social-proof","glassmorphism","glass","frosted","modern","premium","rotating"],"performance":{},"importantUsageNotes":"Testimonials must come from real, sourced reviews or testimonials. Do not fabricate quotes, names, or company affiliations. Avatars are displayed prominently as navigation; each item should have an avatarSrc for best visual results. Quote text should be concise — typically 1–3 sentences.","usageRequirements":{"requiredProps":["testimonials"],"propConstraints":{"testimonials":{"required":true,"minItems":3,"maxItems":6},"testimonials[].quote":{"required":true,"maxLength":300},"testimonials[].author":{"required":true},"testimonials[].avatarSrc":{"required":true,"note":"Avatar images are used as navigation thumbnails and must be provided."}},"mediaSlots":{"testimonials[].avatarSrc":{"path":"testimonials[].avatarSrc","roles":["profile","avatar"],"disallowedRoles":["logo","favicon","video-thumbnail"],"minPixelClass":"small","required":true,"preferredAspect":"1:1","note":"Avatar thumbnail used for testimonial navigation. 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:13.268Z"}