https://www.pendo.io/_next/static/chunks/1137.d43ad3fde205e19a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1137],{15239:(e,t,r)=>{r.d(t,{default:()=>a.a});var l=r(54652),a=r.n(l)},54652:(e,t,r)=>{Object.defineProperty(t,"__esModule",{value:!0}),!function(e,t){for(var r in t)Object.defineProperty(e,r,{enumerable:!0,get:t[r]})}(t,{default:function(){return c},getImageProps:function(){return i}});let l=r(28140),a=r(75040),s=r(81356),n=l._(r(71124));function i(e){let{props:t}=(0,a.getImgProps)(e,{defaultLoader:n.default,imgConf:{deviceSizes:[640,750,828,1080,1200,1920,2048,3840],imageSizes:[16,32,48,64,96,128,256,384],qualities:[75,85,90],path:"/_next/image/",loader:"default",dangerouslyAllowSVG:!0,unoptimized:!1}});for(let[e,r]of Object.entries(t))void 0===r&&delete t[e];return{props:t}}let c=s.Image},91137:(e,t,r)=>{r.r(t),r.d(t,{default:()=>m});var l=r(95155),a=r(79629),s=r(12115),n=r(15239);let i=e=>{let{filled:t}=e;return(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",className:"w-5 h-5 ".concat(t?"text-orange-400":"text-gray-400"),children:(0,l.jsx)("path",{fillRule:"evenodd",d:"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z",clipRule:"evenodd"})})},c=()=>(0,l.jsxs)("div",{className:"relative w-5 h-5",children:[(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",className:"w-5 h-5 absolute text-gray-400",children:(0,l.jsx)("path",{fillRule:"evenodd",d:"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z",clipRule:"evenodd"})}),(0,l.jsx)("div",{className:"absolute inset-0 overflow-hidden w-[50%]",children:(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor",className:"w-5 h-5 text-orange-400",children:(0,l.jsx)("path",{fillRule:"evenodd",d:"M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401z",clipRule:"evenodd"})})})]}),d=e=>{let{rating:t}=e;return(0,l.jsx)("div",{className:"flex",children:[1,2,3,4,5].map(e=>{let r=t-e;return r>=0?(0,l.jsx)(i,{filled:!0},e):r>=-.5?(0,l.jsx)(c,{},e):(0,l.jsx)(i,{filled:!1},e)})})},o=e=>{let{card:t}=e,r=(0,a.i)();return(0,l.jsxs)("div",{className:"flex-shrink-0 w-[400px] rounded-xl overflow-hidden flex flex-col",style:{transform:"translate3d(0, 0, 0)",minHeight:"240px"},children:[(0,l.jsx)("div",{className:"h-36 flex items-center justify-center p-8",style:{backgroundColor:t.backgroundColor},children:(0,l.jsx)("div",{className:"relative w-full h-full max-h-20",children:(0,l.jsx)(n.default,{src:"".concat(t.image,"?format=webp"),alt:r.cardImage,fill:!0,className:"object-contain"})})}),(0,l.jsx)("div",{className:"bg-white p-4 flex-1 flex items-center",children:(0,l.jsx)("div",{className:"text-gray-800 text-base leading-relaxed w-full ".concat((e=>{switch(e){case"center":return"text-center";case"right":return"text-right";default:return"text-left"}})(t.textAlignment)),dangerouslySetInnerHTML:{__html:t.text}})})]})},u=e=>{let{review:t}=e,r=(0,a.i)();return(0,l.jsxs)("div",{className:"flex-shrink-0 w-[400px] p-5 rounded-xl bg-white/10 backdrop-blur-lg border border-white/20 flex flex-col",style:{transform:"translate3d(0, 0, 0)",minHeight:"240px"},children:[(0,l.jsxs)("div",{className:"flex items-center mb-3",children:[(0,l.jsx)(d,{rating:t.rating}),(0,l.jsx)("span",{className:"ml-2 text-lg font-bold text-white",children:t.rating.toFixed(1)})]}),(0,l.jsxs)("p",{className:"text-white/90 text-base leading-relaxed flex-grow mb-3",children:["“",t.text,"”"]}),(0,l.jsxs)("div",{className:"flex items-center gap-4 pt-4 border-t border-white/10 mt-auto",children:[(0,l.jsx)("div",{className:"flex-shrink-0 w-12 h-12 relative flex items-center justify-center bg-white/5 rounded-lg",children:(0,l.jsx)(n.default,{src:"".concat(t.logo,"?format=webp"),alt:r.customerNamedLogo.replace("{customer}",t.company),fill:!0,className:"object-contain p-1"})}),(0,l.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,l.jsx)("p",{className:"font-semibold text-white truncate",children:t.author}),(0,l.jsxs)("p",{className:"text-white/70 text-sm truncate",children:[t.role,", ",t.company]})]})]})]})},x=e=>{let{isPaused:t,onClick:r}=e,s=(0,a.i)();return(0,l.jsx)("button",{onClick:r,className:"flex items-center justify-center gap-2 px-4 py-2 rounded-full bg-white/10 hover:bg-white/20 backdrop-blur-lg border border-white/20 transition-colors duration-200",children:t?(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"

