{"success":true,"data":{"block":{"id":"testimonial-carousel-cards","name":"Testimonial Carousel Cards","title":"Testimonial Carousel Cards","category":"Gallery","categorySlug":"gallery","description":"A testimonial carousel with image and quote panels in a two-panel layout. Features customer photos alongside their testimonials, progress bar indicator, and navigation buttons. Ideal for customer testimonials, reviews, success stories, or any social proof content.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/290117/343nahzo0jgm8xdoynzzityvwabq/testimonial-carousel-cards-desktop.png","mobile":"https://cdn.ing/assets/i/r/290116/byofxik2qbbhy5d2hdxfrztlsdgn/testimonial-carousel-cards-mobile.png"},"componentPath":"blocks/gallery/testimonial-carousel-cards.tsx","code":"import { TestimonialCarouselCards } from \"@opensite/ui/blocks/gallery/testimonial-carousel-cards\";\nimport { imagePlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <TestimonialCarouselCards\n      heading=\"What Our Clients Say\"\n      description=\"Don't just take our word for it. Hear from the companies and teams who've transformed their businesses with our platform.\"\n      items={[\n        {\n          id: \"1\",\n          username: \"@sarahchen\",\n          quote:\n            \"\\\"This platform has completely transformed how we handle data. The AI-powered insights are incredibly accurate and have helped us make better decisions faster. Our team productivity increased by 40% in the first month! The best investment we've made this year. The ROI was immediate and the customer support team is always available to help. We've saved countless hours on manual processes and our error rate dropped to near zero. Supportive throughout the entire process. We were up and running in just two weeks, and our customers immediately noticed the improvement in service quality.\\\"\",\n          author: \"Sarah Chen, CTO at DataFlow\",\n          image: imagePlaceholders[40],\n          imageAlt: \"Sarah Chen testimonial\",\n          bgColor: \"bg-blue-50\",\n        },\n        {\n          id: \"2\",\n          username: \"@mikejohnson\",\n          quote:\n            \"\\\"The best investment we've made this year. The ROI was immediate and the customer support team is always available to help. We've saved countless hours on manual processes and our error rate dropped to near zero.\\\"\",\n          author: \"Mike Johnson, VP Operations at CloudTech\",\n          image: imagePlaceholders[41],\n          imageAlt: \"Mike Johnson testimonial\",\n          bgColor: \"bg-green-50\",\n        },\n        {\n          id: \"3\",\n          username: \"@emilyrodriguez\",\n          quote:\n            '\"Implementation was seamless and the team was incredibly supportive throughout the entire process. We were up and running in just two weeks, and our customers immediately noticed the improvement in service quality.\"',\n          author: \"Emily Rodriguez, CEO at FastScale\",\n          image: imagePlaceholders[42],\n          imageAlt: \"Emily Rodriguez testimonial\",\n          bgColor: \"bg-purple-50\",\n        },\n        {\n          id: \"4\",\n          username: \"@davidkim\",\n          quote:\n            '\"Outstanding platform with features we didn\\'t even know we needed. The analytics dashboard alone has been worth the investment. We can now track everything in real-time and make data-driven decisions instantly.\"',\n          author: \"David Kim, Director of Product at InnovateLab\",\n          image: imagePlaceholders[43],\n          imageAlt: \"David Kim testimonial\",\n          bgColor: \"bg-orange-50\",\n        },\n        {\n          id: \"5\",\n          username: \"@jennasmith\",\n          quote:\n            '\"Security and compliance were our top concerns, and this platform exceeded all our expectations. We passed our SOC 2 audit with flying colors, and our clients have complete confidence in our data protection.\"',\n          author: \"Jenna Smith, CISO at SecureBank\",\n          image: imagePlaceholders[44],\n          imageAlt: \"Jenna Smith testimonial\",\n          bgColor: \"bg-pink-50\",\n        },\n      ]}\n      background=\"dark\"\n      spacing=\"py-6 md:py-40\"\n      pattern=\"gridFadeTopLeft\"\n      patternOpacity={0.15}\n    />\n  );\n}","propsSchema":{"heading":{"type":"object","description":"Main heading content","typeLabel":"React.ReactNode","required":false},"description":{"type":"object","description":"Description text","typeLabel":"React.ReactNode","required":false},"items":{"type":"array","description":"Array of testimonial items to display","items":{"type":"object","description":"","fields":{"id":{"type":"string","description":"Unique identifier for the item","required":true},"username":{"type":"object","description":"Username/handle to display","typeLabel":"React.ReactNode","required":true},"quote":{"type":"object","description":"Quote/testimonial text","typeLabel":"React.ReactNode","required":true},"author":{"type":"object","description":"Author name","typeLabel":"React.ReactNode","required":true},"image":{"type":"string","description":"Image source URL","required":true},"imageAlt":{"type":"string","description":"Alt text for the image","required":false},"bgColor":{"type":"string","description":"Background color class for the quote panel","required":true},"className":{"type":"string","description":"Additional CSS classes for the item","required":false},"href":{"type":"string","description":"Optional href for the testimonial","required":false},"avatar":{"type":"string","description":"Optional avatar for testimonial","required":false}},"typeLabel":"TestimonialCarouselItem"},"typeLabel":"TestimonialCarouselItem[]","required":false},"itemsSlot":{"type":"object","description":"Custom slot for rendering items (overrides items array)","typeLabel":"React.ReactNode","required":false},"sidebarSlot":{"type":"object","description":"Custom slot for rendering the sidebar","typeLabel":"React.ReactNode","required":false},"className":{"type":"string","description":"Additional CSS classes for the section","required":false},"sidebarClassName":{"type":"string","description":"Additional CSS classes for the sidebar","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},"controlsClassName":{"type":"string","description":"Additional CSS classes for the controls container","required":false},"carouselClassName":{"type":"string","description":"Additional CSS classes for the carousel wrapper","required":false},"carouselContentClassName":{"type":"string","description":"Additional CSS classes for the carousel content","required":false},"itemClassName":{"type":"string","description":"Additional CSS classes for each carousel item","required":false},"imageClassName":{"type":"string","description":"Additional CSS classes for each image","required":false},"quotePanelClassName":{"type":"string","description":"Additional CSS classes for each quote panel","required":false},"badgeClassName":{"type":"string","description":"Additional CSS classes for each badge","required":false},"progressClassName":{"type":"string","description":"Additional CSS classes for the progress bar","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},"patternClassName":{"type":"string","description":"Additional CSS classes for the pattern overlay","required":false},"optixFlowConfig":{"type":"object","description":"OptixFlow image optimization configuration","fields":{"apiKey":{"type":"string","description":"API key for OptixFlow service","required":true},"compression":{"type":"number","description":"Compression level (0-100)","required":false}},"typeLabel":"OptixFlowConfig","required":false},"sectionId":{"type":"string","description":"Optional Section ID","required":false}},"defaultProps":{},"dependencies":["@opensite/ui"],"tags":["gallery","carousel","testimonials","quotes","reviews","social-proof","customers","two-panel"],"performance":{},"importantUsageNotes":"DO NOT generate or guess testimonial content — only use real, verified customer testimonials from the system. If the site has no real testimonials, do not use this block. Provide 4-8 items in the 'items' array; the demo uses 5. Each item must have a real customer quote, real author name/role/company, and a real image from the media library. Do not invent usernames, quotes, authors, or images. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:42:19.760Z"}