const { useState: useStateTest, useEffect: useEffectTest, useRef: useRefTest } = React; // NOTE: This carousel has NO manual controls by design, no arrows, no dots, // no keyboard, no swipe. Auto-advance only, with pause-on-hover. const TESTIMONIALS = [ { quote: "The training videos are among the best I've seen. Engaging scripts, talented actors, and an overall incredible vibe. Their dedication, creativity, and collaboration with the compliance team resulted in engaging and impactful content.", name: 'Vic Torubaeva', role: 'Senior Learning Designer & Project Management · monday.com', initials: 'VT', gradient: ['#7C3AED', '#ED1F80'], avatarSrc: 'assets/testimonials/avatars/avatar-vic.jpg', companyLogoSrc: 'assets/testimonials/logos/logo-monday.png', companyLogoAlt: 'monday.com', }, { quote: 'Knowaa has the best service. Super friendly and always there when you need them. And the quality? Next level. You really feel the difference when you watch their training videos.', name: 'Nurit Hevron', role: 'Employee Learning & Development, HR · Teva', initials: 'NH', gradient: ['#503594', '#7C3AED'], avatarSrc: 'assets/testimonials/avatars/avatar-nurit.jpg', companyLogoSrc: 'assets/testimonials/logos/logo-teva.png', companyLogoAlt: 'Teva', }, { quote: 'Knowaa was a meaningful partner in transforming our training program. They brought fresh, new perspectives to the table, resulting in a customized solution that fit our needs perfectly. The project was a huge success, significantly boosting employee engagement.', name: 'Guy Laufer', role: 'VP of Global Digital Learning & Development · McCann Worldgroup', initials: 'GL', gradient: ['#F37137', '#ED1F80'], avatarSrc: 'assets/testimonials/avatars/avatar-guy.jpg', companyLogoSrc: 'assets/testimonials/logos/logo-mccann.png', companyLogoAlt: 'McCann Worldgroup', }, { quote: "The training videos are some of the best I've seen. Engaging scripts, talented actors, and an incredible vibe. Kudos to the compliance and creative teams.", name: 'Avi Shussheim', role: 'Global Training & Learning · AT&T', initials: 'AS', gradient: ['#7C3AED', '#503594'], avatarSrc: 'assets/testimonials/avatars/avatar-avi.jpg', }, ]; const AUTO_ADVANCE_MS = 6000; function Testimonials() { const sectionRef = useRefTest(null); const carouselRef = useRefTest(null); const [current, setCurrent] = useStateTest(0); const [paused, setPaused] = useStateTest(false); const [avatarError, setAvatarError] = useStateTest({}); const [logoError, setLogoError] = useStateTest({}); const total = TESTIMONIALS.length; useEffectTest(() => { const section = sectionRef.current; if (!section) return; const prefersReducedMotion = window.matchMedia( '(prefers-reduced-motion: reduce)' ).matches; if (prefersReducedMotion || !('IntersectionObserver' in window)) { section.classList.add('is-revealed'); return; } const io = new IntersectionObserver( (entries, obs) => { entries.forEach((entry) => { if (entry.isIntersecting) { section.classList.add('is-revealed'); obs.unobserve(section); } }); }, { threshold: 0.2 } ); io.observe(section); return () => io.disconnect(); }, []); useEffectTest(() => { if (paused) return; const prefersReducedMotion = window.matchMedia( '(prefers-reduced-motion: reduce)' ).matches; if (prefersReducedMotion) return; const id = window.setInterval( () => setCurrent((c) => (c + 1) % total), AUTO_ADVANCE_MS ); return () => window.clearInterval(id); }, [paused, total]); // Pause auto-advance when the browser tab is hidden. useEffectTest(() => { const onVis = () => setPaused(document.hidden); document.addEventListener('visibilitychange', onVis); return () => document.removeEventListener('visibilitychange', onVis); }, []); const getPos = (i) => { const diff = (i - current + total) % total; if (diff === 0) return 'active'; if (diff === 1) return 'next'; if (diff === total - 1) return 'prev'; if (diff < total / 2) return 'hidden-right'; return 'hidden-left'; }; return (

What our clients say about working with us.

setPaused(true)} onMouseLeave={() => setPaused(false)} >
{TESTIMONIALS.map((t, i) => { const pos = getPos(i); const showImg = t.avatarSrc && !avatarError[i]; const showLogo = t.companyLogoSrc && !logoError[i]; return (
{showImg ? ( setAvatarError((s) => ({ ...s, [i]: true })) } /> ) : (
{t.initials}
)}

{t.name}

{t.role}

{t.quote}
{showLogo && ( {t.companyLogoAlt setLogoError((s) => ({ ...s, [i]: true })) } /> )}
); })}
); } /* ─── Recognition strip, renders on white below testimonials. ─── */ function Recognition() { return (

Recognized by

2026 Watch List Company, Custom Content Development, Training Industry Top Content Providers for Custom eLearning 2026, Featured on elearningindustry.com
); } window.Recognition = Recognition;