{"success":true,"data":{"block":{"id":"testimonials-scrolling-columns","name":"Testimonials Animated Scrolling Columns","title":"Testimonials Scrolling Columns","category":"Testimonials","categorySlug":"testimonials","description":"An animated testimonial section with staggered card animations powered by Framer Motion. Features large image cards with gradient overlays and quote content positioned at the bottom. Cards animate into view with a staggered effect as they enter the viewport. Ideal for visually rich testimonial sections.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/293680/cr5itwci2y5w5dqb23j19tmc5xe4/cleanshot-2026-03-10-at-11-16-42-2x.png","mobile":"https://cdn.ing/assets/i/r/293681/5kg2gu0xc76qifs26hj3g02oh1vv/cleanshot-2026-03-10-at-11-16-56-2x.png"},"componentPath":"blocks/testimonials/testimonials-scrolling-columns.tsx","code":"import { TestimonialsScrollingColumns } from \"@opensite/ui/blocks/testimonials/testimonials-scrolling-columns\";\nimport { brandLogoPlaceholders, imagePlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <TestimonialsScrollingColumns\n      heading=\"What Our Customers Are Saying\"\n      description=\"Real stories from businesses transforming their operations\"\n      testimonials={[\n        {\n          quote:\n            \"Exceptional platform with outstanding results. Our team's efficiency increased by 45% in the first quarter alone.\",\n          author: \"Nicole Anderson\",\n          role: \"Operations Director\",\n          avatarSrc: imagePlaceholders[19],\n          imageSrc: imagePlaceholders[44],\n          logoSrc: brandLogoPlaceholders.white[5],\n          linkConfig: {\n            href: \"#\",\n            label: \"Full Review\",\n          },\n        },\n        {\n          quote:\n            \"The customer support team is incredibly responsive and knowledgeable. They truly care about our success.\",\n          author: \"Marcus Chen\",\n          role: \"IT Manager\",\n          avatarSrc: imagePlaceholders[31],\n          logoSrc: brandLogoPlaceholders.white[4],\n          imageSrc: imagePlaceholders[31],\n          linkConfig: {\n            href: \"#\",\n            label: \"Full Review\",\n          },\n        },\n        {\n          quote:\n            \"Integration was seamless. We were up and running in days instead of weeks. Impressive!\",\n          author: \"Sarah Thompson\",\n          role: \"CTO\",\n          avatarSrc: imagePlaceholders[43],\n          imageSrc: imagePlaceholders[43],\n          logoSrc: brandLogoPlaceholders.white[3],\n          linkConfig: {\n            href: \"#\",\n            label: \"Full Review\",\n          },\n        },\n        {\n          quote:\n            \"The analytics dashboard provides insights that drive real business value. We make better decisions faster now.\",\n          author: \"James Rodriguez\",\n          role: \"Head of Analytics\",\n          avatarSrc: imagePlaceholders[55],\n          imageSrc: imagePlaceholders[55],\n          logoSrc: brandLogoPlaceholders.white[2],\n          linkConfig: {\n            href: \"#\",\n            label: \"Full Review\",\n          },\n        },\n        {\n          quote:\n            \"Security features met all our enterprise requirements without compromising usability. Perfect balance.\",\n          author: \"Linda Park\",\n          role: \"CISO\",\n          avatarSrc: imagePlaceholders[67],\n          imageSrc: imagePlaceholders[17],\n          logoSrc: brandLogoPlaceholders.white[1],\n          linkConfig: {\n            href: \"#\",\n            label: \"Full Review\",\n          },\n        },\n        {\n          quote:\n            \"Best tool we've implemented in years. The entire team adopted it enthusiastically from day one.\",\n          author: \"David Martinez\",\n          role: \"Team Lead\",\n          avatarSrc: imagePlaceholders[79],\n          imageSrc: imagePlaceholders[19],\n          logoSrc: brandLogoPlaceholders.white[0],\n          linkConfig: {\n            href: \"#\",\n            label: \"Full Review\",\n          },\n        },\n      ]}\n      background=\"dark\"\n      pattern=\"diagonalCrossBasic\"\n      patternOpacity={0.1}\n      spacing=\"xl\"\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},"imageSrc":{"type":"string","description":"Image URL for the testimonial card","required":false}},"typeLabel":"ScrollingColumnTestimonialItem"},"typeLabel":"ScrollingColumnTestimonialItem[]","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},"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 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","scrolling","framer-motion","staggered","images","gradient","viewport"],"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 displays testimonials across vertically scrolling columns; supply 6-12 testimonials in the 'testimonials' array (the demo uses 6) to ensure smooth scrolling. Each item supports 'imageSrc' (a card image) and 'logoSrc' (a company logo) — only populate these if real URLs exist in the media library; do not fabricate image or logo URLs. All 'quote', 'author', 'role', and 'company' values must be real, verified customer data. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:41:38.459Z"}