{"success":true,"data":{"block":{"id":"testimonials-split-image","name":"Testimonials Split Layout with Image","title":"Testimonials Split Image","category":"Testimonials","categorySlug":"testimonials","description":"A split-screen testimonial layout with a large image on one side and quote content on the other. Configurable image position (left/right). Features decorative quote icon, large typography, and author attribution. Perfect for impactful single testimonial displays on landing pages.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/293183/yl4ha8bq98w83kb8k84fms6eaz0l/cleanshot-2026-03-05-at-08-19-37.png","mobile":"https://cdn.ing/assets/i/r/293182/u9a9zo5gp8uxhnjakurz3bhezp3r/cleanshot-2026-03-05-at-08-19-55.png"},"componentPath":"blocks/testimonials/testimonials-split-image.tsx","code":"import { TestimonialsSplitImage } from \"@opensite/ui/blocks/testimonials/testimonials-split-image\";\nimport { imagePlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <TestimonialsSplitImage\n      testimonial={{\n        quote:\n          \"This platform represents everything we were looking for - powerful features, intuitive design, and exceptional performance. The transformation in our workflow has been nothing short of remarkable.\",\n        author: \"Dr. Jonathan Parker\",\n        role: \"Chief Technology Officer\",\n        company: \"TechVision Enterprises\",\n        avatarSrc: imagePlaceholders[46],\n      }}\n      imageSrc={imagePlaceholders[64]}\n      imageAlt=\"Modern office workspace\"\n      background=\"gray\"\n      pattern=\"diagonalCrossBasic\"\n      patternOpacity={0.9}\n      spacing=\"xl\"\n      imagePosition=\"right\"\n    />\n  );\n}","propsSchema":{"testimonial":{"type":"object","description":"Testimonial data using shared TestimonialItem type","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","required":false},"testimonialSlot":{"type":"object","description":"Custom slot for rendering testimonial (overrides testimonial prop)","typeLabel":"React.ReactNode","required":false},"imageSrc":{"type":"string","description":"Featured image URL","required":false},"imageAlt":{"type":"string","description":"Featured image alt text","required":false},"imagePosition":{"type":"string","description":"Position of the image relative to content","typeLabel":"\"left\" | \"right\"","required":false},"className":{"type":"string","description":"Additional CSS classes for the section wrapper","required":false},"gridClassName":{"type":"string","description":"Additional CSS classes for the grid container","required":false},"imageClassName":{"type":"string","description":"Additional CSS classes for the image container","required":false},"contentClassName":{"type":"string","description":"Additional CSS classes for the content container","required":false},"quoteIconClassName":{"type":"string","description":"Additional CSS classes for the quote icon","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},"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},"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},"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","split","image","two-column","featured","large","hero","impactful"],"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 features exactly 1 testimonial ('testimonial' is a single object) displayed beside a large featured image. DO NOT use this block if you do not have a real 'imageSrc' URL from the media library — the image is the focal point of the layout and a missing or fabricated URL will break it. The single testimonial's 'quote', 'author', 'role', 'company', and 'avatarSrc' must all be real, verified data. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:38:35.328Z"}