1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1066],{21066:(e,s,a)=>{a.r(s),a.d(s,{default:()=>h});var t=a(37876),i=a(14232),r=a(81134),l=a(5135),n=a(93993),o=a(56340),d=a(51432),c=a(37103),x=a(23246);let m={hidden:{},visible:{transition:{staggerChildren:.08}}},u={hidden:{opacity:0},visible:{opacity:1,transition:{duration:.4,ease:"easeInOut"}}};function h({reviews:e,background:s}){return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(g,{reviews:e,background:s}),(0,t.jsx)(p,{reviews:e,background:s})]})}function g({reviews:e,background:s}){let[a,l]=(0,i.useState)(!1),[n,o]=(0,i.useState)(null),d=(0,x.xH)(s?.background_color),c=function(e=[],s=3){let a=Array.from({length:s},()=>[]);return e.forEach((e,t)=>a[t%s].push({review:e,originalIndex:t})),a}(e,3);return(0,t.jsxs)("div",{className:"relative max-sm:hidden",children:[(0,t.jsx)(r.P.div,{variants:m,initial:"hidden",whileInView:"visible",viewport:{once:!0},className:"gap-x-4 sm:grid sm:grid-cols-2 lg:grid-cols-3",children:c.map((e,i)=>(0,t.jsx)("div",{className:"flex flex-col gap-y-4 md:gap-y-5 lg:gap-y-6",children:e.map(({review:e,originalIndex:i})=>{let l=i<9,o=a&&!l;return l||a?(0,t.jsx)(r.P.div,{variants:o?void 0:u,initial:o?{opacity:0}:void 0,animate:o?{opacity:1}:void 0,transition:o?{duration:.4,delay:(i-n)*.06,ease:"easeInOut"}:void 0,children:(0,t.jsx)(v,{review:e,starWidth:20*Number(e?.rating),background:s})},i):null})},i))}),!a&&e?.length>9&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)("div",{className:`${d} absolute inset-x-0 bottom-0 z-10 h-[15%] md:h-[40%]`}),(0,t.jsx)("div",{className:"absolute bottom-7 left-0 right-0 z-10 flex justify-center",children:(0,t.jsx)("button",{type:"button","aria-label":"Show all stories",className:"text-label h-12 rounded-full bg-black px-6 py-3 text-stone-20 transition-colors duration-200 hover:bg-maroon",onClick:()=>{o(9),l(!0)},children:"Read more stories"})})]})]})}function p({reviews:e,background:s}){let a=(0,l.I)(),[r,n]=(0,i.useState)(!1),o=e??[];if((0,i.useEffect)(()=>{n(!0)},[]),!o.length)return null;let[d,c]=function(e=[]){if(e.length>=8){let s=Math.ceil(e.length/2);return[e.slice(0,s),e.slice(s)]}return[e,e]}(o),x=r&&!0!==a;return(0,t.jsxs)("div",{className:"-mx-5 space-y-5 sm:hidden",children:[(0,t.jsx)(b,{reviews:d,background:s,direction:"right",animate:x}),(0,t.jsx)(b,{reviews:c,background:s,direction:"left",animate:x})]})}function b({reviews:e,background:s,direction:a,animate:i}){return i?(0,t.jsx)(n.A,{className:"[&_.marquee]:!items-stretch",speed:35,gradient:!1,direction:a,pauseOnHover:!0,pauseOnClick:!0,autoFill:!0,children:e.map((e,a)=>(0,t.jsx)("div",{className:"mr-5 flex w-[85vw] shrink-0 self-stretch",children:(0,t.jsx)(v,{review:e,starWidth:20*Number(e?.rating),background:s})},a))}):(0,t.jsx)("ul",{className:"flex items-stretch gap-5 overflow-x-auto px-5 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:e.map((e,a)=>(0,t.jsx)("li",{className:"flex w-[85%] shrink-0",children:(0,t.jsx)(v,{review:e,starWidth:20*Number(e?.rating),background:s})},a))})}function v({review:e,starWidth:s,background:a}){let i=a?.background_color==="white"?"bg-stone-20":"bg-white";return(0,t.jsxs)("div",{className:`flex flex-col gap-y-4 rounded-2xl p-5 shadow-[0px_1px_1px_0px_rgba(0,0,0,0),0px_0px_32px_0px_rgba(0,0,0,0)] transition-shadow duration-300 ease-out sm:hover:shadow-[0px_1px_1px_0px_rgba(0,0,0,0.08),0px_0px_32px_0px_rgba(0,0,0,0.1)] max-sm:h-full max-sm:w-full sm:p-6 ${i}`,children:[(0,t.jsx)("p",{className:"text-body-20",dangerouslySetInnerHTML:{__html:e?.review}}),(e?.name||e?.role)&&(0,t.jsxs)("div",{className:"flex items-center gap-x-3 border-t border-stone-100 pt-4 max-sm:mt-auto sm:pt-6",children:[(0,o.e_)(e?.avatar)&&(0,t.jsx)("div",{className:"relative h-[44px] w-[38px] shrink-0 overflow-hidden rounded-[100%]",children:(0,t.jsx)(d.HM,{image:e.avatar,layout:"fill",objectFit:"cover"})}),(0,t.jsxs)("div",{className:"flex-1",children:[e?.name&&(0,t.jsx)("p",{className:"text-subheading-m",dangerouslySetInnerHTML:{__html:e.name}}),e.role&&(0,t.jsx)("p",{className:"text-body-14",dangerouslySetInnerHTML:{__html:e.role}})]})]}),e.rating||e.logo?(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[e.rating&&(0,t.jsx)("div",{className:"h-[1.5rem] md:h-[1.7rem]",children:(0,t.jsxs)("div",{className:"relative mr-auto inline-flex w-[7rem] bg-stone-20 md:w-auto",children:[(0,t.jsx)("span",{className:"relative z-10",children:(0,t.jsx)(c.R6,{})}),(0,t.jsx)("div",{className:"absolute left-0 top-0 bottom-0 bg-yellow",style:{width:`${s}%`}})]})}),e.logo&&(0,t.jsx)("div",{className:"relative h-[2rem] w-full max-w-[7rem]",children:(0,t.jsx)(d.HM,{image:e.logo,layout:"fill",objectFit:"contain",objectPosition:e.rating?"right":"left"})})]}):""]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.