{"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\";\nimport { imagePlaceholders } from \"@/lib/media\";\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: imagePlaceholders[18],\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: imagePlaceholders[36],\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: imagePlaceholders[54],\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: imagePlaceholders[72],\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: imagePlaceholders[90],\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.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}},"typeLabel":"TestimonialItem"},"typeLabel":"TestimonialItem[]","required":false},"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}},"defaultProps":{},"dependencies":["@opensite/ui"],"tags":["testimonials","centered","avatars","stack","community","social-proof","glassmorphism","glass","frosted","modern","premium","rotating"],"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. This block displays testimonials in a stacked list with centered avatars as navigation tabs; supply 3-6 testimonials in the 'testimonials' array (the demo uses 5). Only set 'avatarSrc' if a real customer avatar URL is available; omit the field rather than guessing. Each 'quote', 'author', 'role', and 'company' must be real, verified customer data. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:41:29.947Z"}