1import{r as e,j as s}from"./index-B4Q7pubO.js";import{R as l}from"./RichText-C-ldzpA5.js";import{u as a}from"./useMediaQuery-DbG3eVJV.js";import{L as t}from"./components-BS04p_4S.js";import"./safeUrl-C9u0d8a8.js";function i({content:i,bgColor:r="transparent"}){const[n,c]=e.useState(0),o=a("(max-width: 768px)");function d(e){const s=n+e;s<0?c(0):s>=i.cards.length?c(i.cards.length-1):c(s)}return s.jsx("section",{className:" lg:pb-40 pb-16 ",children:s.jsxs("div",{className:"custom-container overflow-hidden",children:[s.jsx("div",{className:"flex justify-center lg:mb-14 mb-10 lg:max-w-[791px] max-w-full w-full mx-auto ",children:s.jsx(l,{content:i?.title,modifiers:{bold:({children:e})=>s.jsx("span",{className:"text-primary-500",children:e})},blocks:{heading:({children:e,level:l})=>{if(2===l)return s.jsx("h2",{className:"secondary-heading text-mxl leading-[40px] text-center",children:e})}}})}),s.jsx("div",{className:"flex justify-between overflow-scroll scrollbar-hide items-center gap-6 mb-12 flex-row ",children:i?.logos?.map((e,l)=>s.jsx("button",{onClick:()=>{c(l)},className:`${l===n?"bg-main-900":`${r&&r}`} flex justify-center rounded-full items-center cursor-pointer lg:h-[64px] h-[48px] px-20 lg:w-[284px] w-[215px] ${r&&"shadow-sm shadow-slate-50"} `,children:s.jsx("img",{src:l===n?e.activeImage:e.image,loading:"lazy",alt:"card",className:"lg:max-w-[140px] object-contain max-w-[106px] lg:h-[63px] h-[45px] "})},l))}),s.jsx("div",{className:"relative py-10 lg:min-h-[460px] overflow-hidden rounded-4 min-h-[648px] w-full",children:i?.cards?.map((e,l)=>{const a=`/${e?.btnLink}`||"/stories";return s.jsxs("div",{className:"absolute w-full px-4 h-full top-0 left-0 lg:pt-10 pt-5 transition-opacity duration-500 ease-in-out "+(l===n?"opacity-100 z-10":"opacity-0 z-0"),children:[s.jsx("div",{className:"absolute inset-0 lg:bg-cover bg-cover bg-no-repeat bg-center z-0",style:{backgroundImage:`url('${o?e?.bgMobile:e?.bgImage}')`}}),s.jsxs("div",{className:"relative z-10 lg:min-w-[550px] lg:max-w-[70%] max-w-full w-full min-h-[600px] lg:pl-10 pl-3",children:[s.jsx("div",{className:"flex justify-start lg:items-center items-start lg:mb-6 mb-4 rounded-4",children:s.jsx("img",{loading:"lazy",src:e?.currentLogo,alt:"card",className:"lg:w-[94px] w-[75px] lg:h-[64px] h-[51px] object-contain"})}),s.jsxs("p",{className:" mb-10 max-w-[550px] text-primary-white ",children:[e?.description.slice(0,300),"...."]}),s.jsxs("div",{className:"flex items-center gap-6",children:[s.jsx("img",{src:e?.customer,alt:"customer",loading:"lazy",className:"w-[48px] h-[48px]"}),s.jsx("div",{className:"flex flex-col",children:s.jsx("p",{className:"text-white text-xs lg:min-w-[60%] w-full ",children:e?.customerDetails})})]})]}),s.jsx("div",{className:"flex lg:mt-8 w-full mt-36 left-1/2 -translate-x-1/2 absolute bottom-10 z-20 justify-center",children:s.jsx(t,{to:a,"aria-label":"Read BridgerPay case studies",className:"btn-md-transparent flex items-center justify-center",children:e?.button})})]},e?.id)})}),s.jsx("div",{className:"flex lg:hidden justify-center mt-4 gap-1",children:i?.cards.map((e,l)=>s.jsx("div",{className:"border-[1px] rounded-full w-[12px] "+(l===n?"border-primary-500":"border-main-200")},e?.id))}),s.jsxs("div",{className:" lg:hidden flex gap-5 justify-center mt-5 custom-container ",children:[s.jsx("button",{onClick:()=>d(-1),disabled:0===n,className:` h-[40px] w-[40px] flex items-center justify-center cursor-pointer ${0===n?"bg-main-300 cursor-not-allowed opacity-50":"bg-main-900 hover:bg-main-800 hover:scale-105 active:scale-95"} rounded-full`,children:s.jsx("div",{children:s.jsx("img",{src:"/icons/arrowLeft.svg",alt:"left arrow",loading:"lazy"})})}),s.jsx("button",{onClick:()=>d(1),disabled:n===i.cards.length,className:` h-[40px] w-[40px] flex items-center justify-center cursor-pointer ${n===i?.cards.length-1?"bg-main-300 cursor-not-allowed opacity-50":"bg-main-900 hover:bg-main-800 hover:scale-105 active:scale-95"} rounded-full`,children:s.jsx("div",{children:s.jsx("img",{src:"/icons/arrowRight.svg",alt:"right arrow",loading:"lazy"})})})]}),s.jsx("div",{className:"lg:hidden text-center font-light block text-xs text-main-900 mt-2",children:"Swipe to see more"})]})})}export{i as default};
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.