https://one-payu-website.vercel.app/static/components-sections-tes…onials-index.module.edce9441d66bc1df9815.js

1(window.__LOADABLE_LOADED_CHUNKS__=window.__LOADABLE_LOADED_CHUNKS__||[]).push([[25,14],{270:function(e,t,i){"use strict";i.r(t);i(9),i(10),i(15);var n=i(1),a=i(4),s=i(2),r=i(76),o=i(38),l=i(184),c=i(369),d=i(234),u=i(376),p=i(3),f=i(7),m=function(e){return function(e){return"object"==typeof e&&e.mix}(e)?e.mix:void 0};var h=i(235),b=i(20),g=i.n(b);var x=i(42);function v(e,t,i,n){var a="function"==typeof t?t:function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];var i=!Array.isArray(e[0]),n=i?0:-1,a=e[0+n],s=e[1+n],r=e[2+n],o=e[3+n],l=Object(f.interpolate)(s,r,Object(p.__assign)({mixer:m(r[0])},o));return i?l(a):l}(t,i,n);return Array.isArray(e)?j(e,a):j([e],(function(e){var t=Object(p.__read)(e,1)[0];return a(t)}))}function j(e,t){var i=Object(x.a)((function(){return[]}));return function(e,t){var i=Object(d.a)(t()),n=function(){return i.set(t())};return n(),Object(h.a)(e,(function(){return g.a.update(n,!1,!0)})),i}(e,(function(){i.length=0;for(var n=e.length,a=0;a<n;a++)i[a]=e[a].get();return t(i)}))}var O=i(0);const y=Object(a.styled)("div",{target:"e9z5wnc4"})("position:relative;.section-inner{position:relative;background:#FFFFFF;border-radius:28px;z-index:30;padding-top:",s.f.reponsiveCssValue(64,93,1440,77,1600,93),";padding-right:",s.f.reponsiveCssValue(94,141,1440,116,1600,141),";padding-bottom:",s.f.reponsiveCssValue(64,93,1440,77,1600,93),";padding-left:",s.f.reponsiveCssValue(94,141,1440,116,1600,141),";",s.f.screen.mob,"{padding-top:",s.f.reponsiveCssValue(58,77,375,58,1440,77),";padding-right:",s.f.reponsiveCssValue(27,116,375,27,1440,116),";padding-bottom:",s.f.reponsiveCssValue(72,77,375,72,1440,77),";padding-left:",s.f.reponsiveCssValue(27,116,375,27,1440,116),";}}.row1{display:flex;",s.f.screen.mob,"{flex-direction:column;}.texts{flex:10;p{margin-top:",s.f.reponsiveCssValue(12,20,1440,16.54,1600,20),";",s.f.screen.mob,"{margin-top:",s.f.reponsiveCssValue(12,20,375,20,992,12),";}}}.logos{display:flex;flex:16;align-items:center;justify-content:center;.logocontainer{width:90%;}}}",s.f.screen.md,"{.row1>div{&:not(:last-child){margin-right:",s.f.reponsiveCssValue(36,48,1440,52,1600,68),";}}}",s.f.screen.mob,"{.row1>div{&:not(:last-child){margin-bottom:",s.f.reponsiveCssValue(48,62,375,62,992,48),";}}}.row2{display:flex;transition:all 0.2s cubic-bezier(0.17, 0.12, 0.63, 0.66);margin-top:",s.f.reponsiveCssValue(58,88,1440,72,1600,88),";",s.f.screen.mob,"{flex-direction:column;margin-top:",s.f.reponsiveCssValue(60,76,375,76,993,60),";}.profile-container{flex:9;position:relative;display:flex;align-items:flex-start;justify-content:flex-start;",s.f.screen.mob,"{align-items:center;justify-content:center;}.wrapper{position:relative;width:100%;height:",s.f.reponsiveCssValue(296,455,1440,380,1600,455),";",s.f.screen.mob,"{height:",s.f.reponsiveCssValue(308,455,1440,380,1600,455),";}}.image-green-background{position:absolute;bottom:0px;background:linear-gradient(349.06deg, #1268B3 -100%, rgba(255, 255, 255, 0) 50%),#CFE4BF;opacity:0.5;backdrop-filter:blur(200px);border-radius:28px;width:100%;height:85.7%;",s.f.screen.mob,"{background:#EBF0ED;border-radius:16px;opacity:1;max-height:80%;left:50%;transform:translateX(-50%);}}.details-container{position:absolute;top:0px;bottom:0px;width:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;.image-wrapper{width:",s.f.reponsiveCssValue(198,279,1440,230.78,1600,279),";height:",s.f.reponsiveCssValue(198,294,1440,243.19,1600,294),";position:relative;max-width:75%;img{height:auto;object-fit:cover;border-radius:",s.f.reponsiveCssValue(16,20,1400,16,1600,20),";bottom:0;position:absolute;",s.f.screen.mob,"{border-radius:",s.f.reponsiveCssValue(16,20,375,20,1400,16),";}}}.text-container{display:flex;flex-direction:column;align-items:center;max-width:80%;margin-top:",s.f.reponsiveCssValue(24,38,1400,32,1600,38),";margin-bottom:",s.f.reponsiveCssValue(24,38,1400,32,1600,38),";h1,h2,h3,h4,h5,h6{text-align:center;",s.f.screen.mob,"{}}p{margin-top:",s.f.reponsiveCssValue(10,12,1440,9.93,1600,12),";text-align:center;",s.f.screen.mob,"{}}",s.f.screen.mob,"{margin-bottom:",s.f.reponsiveCssValue(24,38,1400,32,1600,38),";}}}}.text-and-cards-container{display:flex;flex:16;flex-direction:column;.texts{display:flex;align-items:start;justify-content:start;flex-direction:column;flex-grow:1;h1,h2,h3,h4,h5,h6{",s.f.screen.mob,"{text-align:center;}}p{margin-top:",s.f.reponsiveCssValue(11,17,1440,14,1600,17),";padding-bottom:",s.f.reponsiveCssValue(11,17,1440,14,1600,17),";",s.f.screen.mob,"{margin-top:",s.f.reponsiveCssValue(17,20,375,20,993,17),";}}}.texts.center{justify-content:center;}.small-cards{align-items:center;display:flex;flex-direction:row;justify-content:flex-end;flex-wrap:wrap;row-gap:",s.f.reponsiveCssValue(11,17,1440,14,1600,17),";",s.f.screen.mob,"{display:none;}.small-cards-heading{display:flex;align-item:center;justify-content:flex-end;flex-basis:120px;flex:1;p{}}.small-cards-items{display:flex;flex-direction:row;}}}}",s.f.screen.md,"{.row2>div{&:not(:last-child){margin-right:",s.f.reponsiveCssValue(36,48,1440,52,1600,68),";}}.row2>.text-and-cards-container>.small-cards{&:not(:last-child){margin-right:",s.f.reponsiveCssValue(24,38,1440,32,1600,38),";}.small-cards-items{&:not(:last-child){margin-right:",s.f.reponsiveCssValue(12,22,1440,18,1600,22),";}}}}",s.f.screen.mob,"{.row2>div{&:not(:last-child){margin-bottom:",s.f.reponsiveCssValue(36,41,375,41,993,36),";}}.row2>.text-and-cards-container>.small-cards{&:not(:last-child){margin-right:",s.f.reponsiveCssValue(24,38,1440,32,1600,38),";}.small-cards-items{&:not(:last-child){margin-right:",s.f.reponsiveCssValue(12,22,1440,18,1600,22),";}}}}.section-inner.small{padding-top:",s.f.reponsiveCssValue(36,58,1440,48,1600,58),";padding-right:",s.f.reponsiveCssValue(96,153,1440,130,1600,153),";padding-bottom:",s.f.reponsiveCssValue(64,93,1440,77,1600,93),";padding-left:",s.f.reponsiveCssValue(96,153,1440,130,1600,153),";",s.f.screen.mob,"{padding-top:",s.f.reponsiveCssValue(58,77,375,58,1440,77),";padding-right:",s.f.reponsiveCssValue(27,116,375,27,1440,116),";padding-bottom:",s.f.reponsiveCssValue(72,77,375,72,1440,77),";padding-left:",s.f.reponsiveCssValue(27,116,375,27,1440,116),";}.row1{.texts{p{margin-top:",s.f.reponsiveCssValue(9,16,1440,10.61,1600,16),";}}}.row2{margin-top:",s.f.reponsiveCssValue(42,62,1440,50,1600,62),";.profile-container{flex:9;}.text-and-cards-container{flex:10;}}}");var w=Object(a.connect)(({state:e,actions:t,data:i,index:a,libraries:s,isTopCard:r,updateHeight:o,setCardIndex:c})=>{var d,u;const p=Object(n.useRef)(null),f=s.html2react.Component,m=(null==i||null===(d=i.cards)||void 0===d?void 0:d.length)||1,h=a%m,b=!(i&&i.logo&&i.logo.length>0),g=()=>{p.current&&r&&(null==o||o(p.current.offsetHeight))},[x,v]=Object(n.useState)(!0);Object(n.useEffect)(()=>(g(),window.addEventListener("resize",g),window.addEventListener("orientationchange",g),()=>{window.removeEventListener("resize",g),window.removeEventListener("orientationchange",g)}),[]),Object(n.useEffect)(()=>{g()},[r]);return Object(O.jsx)(O.Fragment,{children:Object(O.jsxs)(y,{ref:p,children:[Object(O.jsxs)("div",{className:"section-inner "+(b&&"small"),children:[Object(O.jsxs)("div",{className:"row1",children:[Object(O.jsxs)(l.a.div,{className:"texts",children:[Object(O.jsx)("h3",{className:"h3",children:i.heading}),Object(O.jsx)("p",{className:"body2",children:i.description})]}),i&&i.logo&&i.logo.length>0&&Object(O.jsx)(l.a.div,{className:"logos",children:Object(O.jsx)("div",{className:"logocontainer",children:Object(O.jsx)(E,{icons:null==i?void 0:i.logo})})})]}),null==i||null===(u=i.cards)||void 0===u?void 0:u.map((e,t)=>{var i,n;return h==t&&Object(O.jsxs)(l.a.div,{initial:x?{opacity:1,y:0,scale:1}:{opacity:0,y:8,scale:1}

1,animate:{opacity:1,y:0,scale:1,transition:{delay:0,duration:.15,y:{type:"spring",damping:10,mass:.2,stiffness:150}}},exit:{opacity:0,y:0,scale:1,transition:{delay:0,duration:0}},className:"row2",onAnimationStart:g,onAnimationEnd:g,children:[Object(O.jsx)("div",{className:"profile-container",children:Object(O.jsxs)("div",{className:"wrapper",children:[Object(O.jsx)("div",{className:"image-green-background"}),Object(O.jsxs)("div",{className:"details-container",children:[Object(O.jsx)("div",{className:"image-wrapper",children:Object(O.jsx)("img",{src:null==e||null===(i=e.image)||void 0===i?void 0:i.url,alt:null==e||null===(n=e.image)||void 0===n?void 0:n.name,loading:"lazy"})}),Object(O.jsxs)("div",{className:"text-container",children:[Object(O.jsx)("h4",{className:"h5",children:null==e?void 0:e.personName}),Object(O.jsx)("p",{className:"body2",children:Object(O.jsx)(f,{html:(null==e?void 0:e.personOccupatioin)||""})})]})]})]})}),Object(O.jsxs)("div",{className:"text-and-cards-container",children:[Object(O.jsxs)("div",{className:"texts "+(null!=e&&e.smallCards&&(null==e?void 0:e.smallCards.length)>0?"":"center"),children:[Object(O.jsx)("h4",{className:"h3",children:null==e?void 0:e.heading}),Object(O.jsx)("p",{className:"body2",children:null==e?void 0:e.description})]}),Object(O.jsxs)("div",{className:"small-cards",children:[Object(O.jsx)("div",{className:"small-cards-heading",children:Object(O.jsx)("p",{className:"small-text1",children:Object(O.jsx)(f,{html:(null==e?void 0:e.smallCardsHeading)||""})})}),Object(O.jsx)("div",{className:"small-cards-items",children:(null==e?void 0:e.smallCards)&&e.smallCards.map((e,t)=>Object(O.jsx)(z,{image:null==e?void 0:e.image,title:null==e?void 0:e.heading,description:null==e?void 0:e.description,link:null==e?void 0:e.link}))})]})]})]})})]}),r&&Object(O.jsx)(l.a.div,{variants:{hidden:{opacity:1,scale:1,y:0},show:{opacity:1,scale:1,y:0},transition:e=>({y:{type:"spring",damping:10,mass:.2,stiffness:150},opacity:{duration:.5},duration:.5,delay:.3*e-.1*e})},initial:"hidden",animate:r?"show":"hidden",children:Object(O.jsx)(L,{index:h,length:m,onClick:e=>{v(!1),c(e)}})})]})})});const C=Object(a.styled)("div",{target:"e9z5wnc3"})("display:flex;justify-content:space-around;",s.f.screen.mob,"{justify-content:space-evenly;}align-items:center;flex-wrap:wrap;gap:30px;"),V=Object(a.styled)("div",{target:"e9z5wnc2"})("height:",s.f.reponsiveCssValue(20,32,1440,25.22,1600,32),";display:flex;justify-content:center;flex-basis:64px;img{height:100%;width:auto;}"),E=({icons:e})=>Object(O.jsx)(C,{children:e&&e.map(e=>{var t,i;return Object(O.jsx)(V,{children:Object(O.jsx)("img",{src:null==e||null===(t=e.image)||void 0===t?void 0:t.url,alt:null==e||null===(i=e.image)||void 0===i?void 0:i.name,loading:"lazy"})})})}),N=Object(a.styled)("div",{target:"e9z5wnc1"})("display:flex;flex-direction:row;gap:",s.f.reponsiveCssValue(9,18,1440,14,1600,18),";.image-container{position:relative;border-radius:12px;background:#c4c4c4;width:",s.f.reponsiveCssValue(64,96,1440,79.41,1600,96),";height:",s.f.reponsiveCssValue(64,96,1440,79.41,1600,96),";img{height:auto;width:100% object-fit:cover;}}.text-container{min-width:118px;width:",s.f.reponsiveCssValue(118,155,1440,128,1600,155),";h1,h2,h3,h4,h5,h6{",s.f.screen.mob,"{}}p{margin-top:",s.f.reponsiveCssValue(4,6,1440,4.96,1600,6),";}}"),z=({image:e,title:t,description:i,link:n})=>Object(O.jsxs)(N,{children:[Object(O.jsx)("div",{className:"image-container",children:(null==e?void 0:e.url)&&Object(O.jsx)("img",{src:e.url,alt:e.name,loading:"lazy"})}),Object(O.jsxs)("div",{className:"text-container",children:[Object(O.jsx)("h5",{className:"h7",children:t}),Object(O.jsx)("p",{className:"small-text1 semibold",children:i})]})]}),k=Object(a.styled)("div",{target:"e9z5wnc0"})({name:"ts8cx8",styles:"position:absolute;bottom:20px;width:100%;display:flex;justify-content:center;z-index:30;height:20px;.gd-wrapper{display:flex;margin-left:10px;margin-right:10px;}.gd-item{border:2px solid #BFDFBA;width:40px;height:0px;border-radius:2px;box-sizing:border-box;margin:8px 0px;button{width:40px;}&.active{border:2px solid #00AB88;}}"}),L=({index:e,length:t,onClick:i})=>{const n=Array.from(Array(t).keys());return Object(O.jsx)(k,{children:null==n?void 0:n.map((t,n)=>Object(O.jsx)(O.Fragment,{children:Object(O.jsx)("span",{className:"gd-wrapper",onClick:()=>{i(n)},children:Object(O.jsx)("span",{className:(n==e&&"active")+" gd-item"})})}))})};const _=Object(a.styled)("div",{target:"e1nedtnw0"})({name:"1qsuvl4",styles:"background:transparent"});var A=e=>{var t,i;const a=Object(d.a)(0),[s,r]=(Object(u.a)(),Object(n.useState)(e.index)),o=e=>{r(e),b()};Object(n.useEffect)(()=>{e.isTopCard&&o(e.index)},[e.index]);const c=v(a,[-1*Math.max(e.width,500),0,1*Math.max(e.width,500)],[.75,1,.75]),p=v(a,[-1*Math.max(e.width,500),0,1*Math.max(e.width,500)],[-30,0,30],{clamp:!1}),f=v(a,[-1*Math.max(e.width,500),1*Math.max(e.width,500)],[0,100],{clamp:!1}),m=Object(n.useRef)(null),h=(null==e||null===(t=e.data)||void 0===t||null===(i=t.cards)||void 0===i?void 0:i.length)||1,b=()=>{var t;m.current&&(e.isTopCard&&(null===(t=e.updateHeight)||void 0===t||t.call(e,m.current.offsetHeight)))};return Object(n.useEffect)(()=>(b(),window.addEventListener("resize",b),window.addEventListener("orientationchange",b),()=>{window.removeEventListener("resize",b),window.removeEventListener("orientationchange",b)}),[]),Object(n.useEffect)(()=>{b()},[e.isTopCard]),Object(O.jsx)(_,{isLarge:e.isLarge,children:Object(O.jsx)(l.a.div,{ref:m,style:{width:e.width||"100%",position:"absolute",bottom:0,x:a,rotate:p,transformOrigin:`100% ${f}%`,cursor:"grab",margin:"0 auto"},whileTap:{cursor:"grabbing"},drag:e.drag,dragConstraints:{top:0,right:0,bottom:0,left:0},onDragEnd:(t,i)=>{const n=(a=i.offset,o=i.velocity,Math.abs(a.x)>Math.abs(a.y)&&Math.abs(o.x)>Math.abs(o.y)?Math.abs(a.x)*o.x:0);var a,o;n<-10?(e.setExitX("-100%"),e.setexitDirection(1),e.setIndex(s+1>=h?0:s+1),r(e.index)):n>=10&&(e.setExitX("100%"),e.setexitDirection(-1),e.setIndex(s-1<=-1?h-1:s-1),r(e.index))},initial:e.initial,animate:e.animate,transition:e.transition,exit:{x:e.exitX,opacity:1,scale:.5,zIndex:100,transition:{duration:.5}},children:Object(O.jsx)(l.a.div,{style:{width:e.isTopCard?"100%":e.width,height:e.isTopCard?"100%":e.height,backgroundColor:"#fff",borderRadius:24,scale:c},children:e.isTopCard&&Object(O.jsx)(w,{data:e.data,index:s,isTopCard:e.isTopCard,updateHeight:e.updateHeight,setCardIndex:o})})})})};var D=e=>{var t,i;const[a,s]=Object(n.useState)(0),[r,o]=Object(n.useState)("100%"),[d,u]=Object(n.useState)(700),[p,f]=Object(n.useState)(e.width),m=(null==e||null===(t=e.data)||void 0===t||null===(i=t.cards)||void 0===i?void 0:i.length)||1,[h,b]=Object(n.useState)(-1);return Object(O.jsx)(l.a.div,{style:{position:"relative",height:d,margin:"0 auto"},children:Object(O.jsxs)(c.a,{initial:!1,children:[m>2&&Object(O.jsx)(A,{initial:{scale:0,y:0,opacity:0}

1,animate:{scale:.8,y:.1*d+50,opacity:1/3,zIndex:10},transition:{scale:{duration:.8},opacity:{duration:.2},zIndex:{duration:.2}},data:e.data,width:e.width,height:d,index:a+2*h<0?m+(a+2*h):a+2*h>=m?a+2*h-m:a+2*h},a+2*h<0?m+(a+2*h):a+2*h>=m?a+2*h-m:a+2*h),m>1&&Object(O.jsx)(A,{initial:{scale:0,y:0,opacity:0},animate:{scale:.9,y:.05*d+30,opacity:.75,zIndex:20},transition:{scale:{duration:.8},opacity:{duration:.2},zIndex:{duration:.2}},data:e.data,width:e.width,height:d,index:a+h<0?m+(a+h):a+h>=m?a+h-m:a+h,exitX:r,setExitX:o,setexitDirection:b},a+h<0?m+(a+h):a+h>=m?a+h-m:a+h),Object(O.jsx)(A,{animate:{scale:1,y:0,opacity:1,zIndex:30},transition:{opacity:{duration:.8},scale:{duration:.5},zIndex:{duration:.5}},exitX:r,setExitX:o,index:a,setIndex:e=>{s(e)},drag:"x",data:e.data,updateHeight:e=>{u(e)},isTopCard:!0,width:e.width,setexitDirection:b},a)]})})};Object(a.styled)("div",{target:"e1kksk4f0"})("");function S(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),i.push.apply(i,n)}return i}function F(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?S(Object(i),!0).forEach((function(t){P(e,t,i[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):S(Object(i)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))}))}return e}function P(e,t,i){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}const I=Object(a.styled)("div",{target:"eshx4oy0"})({name:"1og2o1s",styles:"min-height:300px;position:relative;padding-bottom:3rem;overflow-x:clip;.section-inner{position:relative;}"});t.default=Object(a.connect)(({state:e,actions:t,data:i,libraries:a})=>{var c;const d=Object(n.useRef)(null),[u,p,f]=Object(r.d)(d,"0px"),m=(a.html2react.Component,Object(n.useRef)(null)),[h,b]=Object(n.useState)(0),g=()=>{m.current&&b(m.current.offsetWidth)};return Object(n.useEffect)(()=>(g(),window.addEventListener("resize",g),window.addEventListener("orientationchange",g),()=>{window.removeEventListener("resize",g),window.removeEventListener("orientationchange",g)}),[]),Object(O.jsx)(O.Fragment,{children:Object(O.jsx)(I,{ref:d,children:Object(O.jsx)(o.b,{padding:i&&i.logo&&i.logo.length>0?"level1":"level4",id:null==i||null===(c=i.section)||void 0===c?void 0:c.internalLink,paddingMob:"level0",children:Object(O.jsx)(l.a.div,{className:"section-inner",ref:m,variants:s.a,initial:"hidden",animate:f?"show":"hidden",transition:F({},s.a.transition(0,!0)),onAnimationComplete:g,children:Object(O.jsx)(D,{width:h,data:i})})})})})})},376:function(e,t,i){"use strict";i.d(t,"a",(function(){return d}));var n=i(3),a=i(39),s=i(185),r=i(103);function o(){var e=!1,t=[],i=new Set,o={subscribe:function(e){return i.add(e),function(){i.delete(e)}},start:function(n,a){if(e){var r=[];return i.forEach((function(e){r.push(Object(s.a)(e,n,{transitionOverride:a}))})),Promise.all(r)}return new Promise((function(e){t.push({animation:[n,a],resolve:e})}))},set:function(t){return Object(a.invariant)(e,"controls.set() should only be called after a component has mounted. Consider calling within a useEffect hook."),i.forEach((function(e){Object(r.d)(e,t)}))},stop:function(){i.forEach((function(e){Object(s.b)(e)}))},mount:function(){return e=!0,t.forEach((function(e){var t=e.animation,i=e.resolve;o.start.apply(o,Object(n.__spreadArray)([],Object(n.__read)(t),!1)).then(i)})),function(){e=!1,o.stop()}}};return o}var l=i(1),c=i(42);function d(){var e=Object(c.a)(o);return Object(l.useEffect)(e.mount,[]),e}}}]);