{"success":true,"data":{"block":{"id":"testimonials-animated-split","name":"Testimonials Animated Split Screen","title":"Testimonials Animated Split","category":"Testimonials","categorySlug":"testimonials","description":"An animated split-screen testimonial section using Framer Motion for smooth transitions. Features a large image on one side with quote and author info on the other. Includes auto-play, navigation buttons, and dot indicators. Creates an engaging, premium testimonial experience.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/293173/ldp959cq4ubmgjb849pxdm3a0mkl/cleanshot-2026-03-05-at-06-07-15.png","mobile":"https://cdn.ing/assets/i/r/293172/ssorccfem8v4uxxetrcubyolcua1/cleanshot-2026-03-05-at-06-07-30.png"},"componentPath":"blocks/testimonials/testimonials-animated-split.tsx","code":"import { TestimonialsAnimatedSplit } from \"@opensite/ui/blocks/testimonials/testimonials-animated-split\";\nimport { imagePlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <TestimonialsAnimatedSplit\n      testimonials={[\n        {\n          quote:\n            \"Implementing this platform has revolutionized how we handle client communications. The response time improvement alone has justified the investment tenfold.\",\n          author: \"Sarah Chen\",\n          role: \"VP of Operations\",\n          company: \"TechFlow Solutions\",\n          avatarSrc: imagePlaceholders[42],\n          image: imagePlaceholders[15],\n        },\n        {\n          quote:\n            \"Our team productivity increased by 40% in the first quarter. The intuitive interface and powerful features make complex workflows feel effortless.\",\n          author: \"Marcus Johnson\",\n          role: \"Director of Engineering\",\n          company: \"Innovate Labs\",\n          avatarSrc: imagePlaceholders[51],\n          image: imagePlaceholders[28],\n        },\n        {\n          quote:\n            \"The analytics dashboard gives us insights we never had before. Data-driven decision making has become our competitive advantage.\",\n          author: \"Emily Rodriguez\",\n          role: \"Chief Strategy Officer\",\n          company: \"DataVision Inc\",\n          avatarSrc: imagePlaceholders[67],\n          image: imagePlaceholders[39],\n        },\n        {\n          quote:\n            \"Customer satisfaction scores jumped from 3.8 to 4.7 stars within months. The automation features free up our team to focus on what truly matters.\",\n          author: \"David Park\",\n          role: \"Head of Customer Success\",\n          company: \"ServicePro\",\n          avatarSrc: imagePlaceholders[88],\n          image: imagePlaceholders[54],\n        },\n      ]}\n      // autoPlayInterval={7000}\n      background=\"dark\"\n      spacing=\"xl\"\n      pattern=\"diagonalCrossFadeTopRight\"\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},"image":{"type":"string","description":"Image URL for the testimonial","required":false}},"typeLabel":"AnimatedSplitTestimonialItem"},"typeLabel":"AnimatedSplitTestimonialItem[]","required":false},"testimonialsSlot":{"type":"object","description":"Custom slot for rendering testimonials (overrides testimonials array)","typeLabel":"React.ReactNode","required":false},"autoPlayInterval":{"type":"number","description":"Auto-play interval in milliseconds (0 to disable)","required":false},"className":{"type":"string","description":"Additional CSS classes for the section wrapper","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},"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 controls","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 config","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","animated","split","framer-motion","transitions","premium","interactive","auto-play"],"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 carousel-style block that animates between testimonials; supply 3-6 testimonials in the 'testimonials' array. Each item requires a 'quote', 'author', and optionally 'role', 'company', 'avatarSrc', and 'image' (a full-bleed background image shown alongside the quote) — only populate 'image' if a real image URL is available in the media library for that customer. Do not fabricate avatar URLs or background images. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:39:26.055Z"}