{"success":true,"data":{"block":{"id":"testimonials-wall-compact","name":"Testimonials Dense Wall","title":"Testimonials Wall Compact","category":"Testimonials","categorySlug":"testimonials","description":"A dense wall of compact testimonial cards displaying many testimonials in a masonry-like grid. Each card shows a short quote with author avatar, name, and optional badge. The compact format maximizes social proof by showing volume of positive feedback. Ideal for showcasing community support.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/293671/dmdkv9lqbo8hcy50j7n9x9cu87n4/cleanshot-2026-03-10-at-10-50-22-2x.png","mobile":"https://cdn.ing/assets/i/r/293670/20xqbtt01t0ka0zie1i4ajwzxbk9/cleanshot-2026-03-10-at-10-50-33-2x.png"},"componentPath":"blocks/testimonials/testimonials-wall-compact.tsx","code":"import { TestimonialsWallCompact } from \"@opensite/ui/blocks/testimonials/testimonials-wall-compact\";\nimport { imagePlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <TestimonialsWallCompact\n      heading=\"Wall of Love\"\n      description=\"Thousands of users sharing their success stories\"\n      testimonials={[\n        {\n          quote: \"Amazing product! Changed our entire workflow.\",\n          author: \"Alex Thompson\",\n          handle: \"@alexthompson\",\n          avatarSrc: imagePlaceholders[20],\n          badge: \"Featured\",\n        },\n        {\n          quote: \"Best investment we made this quarter.\",\n          author: \"Maria Garcia\",\n          handle: \"@mariagarcia\",\n          avatarSrc: imagePlaceholders[28],\n        },\n        {\n          quote: \"Incredible support team. Always helpful!\",\n          author: \"James Lee\",\n          handle: \"@jameslee\",\n          avatarSrc: imagePlaceholders[36],\n          badge: \"Verified\",\n        },\n        {\n          quote: \"Exactly what we needed. Perfect solution!\",\n          author: \"Sarah Johnson\",\n          handle: \"@sarahj\",\n          avatarSrc: imagePlaceholders[44],\n        },\n        {\n          quote: \"Five stars! Highly recommend to everyone.\",\n          author: \"Michael Chen\",\n          handle: \"@mchen\",\n          avatarSrc: imagePlaceholders[52],\n        },\n        {\n          quote: \"Transformed our business operations completely.\",\n          author: \"Lisa Martinez\",\n          handle: \"@lisamartinez\",\n          avatarSrc: imagePlaceholders[60],\n          badge: \"Featured\",\n        },\n        {\n          quote: \"Intuitive design. Easy to learn and use.\",\n          author: \"David Park\",\n          handle: \"@davidpark\",\n          avatarSrc: imagePlaceholders[68],\n        },\n        {\n          quote: \"ROI was immediate. Worth every penny!\",\n          author: \"Jennifer Williams\",\n          handle: \"@jwilliams\",\n          avatarSrc: imagePlaceholders[76],\n        },\n        {\n          quote: \"Great features. Everything works flawlessly.\",\n          author: \"Robert Zhang\",\n          handle: \"@robertzhang\",\n          avatarSrc: imagePlaceholders[84],\n          badge: \"Verified\",\n        },\n        {\n          quote: \"Excellent value. Can't imagine working without it.\",\n          author: \"Emily Foster\",\n          handle: \"@emilyfoster\",\n          avatarSrc: imagePlaceholders[92],\n        },\n        {\n          quote: \"Outstanding performance and reliability.\",\n          author: \"Thomas Anderson\",\n          handle: \"@tanderson\",\n          avatarSrc: imagePlaceholders[100],\n        },\n        {\n          quote: \"Game changer for productivity. Highly effective!\",\n          author: \"Michelle Rodriguez\",\n          handle: \"@mrodriguez\",\n          avatarSrc: imagePlaceholders[108],\n          badge: \"Featured\",\n        },\n      ]}\n      actions={[\n        {\n          label: \"Read All Reviews\",\n          href: \"#\",\n          variant: \"default\",\n          size: \"lg\",\n        },\n      ]}\n      background=\"dark\"\n      pattern=\"diagonalCrossFadeTop\"\n      patternOpacity={0.15}\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},"handle":{"type":"string","description":"Social media handle (e.g., \"@username\")","required":false},"badge":{"type":"object","description":"Badge text to display (e.g., \"Featured\", \"Verified\")","typeLabel":"React.ReactNode","required":false}},"typeLabel":"WallTestimonialItem"},"typeLabel":"WallTestimonialItem[]","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},"cardClassName":{"type":"string","description":"Additional CSS classes for each card","required":false},"authorClassName":{"type":"string","description":"Additional CSS classes for the author section","required":false},"quoteClassName":{"type":"string","description":"Additional CSS classes for the quote text","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},"actions":{"type":"array","description":"Array of action configurations for CTA buttons","items":{"type":"object","description":"","fields":{"variant":{"type":"string","description":"","typeLabel":"\"default\" | \"destructive\" | \"outline\" | \"secondary\" | \"ghost\" | \"link\"","required":false},"size":{"type":"string","description":"","typeLabel":"\"default\" | \"sm\" | \"md\" | \"lg\" | \"icon\" | \"icon-sm\" | \"icon-lg\"","required":false},"label":{"type":"object","description":"Button/link label text or ReactNode","typeLabel":"ReactNode","required":false},"icon":{"type":"object","description":"Icon to display (typically before label)","typeLabel":"ReactNode","required":false},"iconAfter":{"type":"object","description":"Icon to display after the label","typeLabel":"ReactNode","required":false},"href":{"type":"string","description":"URL for link behavior","required":false},"onClick":{"type":"object","description":"Click handler for button behavior","typeLabel":"MouseEventHandler","required":false},"className":{"type":"string","description":"Additional CSS classes for the action","required":false},"children":{"type":"object","description":"Custom children (overrides label + icon rendering)","typeLabel":"ReactNode","required":false},"aria-label":{"type":"string","description":"ARIA label for accessibility","required":false},"asButton":{"type":"boolean","description":"Render as a button element instead of an anchor/link","required":false}},"typeLabel":"ActionConfig"},"typeLabel":"ActionConfig[]","required":false},"actionsSlot":{"type":"object","description":"Custom slot for rendering actions (overrides actions array)","typeLabel":"React.ReactNode","required":false},"actionsClassName":{"type":"string","description":"Additional CSS classes for the actions container","required":false},"sectionId":{"type":"string","description":"Optional Section ID","required":false}},"defaultProps":{},"dependencies":["@opensite/ui"],"tags":["testimonials","wall","compact","dense","masonry","volume","community","badges"],"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 is a dense wall-of-love layout; supply 9-12 testimonials in the 'testimonials' array (the demo uses 12) to achieve the full wall effect. Each item supports 'handle' (social media handle, e.g. '@username') and 'badge' (a label like 'Featured' or 'Verified') — only include real handles and only mark items as 'Verified' if they are genuinely verified in the system. All 'quote', 'author', and 'avatarSrc' values must be real, verified data. If you supply multiple 'actions', ensure to use a variant of 'default' for the first action, and 'outline' for the second action to ensure proper visual distinction between the two CTAs. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:41:09.062Z"}