{"success":true,"data":{"block":{"id":"testimonials-quote-carousel","name":"Testimonials Quote Carousel","title":"Testimonials Quote Carousel","category":"Testimonials","categorySlug":"testimonials","description":"A carousel of testimonial quote cards using shadcn's Carousel component with navigation arrows. Each card features a large decorative quote mark, testimonial text, and author info. The carousel format allows browsing multiple testimonials in a compact space.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/293677/kqdpl3kponqw9mleai5gnvp7g7ah/cleanshot-2026-03-10-at-11-15-36-2x.png","mobile":"https://cdn.ing/assets/i/r/293676/2sei7yt42ozped6akwjjkpedvppa/cleanshot-2026-03-10-at-11-15-45-2x.png"},"componentPath":"blocks/testimonials/testimonials-quote-carousel.tsx","code":"import { TestimonialsQuoteCarousel } from \"@opensite/ui/blocks/testimonials/testimonials-quote-carousel\";\nimport { imagePlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <TestimonialsQuoteCarousel\n      heading=\"Customer Reviews\"\n      description=\"Join thousands of satisfied customers sharing their experiences\"\n      testimonials={[\n        {\n          quote:\n            \"The platform's capabilities have exceeded every expectation. Our team productivity has soared, and the insights we're gaining are invaluable.\",\n          author: \"Christopher Williams\",\n          role: \"Head of Product\",\n          company: \"InnovateCo\",\n          avatarSrc: imagePlaceholders[37],\n          linkConfig: {\n            href: \"#\",\n            label: \"Read More\",\n          },\n        },\n        {\n          quote:\n            \"Implementation was smooth, support was exceptional, and results were immediate. This is how enterprise software should work.\",\n          author: \"Diana Martinez\",\n          role: \"VP of Engineering\",\n          company: \"ScaleUp Systems\",\n          avatarSrc: imagePlaceholders[62],\n          linkConfig: {\n            href: \"#\",\n            label: \"Read More\",\n          },\n        },\n        {\n          quote:\n            \"We've tried many solutions over the years. This is the first one that truly delivers on performance, security, and ease of use simultaneously.\",\n          author: \"Benjamin Lee\",\n          role: \"Chief Information Officer\",\n          company: \"Enterprise Solutions\",\n          avatarSrc: imagePlaceholders[87],\n          linkConfig: {\n            href: \"#\",\n            label: \"Read More\",\n          },\n        },\n        {\n          quote:\n            \"The ROI became evident within weeks. Our operational costs dropped while service quality improved dramatically. A rare win-win scenario.\",\n          author: \"Amanda Foster\",\n          role: \"CFO\",\n          company: \"GrowthMetrics\",\n          avatarSrc: imagePlaceholders[104],\n          linkConfig: {\n            href: \"#\",\n            label: \"Read More\",\n          },\n        },\n      ]}\n      background=\"secondary\"\n      pattern=\"gridDotsFadeCenter\"\n      patternOpacity={0.33}\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}},"typeLabel":"TestimonialItem"},"typeLabel":"TestimonialItem[]","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},"carouselClassName":{"type":"string","description":"Additional CSS classes for the carousel container","required":false},"cardClassName":{"type":"string","description":"Additional CSS classes for each card","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},"navigationClassName":{"type":"string","description":"Additional CSS classes for the navigation buttons","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","carousel","quotes","navigation","arrows","cards","browsable","compact"],"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 renders testimonials in a horizontally scrolling carousel of cards; supply 3-6 testimonials in the 'testimonials' array (the demo uses 4). Each 'quote', 'author', 'role', 'company', and 'avatarSrc' must be real, verified data — do not fabricate avatar URLs. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:41:29.709Z"}