{"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\";\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: \"https://toastability-production.s3.amazonaws.com/c4sgsy0g7o2rrjmvm9x7evxems82\",\n          imageSrc: \"https://toastability-production.s3.amazonaws.com/90rcw2mljzpeuxlac8q77mor15xz\",\n          logoSrc: \"https://cdn.ing/assets/i/r/288973/lxkmf98s3bmpytziacx1o0rwuun9/ui-placeholder-logo-white-6.png\",\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: \"https://toastability-production.s3.amazonaws.com/s4vho0wfbjhf758oife8qfuekou8\",\n          logoSrc: \"https://cdn.ing/assets/i/r/288967/cn6z89c4c23ubohkz6kv3npdn672/ui-placeholder-logo-white-5.png\",\n          imageSrc: \"https://toastability-production.s3.amazonaws.com/s4vho0wfbjhf758oife8qfuekou8\",\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: \"https://toastability-production.s3.amazonaws.com/2rbqbw9778770i8izdeabx8v2w2k\",\n          imageSrc: \"https://toastability-production.s3.amazonaws.com/2rbqbw9778770i8izdeabx8v2w2k\",\n          logoSrc: \"https://cdn.ing/assets/i/r/288969/h9k3b0ett73u3pouc2w15ibvl7tc/ui-placeholder-logo-white-4.png\",\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: \"https://toastability-production.s3.amazonaws.com/2t36c7l0ywchaz4nys8yj2l5amae\",\n          imageSrc: \"https://toastability-production.s3.amazonaws.com/2t36c7l0ywchaz4nys8yj2l5amae\",\n          logoSrc: \"https://cdn.ing/assets/i/r/288971/sow5o2s8dp1cr159rxexm0yhov5w/ui-placeholder-logo-white-3.png\",\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: \"https://toastability-production.s3.amazonaws.com/vrezhtksoqbw1nyo4hwnoqizrus5\",\n          imageSrc: \"https://toastability-production.s3.amazonaws.com/ihgx63s5nfzp2e93e3ccljjnnrov\",\n          logoSrc: \"https://cdn.ing/assets/i/r/288966/0ls9to9jqnrc4gcxty9rx2c4udjv/ui-placeholder-logo-white-2.png\",\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: \"https://toastability-production.s3.amazonaws.com/0g6t701zqr2r7najmdgftpeqnxmz\",\n          imageSrc: \"https://toastability-production.s3.amazonaws.com/c4sgsy0g7o2rrjmvm9x7evxems82\",\n          logoSrc: \"https://cdn.ing/assets/i/r/288963/4kq4loxmhh5lwc7scw7hhusu87km/ui-placeholder-logo-white-1.png\",\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__default.ReactNode","required":true},"href":{"type":"string","description":"","required":true},"className":{"type":"string","description":"","required":false}},"typeLabel":"{ label: React__default.ReactNode; href: string; className?: string; }","required":false},"imageSrc":{"type":"string","description":"Image URL for the testimonial card","required":false}},"typeLabel":"ScrollingColumnTestimonialItem"},"typeLabel":"ScrollingColumnTestimonialItem[]","required":true,"minItems":4,"maxItems":12,"mediaHints":{"path":"testimonials[].logoSrc","roles":["logo"],"disallowedRoles":["favicon","video-thumbnail"],"minPixelClass":"small","required":false,"note":"Optional company logo on the card. LOGO IMAGE ONLY. Do not use photos, favicons, or video assets."}},"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},"testimonials[].quote":{"type":"object","description":"","required":true,"maxLength":350}},"exampleProps":{"heading":"What Our Customers Are Saying","description":"Real stories from businesses transforming their operations.","testimonials":[{"quote":"Exceptional platform with outstanding results. Efficiency increased by 45% in the first quarter.","author":"Nicole Anderson","role":"Operations Director","company":"AndCo","avatarSrc":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","imageSrc":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp"},{"quote":"Customer support is incredibly responsive. They truly care about our success.","author":"Marcus Chen","role":"IT Manager","company":"ChenTech","avatarSrc":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","imageSrc":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp"},{"quote":"Integration was seamless. We were running in days instead of weeks.","author":"Sarah Thompson","role":"CTO","company":"ThompsonIO","avatarSrc":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","imageSrc":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp"},{"quote":"Analytics insights drive real business value. We make better decisions faster.","author":"James Rodriguez","role":"Head of Analytics","company":"RodAnalytics","avatarSrc":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp","imageSrc":"https://cdn.ing/assets/i/r/308196/g6bbn73f7gxal82uu49m9prfd0u8/workplace-in-cafe.webp"}]},"dependencies":["@opensite/ui"],"tags":["testimonials","animated","scrolling","framer-motion","staggered","images","gradient","viewport"],"performance":{},"importantUsageNotes":"Testimonials must come from real, sourced reviews or testimonials. Do not fabricate quotes, names, or company affiliations. Each item supports an optional imageSrc (feature photo on the card) and logoSrc (company logo). Both must be absolute URLs when provided. Use high-quality imagery that pairs well on dark backgrounds.","usageRequirements":{"requiredProps":["testimonials"],"propConstraints":{"testimonials":{"required":true,"minItems":4,"maxItems":12},"testimonials[].quote":{"required":true,"maxLength":350}},"mediaSlots":{"testimonials[].avatarSrc":{"path":"testimonials[].avatarSrc","roles":["profile","avatar"],"disallowedRoles":["logo","favicon","video-thumbnail"],"minPixelClass":"small","required":false,"preferredAspect":"1:1","note":"Author avatar in the scrolling column card. IMAGE MEDIA ONLY. Do not use logos, favicons, or video assets."},"testimonials[].imageSrc":{"path":"testimonials[].imageSrc","roles":["feature","thumbnail"],"disallowedRoles":["logo","favicon","video-thumbnail"],"minPixelClass":"medium","required":false,"note":"Optional feature photo displayed on the card. IMAGE MEDIA ONLY. Do not use logos, favicons, or video assets."},"testimonials[].logoSrc":{"path":"testimonials[].logoSrc","roles":["logo"],"disallowedRoles":["favicon","video-thumbnail"],"minPixelClass":"small","required":false,"note":"Optional company logo on the card. LOGO IMAGE ONLY. Do not use photos, favicons, or video assets."}},"requiresSiteCapabilities":["reviews_or_testimonials"],"notes":["All media src values must be absolute URLs to real assets; relative paths and placeholder media variables are not allowed."]}}},"timestamp":"2026-06-27T20:08:57.265Z"}