{"success":true,"data":{"block":{"id":"testimonials-parallax-number","name":"Testimonials Parallax Number Effect","title":"Testimonials Parallax Number","category":"Testimonials","categorySlug":"testimonials","description":"A premium testimonial section featuring an oversized animated number with parallax mouse-tracking effect. The large index number responds to mouse movement, creating depth. Includes a vertical progress indicator, company badge, word-by-word quote animation, and smooth navigation controls. Perfect for high-end landing pages.","thumbnail":{"desktop":"https://cdn.ing/assets/i/r/293663/681vjekdt2ktlya3ozadxnnhb2k4/cleanshot-2026-03-10-at-10-23-29-2x.png","mobile":"https://cdn.ing/assets/i/r/293662/udsyztauu7xrp4zhtfvx7wdvoqxw/cleanshot-2026-03-10-at-10-23-37-2x.png"},"componentPath":"blocks/testimonials/testimonials-parallax-number.tsx","code":"import { TestimonialsParallaxNumber } from \"@opensite/ui/blocks/testimonials/testimonials-parallax-number\";\nimport { imagePlaceholders } from \"@/lib/media\";\n\nexport default function Demo() {\n  return (\n    <TestimonialsParallaxNumber\n      testimonials={[\n        {\n          quote:\n            \"This platform has revolutionized our business operations. The results speak for themselves - increased productivity, reduced costs, and happier team members.\",\n          author: \"Victoria Chen\",\n          role: \"CEO & Founder\",\n          company: \"Innovation Dynamics\",\n          avatarSrc: imagePlaceholders[33],\n          backgroundIcon: \"lucide/rocket\",\n        },\n        {\n          quote:\n            \"The level of innovation and attention to detail is unmatched. Every feature works seamlessly, and the performance is exceptional under any workload.\",\n          author: \"Alexander Martinez\",\n          role: \"CTO\",\n          company: \"TechForward\",\n          avatarSrc: imagePlaceholders[58],\n          backgroundIcon: \"mdi/graph\",\n        },\n        {\n          quote:\n            \"We've seen a complete transformation in how we serve our customers. Response times are down, satisfaction is up, and our team loves using it daily.\",\n          author: \"Dr. Rachel Foster\",\n          role: \"VP of Operations\",\n          company: \"CustomerFirst Inc\",\n          avatarSrc: imagePlaceholders[83],\n          backgroundIcon: \"lucide/thumbs-up\",\n          backgroundLabel: \"Yep\",\n        },\n      ]}\n      verticalLabel=\"Reviews\"\n      autoPlayInterval={1500000}\n      background=\"dark\"\n      pattern=\"gridFadeCenter\"\n      patternOpacity={0.15}\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},"backgroundIcon":{"type":"string","description":"Giant background icon name displayed behind the testimonial content (e.g. \"material-symbols/award-star-outline\").\nWhen not provided, no background icon is rendered.","required":false},"backgroundLabel":{"type":"object","description":"Giant background text label displayed behind the testimonial content (e.g. \"01\", \"A+\").\nOnly used when `backgroundIcon` is not provided.","typeLabel":"React.ReactNode","required":false}},"typeLabel":"TestimonialParallaxItem"},"typeLabel":"TestimonialParallaxItem[]","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},"verticalLabel":{"type":"object","description":"Vertical text label displayed on the side","typeLabel":"React.ReactNode","required":false},"className":{"type":"string","description":"Additional CSS classes for the section wrapper","required":false},"contentClassName":{"type":"string","description":"Additional CSS classes for the content container","required":false},"numberClassName":{"type":"string","description":"Additional CSS classes for the number indicator","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},"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","parallax","animated","premium","mouse-tracking","framer-motion","interactive","high-end"],"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 cycles through testimonials with a large parallax background icon or label; supply 3-6 testimonials in the 'testimonials' array (the demo uses 3). Each item supports 'backgroundIcon' (an icon name string, e.g. 'lucide/rocket') or 'backgroundLabel' (a large decorative text label like '01') — these are decorative only and do not need to come from customer data, but the 'quote', 'author', 'role', and 'company' must all be real, verified values. Follow the example props closely for this block."}},"timestamp":"2026-05-13T10:42:50.436Z"}