https://bani.africa/_next/static/chunks/6102-7988bb6af0c13e6d.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6102],{8639:function(e,t,s){var a,l=s(7294);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e}).apply(this,arguments)}t.Z=function(e){return l.createElement("svg",n({width:44,height:47,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),a||(a=l.createElement("path",{d:"M5.47 23.728h32.291m0 0-8.97-9.697m8.97 9.697-8.97 9.697",stroke:"#000",strokeWidth:3.1,strokeLinecap:"round",strokeLinejoin:"round"})))}},3084:function(e,t,s){s.d(t,{Z:function(){return x}});var a,l=s(5893),n=s(7294),i=s(5697),r=s.n(i);function o(){return(o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var s=arguments[t];for(var a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a])}return e}).apply(this,arguments)}var c=function(e){return n.createElement("svg",o({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),a||(a=n.createElement("path",{d:"M12.646 14.646a.5.5 0 0 0 .708.708l-.708-.708ZM16 12l.354.354a.5.5 0 0 0 0-.708L16 12Zm-2.646-3.354a.5.5 0 0 0-.708.708l.708-.708ZM8 11.5a.5.5 0 0 0 0 1v-1Zm13.5.5A9.5 9.5 0 0 0 12 2.5v1a8.5 8.5 0 0 1 8.5 8.5h1ZM12 2.5A9.5 9.5 0 0 0 2.5 12h1A8.5 8.5 0 0 1 12 3.5v-1ZM2.5 12a9.5 9.5 0 0 0 9.5 9.5v-1A8.5 8.5 0 0 1 3.5 12h-1Zm9.5 9.5a9.5 9.5 0 0 0 9.5-9.5h-1a8.5 8.5 0 0 1-8.5 8.5v1Zm1.354-6.146 3-3-.708-.708-3 3 .708.708Zm3-3.708-3-3-.708.708 3 3 .708-.708ZM16 11.5H8v1h8v-1Z",fill:"#5444F2"})))},d=s(1664),A=s.n(d),u=s(5675),m=s.n(u);let p=e=>{let{details:t,type:s,style:a="",bodyStyle:i="",titleStyle:r=""}=e,{icon:o,title:d,body:u,image:p,imageStyle:x}=t,h="works"===s?"text-current bani-lg":"user"===s?"text-grey-text text-lg md:text-xl":"text-current bani-title-2",g=e=>null==e?void 0:e.split("#n").map((t,s)=>(0,l.jsxs)(n.Fragment,{children:[t,s<e.split("#n").length-1&&(0,l.jsx)("br",{})]},s));return(0,l.jsxs)("div",{className:"".concat("works"===s||"user"===s?"justify-start bg-white min-w-[calc(100vw-30px)] max-w-[calc(100vw-30px)] sm:min-w-[300px] sm:max-w-[360px] w-full h-[320px] sm:ml-3 md:ml-4 lg:ml-5 pl-5 sm:pl-4 pt-6 pb-[24px] sm:pr-3 sm:pr-6 sm:pt-2 sm:pb-7 snap-center":"plain"===s?"justify-start  h-full rounded-none p-1 w-full":"justify-start pl-7 pr-9 pt-8 pb-12 shadow-card-2 h-full bg-white"," ").concat("plain"!==s?"shadow-card":""," text-black transition-all duration-[500ms] ease-in-out flex flex-col items-start text-left w-full rounded-[30px]  relative overflow-hidden ").concat(a),children:[("works"===s||"user"===s)&&(0,l.jsx)("div",{className:"blue-fade-gradient absolute top-[-100px] right-[-100px] min-h-[200px] min-w-[200px] rounded-full"}),"user"===s?(0,l.jsxs)("div",{className:"flex justify-start items-center gap-4 md:gap-5 mb-4 sm:mb-3",children:[(0,l.jsx)(m(),{src:o,className:"w-[48px] h-[48px] rounded-full bg-cover"}),(0,l.jsxs)("div",{className:"flex flex-col justify-center items-start gap-0.5",children:[(0,l.jsx)("h2",{className:"basier-medium ".concat(h," ").concat(r),children:g(d)}),(0,l.jsx)("span",{className:" text-base text-grey-text uppercase ",children:null==t?void 0:t.role})]})]}):(0,l.jsxs)("div",{className:"flex flex-col justify-start items-start gap-6 sm:gap-5 mb-4 sm:mb-3",children:[(0,l.jsx)("div",{className:"".concat("plain"===s?"":"scale-[0.9] sm:scale-[0.8]"),children:o}),(0,l.jsx)("h2",{className:"basier-medium ".concat(h),children:g(d)})]}),(0,l.jsxs)("p",{className:"font-light leading-loose ".concat("works"===s?"bani-base w-[75%] md:w-full pb-4 sm:pb-0 text-grey-text":"user"===s?"text-lg md:text-xl w-[75%] md:w-full pb-4 sm:pb-0 !text-black mt-8":"text-base md:text-[17px] md:w-[95%] text-grey-text  md:mb-10"," ").concat(i),children:["user"===s&&(0,l.jsx)("span",{className:"text-blue text-[40px] leading-[18px]",children:"”"}),u,"user"===s&&(0,l.jsx)("span",{className:"text-blue text-[40px] !leading-[18px]",children:"”"})]}),p&&(0,l.jsx)(m(),{src:p,className:"w-[100%] mt-10 md:mt-auto"}),(null==t?void 0:t.href)&&(0,l.jsxs)(A(),{href:null==t?void 0:t.href,className:"flex justify-start items-center gap-x-2 text-black-light hover:text-blue mt-auto pt-2",children:[(0,l.jsx)("span",{className:"basier-medium bani-base-alt",children:"Learn More"}),(0,l.jsx)(c,{})]})]})};