1currentColor",className:"w-5 h-5 text-white",children:(0,l.jsx)("path",{fillRule:"evenodd",d:"M4.5 5.653c0-1.426 1.529-2.33 2.779-1.643l11.54 6.348c1.295.712 1.295 2.573 0 3.285L7.28 19.991c-1.25.687-2.779-.217-2.779-1.643V5.653z",clipRule:"evenodd"})}),(0,l.jsx)("span",{className:"font-medium text-white",children:s.play})]}):(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"currentColor",className:"w-5 h-5 text-white",children:(0,l.jsx)("path",{fillRule:"evenodd",d:"M6.75 5.25a.75.75 0 01.75-.75H9a.75.75 0 01.75.75v13.5a.75.75 0 01-.75.75H7.5a.75.75 0 01-.75-.75V5.25zm7.5 0A.75.75 0 0115 4.5h1.5a.75.75 0 01.75.75v13.5a.75.75 0 01-.75.75H15a.75.75 0 01-.75-.75V5.25z",clipRule:"evenodd"})}),(0,l.jsx)("span",{className:"font-medium text-white",children:s.pause})]})})},m=e=>{let{reviews:t,cards:r,cardType:a="review"}=e,n=(0,s.useRef)(null),[i,c]=(0,s.useState)(!1),d=(0,s.useRef)({startTime:0,pausedAt:0,currentTranslate:0}),m=s.useMemo(()=>r&&r.length>0?r:t&&t.length>0?t.map(e=>({type:"review",...e})):[],[r,t]),h=[...m,...m,...m];return(0,s.useEffect)(()=>{let e;if(!n.current)return;let t=n.current,r=t.scrollWidth/3;0===d.current.startTime&&(d.current.startTime=performance.now());let l=a=>{if(i)0===d.current.pausedAt&&(d.current.pausedAt=a);else{if(0!==d.current.pausedAt){let e=a-d.current.pausedAt;d.current.startTime+=e,d.current.pausedAt=0}let e=a-d.current.startTime;d.current.currentTranslate=e/3e4*r,d.current.currentTranslate>=r&&(d.current.startTime=a,d.current.currentTranslate=0),t.style.transform="translate3d(".concat(-d.current.currentTranslate,"px, 0, 0)")}e=requestAnimationFrame(l)};return e=requestAnimationFrame(l),()=>{e&&cancelAnimationFrame(e)}},[i,m.length]),(0,l.jsxs)("div",{className:"w-full overflow-hidden py-16 relative bg-black",children:[(0,l.jsx)("div",{className:"absolute inset-x-0 bottom-0 h-full",style:{background:"radial-gradient(120% 120% at 50% 100%, rgba(249, 115, 22, 0.25) 0%, rgba(236, 72, 153, 0.25) 20%, rgba(147, 51, 234, 0.25) 40%, rgba(0, 0, 0, 0) 65%)",maskImage:"linear-gradient(to top, black, transparent)",WebkitMaskImage:"linear-gradient(to top, black, transparent)"}}),(0,l.jsxs)("div",{className:"relative",children:[(0,l.jsx)("div",{className:"flex gap-6",ref:n,style:{willChange:"transform",transform:"translate3d(0, 0, 0)"},children:h.map((e,t)=>{let r="review"===e.type?"".concat(e.author,"-").concat(t):"".concat(e.text.substring(0,20),"-").concat(t);return"image-text"===e.type?(0,l.jsx)(o,{card:e},r):(0,l.jsx)(u,{review:e},r)})}),(0,l.jsx)("div",{className:"flex justify-center mt-8",children:(0,l.jsx)(x,{isPaused:i,onClick:()=>c(!i)})})]})]})}}}]);