https://xentral.com/_next/static/chunks/7486.b9fe77d00c2a9c9f.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7486],{7486:function(e,t,a){a.r(t),a.d(t,{default:function(){return f}});var s=a(1527),l=a(959),i=a(5924),r=a(9980),n=a(3212),o=a(6621),c=a.n(o),d=a(7477),h=a(1222),m=a(3241),u=a(630),x=a(6414);function f({productCarouselItem:e}){let[t,a]=(0,l.useState)(0),{sm:o,md:c,lg:d,xl:x}=(0,h.y)(),f=(0,l.useMemo)(()=>{if(o){let e=(window.innerWidth-352)/2;return(0,m.k)(e,t,352,16)}return c?(0,m.k)(64,t,640,16):d?(0,m.k)(128,t,768,16):x?(0,m.k)(224,t,832,16):(0,m.k)(352,t,832,0)},[t,o,c,d,x]);return(0,s.jsx)("section",{className:"relative bg-gray-50",id:(0,u.i)("product-carousel-section"),children:(0,s.jsxs)("div",{className:"container py-12 md:pb-16 overflow-clip relative flex flex-col items-center gap-10",children:[(0,s.jsx)("ul",{className:(0,i.Z)("z-40 relative max-w-6xl flex flex-row flex-wrap items-center justify-center gap-x-10 gap-y-2 px-6 md:px-8",e.length<2&&"hidden"),children:e?.map(({title:e},l)=>s.jsx("li",{className:i.Z(l===t?"border-primary-500":"border-transparent","border-b-2 hover:border-gray-400 transition-all duration-100 ease-in-out"),children:s.jsx("button",{className:"py-2 font-medium",onClick:()=>a(l),children:e})},e))}),(0,s.jsx)("div",{className:(0,i.Z)("transition-all duration-500 ease-in-out","flex flex-row gap-4 flex-nowrap items-start self-start","z-20 relative",e.length>1?"justify-start":"w-full justify-center"),style:e.length>1?f:{},children:e.map((e,a)=>(0,s.jsx)(g,{selected:a===t,...e},a))}),(0,s.jsxs)("div",{className:(0,i.Z)("flex flex-row gap-4 z-50",e.length<2&&"hidden"),children:[(0,s.jsx)("button",{className:(0,i.Z)("bg-white rounded-full p-2 shadow-glass-sm hover:shadow-glass active:shadow-glass-sm transition-all duration-200 ease-smooth",0===t?"opacity-25":"opacity-75 hover:opacity-95"),onClick:()=>t>0&&a(t-1),"aria-label":"Previous testimonial",children:(0,s.jsx)(r.Z,{className:"w-6 h-6"})}),(0,s.jsx)("button",{className:(0,i.Z)("bg-white rounded-full p-2 shadow-glass-sm hover:shadow-glass active:shadow-glass-sm transition-all duration-200 ease-smooth",t===e.length-1?"opacity-25":"opacity-75 hover:opacity-95"),onClick:()=>t<e.length-1&&a(t+1),"aria-label":"Next testimonial",children:(0,s.jsx)(n.Z,{className:"w-6 h-6"})})]}),e.length>1?(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:"absolute h-full left-0 top-0 w-10 md:w-40 z-30 bg-gradient-to-r from-gray-50"}),(0,s.jsx)("div",{className:"absolute h-full right-0 top-0 w-10 md:w-40 z-30 bg-gradient-to-l from-gray-50"})]}):null]})})}function g({selected:e=!1,description:t,image:a,link:l,title:r}){return(0,s.jsxs)("div",{className:(0,i.Z)("xl:w-[52rem]","lg:w-[48rem]","md:w-[40rem]","w-[22rem]","flex flex-col justify-center items-center gap-4 shrink-0","transition-all duration-500 ease-in-out",e?"scale-100 opacity-100 relative z-20":"scale-75 opacity-50 relative z-0"),children:[(0,s.jsxs)("div",{className:"relative",children:[(0,s.jsx)(c(),{src:a?.url,alt:a?.alt??"Xentral Product Screenshot",width:1024,height:1024}),(0,s.jsx)(x.O,{isAiGenerated:a?.isAiGenerated})]}),(0,s.jsxs)("div",{className:"self-start flex flex-col justify-start items-start gap-4",children:[r&&(0,s.jsx)("h3",{className:"text-heading5 font-semibold text-gray-700",children:r}),t&&(0,s.jsx)("p",{className:"text-lg text-gray-700 font-light",children:t}),l&&l.title&&(0,s.jsx)(d.Z,{link:l.link,className:"text-primary-900 font-semibold text-lg hover:underline hover:text-primary-900 transition-all duration-100 ease-in-out",children:l.title})]})]})}}}]);