1p.propTypes={details:r().object.isRequired,type:r().string.isRequired,style:r().string};var x=p},8969:function(e,t,s){var a=s(5893);s(7294);var l=s(5697),n=s.n(l);let i=e=>{let{pages:t,className:s,activePage:l,setActivePage:n}=e;return(0,a.jsx)("div",{className:"flex justify-start items-center gap-2 transition-all duration-[1s] ease-in-out ".concat(s),children:null==t?void 0:t.map((e,t)=>(0,a.jsx)("div",{onClick:()=>n(t),className:"w-[10px] h-[10px] rounded-full cursor-pointer ".concat(t===l?"bg-blue":"bg-grey-144 opacity-20")},t))})};i.propTypes={setActivePage:n().func,activePage:n().number,className:n().string,pages:n().array},t.Z=i},6102:function(e,t,s){s.r(t),s.d(t,{default:function(){return m}});var a=s(5893),l=s(7294),n=s(7018),i=s(3220),r={src:"/_next/static/media/user.6634aaf1.jpeg",height:165,width:165,blurDataURL:"data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/sBCgoKCgoKCwwMCw8QDhAPFhQTExQWIhgaGBoYIjMgJSAgJSAzLTcsKSw3LVFAODhAUV5PSk9ecWVlcY+Ij7u7+//CABEIAAgACAMBIgACEQEDEQH/xAAnAAEBAAAAAAAAAAAAAAAAAAAABgEBAAAAAAAAAAAAAAAAAAAAAv/aAAwDAQACEAMQAAAAqwV//8QAHBAAAgICAwAAAAAAAAAAAAAAAQIEBQARAxJC/9oACAEBAAE/AI8W2W6kcrlgzqp7ltjY8gZ//8QAFxEBAAMAAAAAAAAAAAAAAAAAAQASUf/aAAgBAgEBPwCobP/EABYRAAMAAAAAAAAAAAAAAAAAAAABEv/aAAgBAwEBPwCmf//Z",blurWidth:8,blurHeight:8},o=s(8639),c=s(3084),d=s(8969);let A=[{title:"Noble Justice",role:"Role",body:"It was seamless to integrate with the Bani API and I also have been earning commissions on every transaction, which has been so beneficial to me",icon:r},{title:"Noble Justice",role:"Role",body:"It was seamless to integrate with the Bani API and I also have been earning commissions on every transaction, which has been so beneficial to me",icon:r},{title:"Noble Justice",role:"Role",body:"It was seamless to integrate with the Bani API and I also have been earning commissions on every transaction, which has been so beneficial to me",icon:r},{title:"Noble Justice",role:"Role",body:"It was seamless to integrate with the Bani API and I also have been earning commissions on every transaction, which has been so beneficial to me",icon:r},{title:"Noble Justice",role:"Role",body:"It was seamless to integrate with the Bani API and I also have been earning commissions on every transaction, which has been so beneficial to me",icon:r}],u=()=>{var e,t;let s=(0,l.useRef)(null),r=(0,l.useRef)(null),[u,m]=(0,l.useState)(0),[p,x]=(0,l.useState)(0),h=(0,l.useRef)(null),g=(0,l.useRef)([]),w=(0,l.useMemo)(()=>p<640,[p]),f=(0,l.useCallback)(()=>{s.current&&s.current.swiper.slidePrev()},[]),b=(0,l.useCallback)(()=>{s.current&&s.current.swiper.slideNext()},[]),v=e=>{"left"===e?w?r.current.scrollLeft-=p:f():w?r.current.scrollLeft+=p:b()},j=e=>{r.current.scrollLeft=p*e};function y(){h.current&&clearTimeout(h.current)}l.useEffect(()=>(y(),h.current=setTimeout(()=>j(u===A.length-1?0:u+1),3500),()=>{y()}),[null===(e=null===(t=null==g?void 0:g.current[0])||void 0===t?void 0:t.getBoundingClientRect())||void 0===e?void 0:e.x]),(0,l.useEffect)(()=>{function e(){x(null==window?void 0:window.innerWidth)}return x(null==window?void 0:window.innerWidth),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let N=()=>{var e,t,s;for(let a=0;a<(null==g?void 0:null===(e=g.current)||void 0===e?void 0:e.length);a++){let e=null===(t=null===(s=null==g?void 0:g.current[a])||void 0===s?void 0:s.getBoundingClientRect())||void 0===t?void 0:t.x;e>=0&&e<30&&m(a)}};return(0,a.jsxs)("div",{className:"flex flex-col justify-start items-start w-full h-fit gap-y-10 md:gap-y-14 py-14 md:py-24 bg-grey-dull mt-8",children:[(0,a.jsxs)("div",{className:"flex flex-col md:flex-row justify-start items-start gap-8 md:gap-10 md:items-center w-full px-5 md:px-[5%] lg:px-[8%]",children:[(0,a.jsx)("p",{className:"text-base sm:text-xl md:text-[36px] text-blue basier-semibold uppercase md:normal-case lg:whitespace-nowrap w-full ",children:"Here’s what are partners are saying about Bani"}),(0,a.jsxs)("div",{className:"flex justify-start items-center gap-x-4 ml-[-10px] md:ml-0",children:[(0,a.jsx)("button",{onClick:()=>v("left"),className:"scale-[0.75]",style:{opacity:u<=0?.15:1},children:(0,a.jsx)(o.Z,{className:"rotate-[180deg]"})}),(0,a.jsx)("button",{className:"works-slide-right scale-[0.75]",onClick:()=>v("right"),children:(0,a.jsx)(o.Z,{})}),(0,a.jsx)(d.Z,{activePage:u,setActivePage:e=>{m(e),j(e)},pages:A,className:"ml-auto sm:hidden"})]})]}),(0,a.jsx)("div",{className:"flex sm:hidden w-full gap-3 py-3 px-3 md:px-0 no-scrollbar overflow-x-auto scroll-smooth snap-mandatory snap-x",ref:r,onScroll:e=>N(),children:A.map((e,t)=>(0,a.jsx)("div",{ref:e=>g.current[t]=e,children:(0,a.jsx)(c.Z,{details:e,type:"user"})},e.title))}),(0,a.jsx)("div",{className:"hidden sm:flex w-full py-3 works-swiper px-5 md:px-0",children:(0,a.jsx)(n.tq,{ref:s,spaceBetween:20,slidesPerView:1,breakpoints:{0:{slidesPerView:1},640:{slidesPerView:1.7},768:{slidesPerView:2},840:{slidesPerView:2.7},1024:{slidesPerView:3}

1,1200:{slidesPerView:3.7}},className:"!pb-4",autoplay:{delay:2e3,disableOnInteraction:!1},speed:4e3,modules:[i.pt,i.tl,i.W_],pagination:{clickable:!0,el:".clients-swiper-pagination"},onSlideChange:e=>!w&&m(e.activeIndex),children:A.map(e=>(0,a.jsx)(n.o5,{children:(0,a.jsx)(c.Z,{details:e,type:"user"})},e.title))})})]})};var m=u}}]);