https://asset.surveysparrow.com/website/prod-22895f0e523d031bd629b…/static/chunks/68155.e3819a8f3dc4f8ad.js

1try{let e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof globalThis?globalThis:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="6464d2fa-dcaa-4fe6-9316-c67679e63484",e._sentryDebugIdIdentifier="sentry-dbid-6464d2fa-dcaa-4fe6-9316-c67679e63484")}catch(e){}"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[68155],{41592:(e,t,n)=>{n.d(t,{$:()=>i.$,E:()=>a.E});var i=n(83801),a=n(12895)},68155:(e,t,n)=>{n.r(t),n.d(t,{TestimonialsInteractive:()=>C});var i,a=n(95155),r=n(12115);let o={1:"lg:col-start-1",2:"lg:col-start-2",3:"lg:col-start-3",4:"lg:col-start-4",5:"lg:col-start-5",6:"lg:col-start-6"},s={1:"lg:row-start-1",2:"lg:row-start-2"};var l=n(15239),c=n(94421);function d(){return(0,a.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",children:[(0,a.jsx)("rect",{width:"24",height:"24",rx:"12",className:"fill-primary-500"}),(0,a.jsx)("path",{d:"M17 12L9 17L9 7L17 12Z",className:"fill-white"})]})}function u(){return(0,a.jsx)("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:(0,a.jsx)("path",{d:"M6 6L18 18M18 6L6 18",stroke:"white",strokeWidth:"2",strokeLinecap:"round"})})}function g(e){let{muted:t}=e;return(0,a.jsxs)("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[(0,a.jsx)("path",{d:"M11 5L6 9H2.5V15H6L11 19V5Z",fill:"white",stroke:"white",strokeWidth:"1.4",strokeLinejoin:"round"}),t?(0,a.jsx)("path",{d:"M22 9L16 15M16 9L22 15",stroke:"white",strokeWidth:"1.6",strokeLinecap:"round"}):(0,a.jsx)("path",{d:"M15.5 8.5C16.4374 9.43764 16.9639 10.7092 16.9639 12.035C16.9639 13.3608 16.4374 14.6324 15.5 15.57M19 5C20.8747 6.87528 21.9279 9.41836 21.9279 12.07C21.9279 14.7216 20.8747 17.2647 19 19.14",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round"})]})}function h(e){let{playing:t}=e;return t?(0,a.jsxs)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[(0,a.jsx)("rect",{x:"2",y:"0",width:"3",height:"14",rx:"0.5",fill:"white"}),(0,a.jsx)("rect",{x:"9",y:"0",width:"3",height:"14",rx:"0.5",fill:"white"})]}):(0,a.jsx)("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:(0,a.jsx)("path",{d:"M2 1L12 7L2 13V1Z",fill:"white"})})}let p=(0,r.memo)(e=>{let{tile:t,row:n,col:i,isActive:r,onActivate:u,onRegisterRef:g}=e,h=!!t.video,p="".concat(o[i]," ").concat(s[n]),m=(0,a.jsx)("span",{className:"flex size-full items-center justify-center",children:(0,a.jsx)(l.default,{src:"".concat("https://static.surveysparrow.com/site/assets","/homepage-2026/testimonials/").concat(t.greyLogo),alt:"".concat(t.brand," logo"),width:176,height:48,className:"h-12 w-44 object-contain",unoptimized:!0,quality:100})});return h?(0,a.jsxs)(c.$,{ref:e=>g(t.id,e),type:"button",variant:"unstyled",onClick:()=>u(t.id),"aria-pressed":r,"aria-label":"Play ".concat(t.brand," testimonial"),className:"focus-visible:ring-primary-500 relative aspect-square size-full overflow-hidden rounded-xl transition-colors duration-300 focus-visible:ring-2 focus-visible:ring-offset-2 ".concat(r?"lg:bg-primary-200 bg-white":"hover:lg:bg-primary-200 bg-white"," ").concat(p),children:[m,(0,a.jsx)("span",{className:"pointer-events-none absolute right-2.5 top-2.5 transition-opacity duration-300 max-lg:hidden ".concat(r?"opacity-0":"opacity-100"),children:(0,a.jsx)(d,{})})]}):(0,a.jsx)("div",{className:"relative aspect-square size-full overflow-hidden rounded-xl bg-white ".concat(p),children:m})});p.displayName="LogoTile";var m=n(41592);function f(e){var t;return null!=(t=null==e?void 0:e.startCol)?t:2}let y="cubic-bezier(0.16, 1, 0.3, 1)",w=!0;function v(e){let{videoRef:t}=e,n=(0,r.useRef)(null);return(0,r.useEffect)(()=>{let e=t.current;if(!e)return;let i=e=>{n.current&&(n.current.style.width="".concat(Math.min(100,100*e),"%"))},a=()=>{!e.duration||Number.isNaN(e.duration)||i(e.currentTime/e.duration)},r=()=>i(0);return e.addEventListener("timeupdate",a),e.addEventListener("loadedmetadata",r),()=>{e.removeEventListener("timeupdate",a),e.removeEventListener("loadedmetadata",r)}},[t]),(0,a.jsx)("div",{className:"relative flex h-0.5 flex-1 overflow-hidden rounded-full bg-white/40",children:(0,a.jsx)("div",{ref:n,className:"h-0.5 w-0 rounded-full bg-white transition-[width] duration-150 ease-linear"})})}let x=(0,r.memo)(e=>{let{tile:t}=e;return(0,a.jsx)("div",{children:t.whiteLogo&&(0,a.jsx)(l.default,{src:"".concat("https://static.surveysparrow.com/site/assets","/homepage-2026/testimonials/").concat(t.whiteLogo),alt:"".concat(t.brand," logo"),width:120,height:40,className:"h-10 w-fit object-contain",unoptimized:!0})})});function b(e){let{tile:t,phase:n,onClose:i,onAnimationEnd:s,getTileRect:c}=e,d=(0,r.useRef)(null),p=(0,r.useRef)(null),b=(0,r.useRef)(null),j=(0,r.useRef)(null),L=(0,r.useRef)(null),k=(0,r.useRef)(!1),[N,C]=(0,r.useState)(w),[E,M]=(0,r.useState)(!0);(0,r.useEffect)(()=>{let e=d.current;if(e)if(E&&"close"!==n){let t=e.play();t&&"function"==typeof t.catch&&t.catch(()=>{})}else e.pause()},[E,n]),(0,r.useEffect)(()=>{let e=d.current;e&&(e.muted=N)},[N]),(0,r.useLayoutEffect)(()=>{let e;if("static"===n)return;k.current=!1;let i=p.current,a=b.current,r=j.current,o=L.current;if(!i)return;let l=i.getBoundingClientRect(),d=null==c?void 0:c(t.id);if(!d||0===l.width||0===d.width){if("close"===n){let e=requestAnimationFrame(()=>s());return()=>cancelAnimationFrame(e)}return}let u=d.left-l.left,g=d.top-l.top,h=d.width/l.width,m=d.height/l.height,f="translate(".concat(u,"px, ").concat(g,"px) scale(").concat(h,", ").concat(m,")"),w="open"===n,v="transform ".concat(500,"ms ").concat(y),x="opacity ".concat(500,"ms ").concat(y);i.style.transition="none",i.style.transform=w?f:"none",a&&(a.style.transition="none",a.style.opacity="1"),r&&(r.style.transition="none",r.style.opacity=w?"0":"1"),o&&(o.style.transition="none",o.style.opacity="0");let N=requestAnimationFrame(()=>{k.current||(i.style.transition=v,i.style.transform=w?"none":f,a&&(a.style.transition=x,a.style.opacity=w?"1":"0"),r&&(r.style.transition=x,r.style.opacity=w?"1":"0"),o&&w&&(o.style.transition=x,o.style.opacity="0"),"close"===n&&(e=setTimeout(s,600)))});return()=>

1{k.current=!0,cancelAnimationFrame(N),e&&clearTimeout(e);let t=p.current;t&&(t.style.transition="none",t.style.transform="none")}},[n,c,s,t.id]);let R=f(t),z="static"===n?"":"testimonial-card-flip",P="close"===n?"z-10":"z-20";return(0,a.jsxs)("div",{ref:p,onTransitionEnd:e=>{e.target===e.currentTarget&&"transform"===e.propertyName&&"close"===n&&s()},style:{transformOrigin:"0 0"},className:"relative col-span-2 row-span-2 hidden size-full overflow-hidden rounded-xl lg:row-start-1 lg:block ".concat(o[R]," ").concat(z," ").concat(P),"aria-hidden":"close"===n,children:[(0,a.jsx)("div",{ref:L,className:"absolute inset-0 flex size-full items-center justify-center bg-white",style:{opacity:0},"aria-hidden":"true",children:(0,a.jsx)(l.default,{src:"".concat("https://static.surveysparrow.com/site/assets","/homepage-2026/testimonials/").concat(t.greyLogo),alt:"".concat(t.brand," logo"),width:176,height:48,className:"h-12 w-44 object-contain",unoptimized:!0,quality:100})}),(0,a.jsxs)("div",{ref:b,className:"absolute inset-0 size-full bg-black",children:[t.video&&(0,a.jsx)("video",{ref:d,src:"".concat("https://static.surveysparrow.com/site/assets","/homepage-2026/testimonials/").concat(t.video),className:"absolute inset-0 size-full object-cover",muted:N,loop:!0,playsInline:!0,preload:"metadata","aria-label":"".concat(t.brand," testimonial"),children:(0,a.jsx)("track",{kind:"captions"})}),(0,a.jsx)("div",{className:"pointer-events-none absolute inset-0 bg-gradient-to-b from-transparent to-black/90"})]}),(0,a.jsxs)("div",{ref:j,className:"absolute inset-0",onClick:()=>M(e=>!e),children:[(0,a.jsx)(m.$,{variant:"unstyled",onClick:e=>{e.stopPropagation(),i()},className:"absolute right-3 top-3 flex size-7 items-center justify-center rounded-full bg-black/40 transition-opacity hover:opacity-80","aria-label":"Close testimonial",children:(0,a.jsx)(u,{})}),(0,a.jsxs)("div",{className:"absolute inset-x-8 bottom-4 flex h-[85%] flex-col justify-between gap-3",children:[(0,a.jsx)(x,{tile:t}),(0,a.jsxs)("div",{children:[t.description&&(0,a.jsx)(m.E,{className:"max-w-80 text-3xl tracking-tight text-white",children:t.description}),(0,a.jsxs)("div",{className:"mt-3 flex items-center gap-3",children:[(0,a.jsx)("div",{className:"flex-1",onClick:e=>e.stopPropagation(),onKeyDown:void 0,children:(0,a.jsx)(v,{videoRef:d})}),(0,a.jsx)(m.$,{variant:"unstyled",onClick:e=>{e.stopPropagation(),C(e=>w=!e)},className:"rounded-full transition-opacity hover:opacity-80","aria-label":N?"Unmute video":"Mute video",children:(0,a.jsx)(g,{muted:N})}),(0,a.jsx)(m.$,{variant:"unstyled",onClick:e=>{e.stopPropagation(),M(e=>!e)},className:"rounded-full transition-opacity hover:opacity-80","aria-label":E?"Pause video":"Play video",children:(0,a.jsx)(h,{playing:E})})]})]})]})]})]})}x.displayName="CardContent";let j=[{id:"paragon",brand:"Paragon Management",greyLogo:"paragon-grey.png",whiteLogo:"paragon-white.png",video:"paragon-management.mp4",startCol:1,description:"92% completion rate for in-care surveys"},{id:"volkwagen",brand:"Volkswagen",greyLogo:"volkwagen-grey.png"},{id:"dhl",brand:"DHL",greyLogo:"dhl-grey.png"},{id:"michigan",brand:"Michigan Virtual",greyLogo:"michigan-virtual-grey.png",whiteLogo:"michigan-virtual-white.png",video:"michigan-virtual.mp4",startCol:4,description:"Real-time learner sentiment at scale"},{id:"futurelife",brand:"Futurelife",greyLogo:"futurelife-grey.png"},{id:"motorola",brand:"Motorola Solutions",greyLogo:"motorola-solutions-grey.png"},{id:"puma",brand:"Puma Energy",greyLogo:"puma-energy-grey.png"},{id:"bacardi",brand:"Bacardi",greyLogo:"bacardi-grey.png"},{id:"xmpie",brand:"XMPie",greyLogo:"xmpie-grey.png",whiteLogo:"xmpie-white.png",video:"xmpie.mp4",startCol:2,description:"85% response rate on NPS surveys"},{id:"eros",brand:"Eros",greyLogo:"eros-grey.png"},{id:"plarium",brand:"Plarium",greyLogo:"plarium-grey.png"},{id:"landscapes",brand:"Landscapes Golf Management",greyLogo:"landscapes-golf-mangement-grey.png",whiteLogo:"landscapes-golf-mangement-white.png",video:"landscapes-golf-management.mp4",startCol:5,description:"60% boost in feedback response rate"}].map((e,t)=>({...e,row:Math.floor(t/6)+1,col:t%6+1})),L=j.filter(e=>e.video),k=null!=(i=j.find(e=>"paragon"===e.id))?i:null,N=()=>{};function C(){let[e,t]=(0,r.useState)(k),[n,i]=(0,r.useState)("static"),[o,s]=(0,r.useState)(null),l=(0,r.useRef)(new Map),c=(0,r.useRef)(e);c.current=e;let d=(0,r.useCallback)((e,t)=>{t?l.current.set(e,t):l.current.delete(e)},[]),u=(0,r.useCallback)(e=>{var t;return null==(t=l.current.get(e))?void 0:t.getBoundingClientRect()},[]),g=(0,r.useCallback)(e=>{var n;let a=null!=(n=j.find(t=>

1t.id===e))?n:null,r=c.current;if((null==r?void 0:r.id)===e){s(r),t(null);return}if(r){if(f(r)===(a?f(a):null)){s({...r,pendingNext:a}),t(null);return}s(r)}i("open"),t(a)},[]),h=(0,r.useCallback)(()=>{s(e=>((null==e?void 0:e.pendingNext)&&(i("open"),t(e.pendingNext)),null))},[]),m=(0,r.useCallback)(()=>{s(c.current),t(null)},[]);return(0,a.jsxs)(a.Fragment,{children:[L.map(t=>(0,a.jsx)(p,{tile:t,row:t.row,col:t.col,isActive:t.id===(null==e?void 0:e.id),onActivate:g,onRegisterRef:d},t.id)),e&&(0,a.jsx)(b,{tile:e,phase:n,onClose:m,onAnimationEnd:N,getTileRect:u},e.id),o&&(0,a.jsx)(b,{tile:o,phase:"close",onClose:N,onAnimationEnd:h,getTileRect:u},"closing-".concat(o.id))]})}},94421:(e,t,n)=>{n.d(t,{$:()=>i.$});var i=n(83801)}}]);