https://xacbank.mn/_next/static/chunks/9028-de8deb853202d1d5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9028],{14608:(e,t,s)=>{"use strict";s.d(t,{HomeHeroClient:()=>x});var l=s(96206),n=s(34492),i=s(99667),a=s(2112),r=s(2237),o=s(257),c=s(39478),d=s(80841),m=s(35926),u=s(33685);let x=e=>{let{siteSettings:t,richText:s,cards:x,media:h,html:p}=e;return(0,l.jsxs)(c.default,{className:"custom-gradient pt-[88px] lg:pt-[72px] pb-8 xl:pb-[162px] overflow-hidden h-screen relative",children:[h&&"object"==typeof h&&(0,l.jsx)(m.$,{fill:!0,imgClassName:"object-cover",priority:!0,resource:h,videoAutoPlay:!0,videoLoop:!0,videoControls:!1,videoMuted:!0,videoFill:!0}),(0,l.jsxs)("div",{className:"container flex flex-col justify-end h-full relative z-10",children:[t.search&&(0,l.jsx)(a.P.div,{className:"shrink",initial:{opacity:0},animate:{opacity:1},transition:{duration:1.5,ease:"easeInOut"},children:(0,l.jsx)(o.default,{})}),s&&(0,l.jsx)(a.P.h1,{initial:{opacity:0,y:100},animate:{opacity:1,y:0},transition:{duration:1.5,ease:"easeInOut"},className:"lg:my-8 mt-8 mb-4 max-w-[610px] w-full",children:(0,l.jsx)(u.A,{className:"max-w-[48rem] mx-auto",data:s,enableGutter:!1})}),(0,l.jsxs)(a.P.div,{initial:{opacity:0,y:100},animate:{opacity:1,y:0},transition:{duration:1.5,ease:"easeInOut"},className:"flex gap-6 xl:gap-16 xl:flex-row flex-col",children:[(0,l.jsx)("div",{className:"-mx-4 lg:mx-0 lg:flex-shrink-0 overflow-x-auto overflow-y-visible",children:(0,l.jsx)("div",{className:"pl-4 lg:pl-0 flex gap-3 w-max pb-4",children:null==x?void 0:x.map(e=>{var t;return(0,l.jsxs)("div",{className:"group relative min-w-[172px]",children:[(0,l.jsxs)(d.CMSLink,{...e.link,className:"flex flex-col bg-white/20 rounded-2xl p-4 group-hover:pb-6 absolute top-0 left-0 w-full group-hover:z-10 custom-transition hover:bg-background-quaternary",children:[e.image&&(0,l.jsx)("div",{className:"w-14 h-14 mb-2 group-hover:mb-4 rounded-full bg-white/30 custom-transition group-hover:bg-white flex items-center justify-center",children:(0,l.jsx)(n.default,{src:(null==(t=e.image)?void 0:t.url)||"/not-found",width:36,height:36,alt:"icon",quality:100})}),(0,l.jsxs)("div",{className:"flex items-center group-hover:text-black text-white custom-transition",children:[(0,l.jsx)("p",{className:"font-medium text-sm lg:text-base",children:e.link.label}),(0,l.jsx)(i.A,{className:"-rotate-45"})]})]}),(0,l.jsxs)("div",{className:"invisible flex flex-col p-4 min-w-[172px]",children:[(0,l.jsx)("div",{className:"w-14 h-14 mb-2"}),(0,l.jsxs)("div",{className:"flex items-center",children:[(0,l.jsx)("p",{className:"font-medium text-sm lg:text-base",children:e.link.label}),(0,l.jsx)(i.A,{className:"-rotate-45"})]})]})]},e.id)})})}),p&&(0,l.jsx)("div",{className:"flex-1",children:(0,l.jsx)(r.default,{content:p,className:"custom-html",allowStyleAttributes:!0,allowDataAttributes:!0,allowScripts:!0,allowForms:!0,allowIframes:!0})})]})]})]})}},17957:(e,t,s)=>{"use strict";s.d(t,{DigitalBankClient:()=>m});var l=s(96206),n=s(65566),i=s(2112),a=s(60553),r=s(57841),o=s(35926),c=s(33685),d=s(22111);let m=e=>{var t,s,m,u,x,h,p,b;let{digitalBankInfo:v,richText:g,media:f}=e,[j,y]=(0,n.useState)(!1),w=(0,n.useRef)(null),[N,P]=(0,n.useState)((null!=(b=null==v||null==(t=v.list)?void 0:t.length)?b:0)>1?null==v||null==(m=v.list)||null==(s=m[1])?void 0:s.id:null==v||null==(x=v.list)||null==(u=x[0])?void 0:u.id),k=null==v||null==(h=v.list)?void 0:h.find(e=>e.id===N),z={initial:{opacity:0,filter:"blur(10px)"},animate:{opacity:1,filter:"blur(0px)",transition:{duration:.6}},exit:{opacity:0,filter:"blur(10px)",transition:{duration:.3}}};return(0,n.useEffect)(()=>{function e(){w.current&&y(w.current.getBoundingClientRect().top<0)}return window.addEventListener("scroll",e),e(),()=>{window.removeEventListener("scroll",e)}},[]),(0,n.useEffect)(()=>{let e=window.innerWidth-document.documentElement.clientWidth;document.body.style.overflow="hidden",document.body.style.marginRight="".concat(e,"px"),document.body.setAttribute("data-lenis-prevent","true");let t=setTimeout(()=>{document.body.style.overflow="auto",document.body.style.marginRight="0px",document.body.setAttribute("data-lenis-prevent","false")},800);return()=>clearTimeout(t)},[j]),(0,l.jsxs)("div",{ref:w,className:"w-full pt-[201px] relative min-h-[1326px] h-screen overflow-hidden z-0",children:[f&&(0,l.jsx)(o.$,{resource:f,fill:!0,imgClassName:"object-cover object-bottom"}),(0,l.jsx)(i.P.h4,{initial:{y:100,opacity:0}

1,animate:{y:0,opacity:1},transition:{duration:.8,ease:"easeInOut"},className:"text-white text-center text-4xl lg:text-[80px] drop-shadow-lg lg:leading-none max-w-[988px] mx-auto mb-6 lg:mb-12 uppercase font-bold relative z-10",children:g&&(0,l.jsx)(c.A,{data:g})}),(0,l.jsx)(a.N,{mode:"wait",children:(0,l.jsxs)(i.P.div,{className:"absolute z-20 flex items-center flex-col justify-center left-1/2 -translate-x-1/2 bg-background-secondary overflow-hidden",initial:{borderRadius:48,top:"40%",width:422,height:842,y:100,opacity:0},animate:{borderRadius:48*!j,top:j?0:"40%",width:j?"100%":422,height:j?"100%":842,y:0,opacity:1},transition:{duration:.8,ease:"easeInOut",opacity:{duration:.8,delay:.3},y:{duration:.8,delay:.3}},children:[(0,l.jsxs)(i.P.div,{className:"overflow-hidden",initial:{opacity:0,y:100},transition:{duration:.8,ease:"easeInOut",delay:.1},animate:{opacity:+!!j,y:100*!j},children:[(null==v?void 0:v.title)&&(0,l.jsx)(r.default,{header:null==v?void 0:v.title,isCenter:!0,variant:"primary",titleClassName:"normal-case",className:"mb-8 lg:mb-16"}),(0,l.jsx)("div",{className:"mb-8 lg:mb-16 w-fit mx-auto flex flex-col lg:flex-row items-center rounded-3xl justify-center gap-3 p-3 bg-white",children:null==v||null==(p=v.list)?void 0:p.map((e,t)=>{let s=N===e.id;return(0,l.jsx)("button",{type:"button",onClick:()=>P(e.id),className:(0,d.cn)("h-[70px] w-[190px] flex items-center cursor-pointer justify-center bg-background-secondary rounded-2xl font-bold custom-transition",s&&"bg-brand-500 text-white"),children:e.image?(0,l.jsx)(o.$,{resource:s&&e.imageActive?e.imageActive:e.image,imgClassName:"h-[22px] w-auto object-contain"}):(0,l.jsx)(l.Fragment,{children:e.title&&(0,l.jsx)(c.A,{data:e.title})})},t)})}),(null==k?void 0:k.description)&&(0,l.jsx)(i.P.div,{className:"max-w-[808px] text-center mb-6 lg:mb-12",children:(0,l.jsx)(c.A,{data:k.description})})]}),(0,l.jsxs)("div",{className:"flex relative w-full h-fit justify-center z-0",children:[(0,l.jsxs)("div",{className:"hidden absolute inset-0 lg:flex -z-10 gap-[352px]",children:[(0,l.jsx)(i.P.div,{initial:{opacity:0}

1,animate:{opacity:+!!j,x:200*!j,scale:j?1:.5},transition:{duration:.8,ease:"easeInOut",delay:.3},className:"h-full flex-1 relative",children:(0,n.createElement)(i.P.div,{...z,key:N,className:"absolute size-full"},(0,l.jsx)(o.$,{resource:null==k?void 0:k.imageLeft,fill:!0,imgClassName:"object-right object-contain"}))}),(0,l.jsx)(i.P.div,{initial:{opacity:0},animate:{opacity:+!!j,x:j?0:-200,scale:j?1:.5},transition:{duration:.8,ease:"easeInOut",delay:.3},className:"h-full flex-1 relative",children:(0,n.createElement)(i.P.div,{...z,key:N,className:"absolute size-full"},(0,l.jsx)(o.$,{resource:null==k?void 0:k.imageRight,fill:!0,imgClassName:"object-left object-contain"}))})]}),(0,l.jsx)(i.P.div,{className:"aspect-[1/2] bg-white rounded-[42px] overflow-hidden shadow-2xl relative",initial:{opacity:1,width:422,height:842,scale:1},animate:{opacity:1,width:j?352:422,height:j?704:842,scale:1},transition:{duration:.6},children:(0,l.jsx)(i.P.div,{...z,className:"object-cover object-center absolute size-full",children:(0,l.jsx)(o.$,{resource:null==k?void 0:k.imageMain,fill:!0,imgClassName:"object-cover object-center"})},N)})]})]})})]})}},33486:(e,t,s)=>{"use strict";s.d(t,{HumanResourceClient:()=>c});var l=s(96206),n=s(65566),i=s(2112),a=s(35926),r=s(33685),o=s(22111);let c=e=>{let{media:t,humanResourceInfo:s}=e,[c,d]=(0,n.useState)(!1),[m,u]=(0,n.useState)(null),[x,h]=(0,n.useState)(null),p=(0,n.useRef)(null);return(0,n.useEffect)(()=>{function e(){d(window.innerWidth>1024)}return window.addEventListener("resize",e),e(),()=>{window.removeEventListener("resize",e)}},[]),(0,n.useEffect)(()=>{function e(e){p.current&&!p.current.contains(e.target)&&u(null)}return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e)}},[]),(0,l.jsxs)("div",{className:"min-h-[1024px] h-screen  overflow-hidden relative z-0",children:[(0,l.jsx)(a.$,{resource:t,imgClassName:"object-cover object-center -z-10",fill:!0}),(0,l.jsx)("div",{ref:p,className:"absolute inset-0 w-full h-full pointer-events-none",children:null==s?void 0:s.cards.map((e,t)=>(0,l.jsxs)(i.P.div,{className:(0,o.cn)("w-full h-[1000px] absolute cursor-pointer text-white pointer-events-auto"),style:{bottom:(c?-800:-900)+t*(c?156:78),zIndex:100-t,transformOrigin:"top center",background:"red"},variants:{initial:{transform:"perspective(800px) rotateX(-6deg) translateY(0) scale(".concat(.9-.05*t,")")},hovered:{transform:"perspective(800px) rotateX(0deg) translateY(-100px) scale(".concat(.9-.05*t,")")}},initial:"initial",animate:m===t||x===t?"hovered":"initial",onMouseEnter:()=>{h(t),u(null)},onMouseLeave:()=>h(null),onClick:()=>u(t),transition:{duration:.3,ease:"easeInOut"},children:[(0,l.jsx)(a.$,{resource:e.image,fill:!0,imgClassName:"object-cover object-center -z-10"}),(0,l.jsxs)("div",{className:"p-8 lg:p-16",children:[(0,l.jsx)(r.A,{className:"mx-0 text-3xl px-0 font-bold lg:text-7xl mb-4 lg:mb-8",data:e.title}),(0,l.jsx)(i.P.div,{variants:{initial:{opacity:0}

1,hovered:{opacity:1}},className:"max-w-[744px] w-full text-xs lg:text-base",children:(0,l.jsx)(r.A,{data:e.description})})]})]},t))})]})}},37082:(e,t,s)=>{"use strict";s.d(t,{AboutUsClient:()=>g});var l=s(96206),n=s(65566),i=s(1719),a=s(34340),r=s(78110),o=s(2112),c=s(76419),d=s(15327),m=s(39478),u=s(57841),x=s(80841),h=s(35926),p=s(33685),b=s(23741),v=s(74687);let g=e=>{var t,s;let{richText:g,description:f,media:j,aboutUsInfo:y,transparent:w}=e,N=(0,n.useRef)(null),{scrollYProgress:P}=(0,i.L)({target:N,offset:["start end","end start"]}),[k,z]=(0,n.useState)(15),C=[(0,a.G)(P,[.3,1],[0,1]),(0,a.G)(P,[.2,1],[0,1.5]),(0,a.G)(P,[.1,1],[0,2]),(0,a.G)(P,[0,1],[.25,2.5]),(0,a.G)(P,[0,1],[.5,3]),(0,a.G)(P,[0,1],[1,3.5])];(0,n.useEffect)(()=>{let e=()=>{let e=window.innerWidth;e>1440?z(48):e>1024?z(32):e>768?z(24):z(12)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);let A=(0,n.useRef)(null),E=(0,r.W)(A,{once:!0});return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(m.default,{className:"py-0 lg:py-0 z-0",children:[(null==y?void 0:y.links)&&(null==y||null==(t=y.links)?void 0:t.length)>0&&(0,l.jsx)("div",{className:(0,v.cn)("bg-[#00000082] w-full h-18 absolute top-0 left-0 z-11",w&&"top-[88px]"),children:(0,l.jsx)("div",{className:"container flex items-center gap-6 h-full text-white",children:null==y||null==(s=y.links)?void 0:s.map((e,t)=>(0,l.jsx)(x.CMSLink,{...e.link,className:(0,v.cn)("h-full flex items-center hover:underline",0===t&&"border-b-2 border-brand-500 font-bold"),children:e.link.label},e.id))})}),(0,l.jsx)(h.$,{fill:!0,imgClassName:"object-cover -z-10 pointer-events-none",resource:j,alt:"about"}),(0,l.jsx)(o.P.div,{viewport:{amount:.5},initial:"hidden",whileInView:"visible",className:"container relative py-8 lg:py-16 z-10 flex items-center justify-center self-stretch min-h-[calc(100vh+208px)] lg:min-h-[calc(100vh+412px)]",children:(0,l.jsxs)("div",{className:"flex flex-col items-center text-white drop-shadow text-center mb-[33%]",children:[g&&(0,l.jsx)(o.P.div,{variants:{hidden:{opacity:0,y:100},visible:{opacity:1,y:0}},transition:{duration:1,ease:"easeInOut"},className:"lg:text-9xl text-6xl uppercase font-bold mb-6 lg:mb-14",children:(0,l.jsx)(p.A,{data:g,className:"text-white"})}),f&&(0,l.jsx)(o.P.div,{variants:{hidden:{opacity:0,y:100},visible:{opacity:1,y:0}},transition:{duration:1,ease:"easeInOut",delay:.1},className:"max-w-[744px] text-sm lg:text-base",children:(0,l.jsx)(p.A,{data:f})})]})})]}),(0,l.jsx)("div",{ref:N,className:"w-full h-[208px] lg:h-[416px] z-10 relative -mt-[416px] flex flex-col items-center overflow-hidden -mb-4",children:Array.from({length:6}).map((e,t)=>(0,l.jsx)("div",{className:"flex flex-1",children:Array.from({length:k}).map((e,s)=>(0,l.jsx)("div",{className:"flex-1 flex justify-center shrink items-center ",children:(0,l.jsx)(o.P.svg,{className:"lg:w-fit w-16 md:w-16 h-auto",width:"118",height:"78",viewBox:"0 0 118 78",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{scale:C[t]},children:(0,l.jsx)("path",{d:"M43.6603 77.7408L73.3768 77.7408C73.5962 73.5632 76.5973 38.4346 115.649 30.2868C115.818 30.2384 116.06 30.0931 116.157 29.7542L116.157 1.18798C116.157 1.04273 116.084 0.606971 115.528 0.43751C90.1257 3.10046 70.1184 17.6983 58.5301 33.9665C46.9176 17.6983 26.9102 3.10046 1.50792 0.4375C0.951485 0.606961 0.878906 1.04272 0.878906 1.18797L0.878904 29.73C0.975674 30.0689 1.2176 30.2142 1.38695 30.2626C40.5151 38.4263 43.4513 73.6768 43.6603 77.7408Z",fill:"#005BAA"})})},s))},t))}),(0,l.jsx)(m.default,{className:"bg-gradient-to-b from-[#005BAA] to-[#0B004A] py-0 lg:py-0",children:(0,l.jsxs)(o.P.div,{ref:A,viewport:{amount:.5},initial:"hidden",whileInView:"visible",className:"container flex flex-col justify-between gap-16 lg:gap-32 relative min-h-screen py-16 lg:py-[100px] z-0",children:[(null==y?void 0:y.title)&&(null==y?void 0:y.description)&&(0,l.jsx)(u.default,{header:y.title,description:y.description,className:"text-white z-10",isCenter:!0,isAnimated:!0}),(0,l.jsx)(o.P.div,{initial:{opacity:0}

1,whileInView:{opacity:1},viewport:{amount:.5},transition:{duration:1,ease:"easeInOut"},className:"-mt-[10%] -mb-[30%]",children:E&&(0,l.jsx)(d.A,{options:{loop:!1,autoplay:!0,animationData:b}})}),(0,l.jsx)(o.P.div,{initial:{opacity:0},whileInView:{opacity:1},viewport:{amount:.5},className:"2xl:w-3/4 grid gap-4 lg:gap-8 grid-cols-2 xl:grid-cols-3 relative z-10",transition:{duration:1,ease:"easeInOut"},children:null==y?void 0:y.statistics.map((e,t)=>(0,l.jsxs)("div",{className:"t text-white",children:[(0,l.jsx)("div",{className:"size-8 relative mb-4",children:(0,l.jsx)(h.$,{imgClassName:"size-8 object-contain",resource:e.image,fill:!0})}),E&&(0,l.jsxs)("h4",{className:"text-2xl lg:text-[56px] lg:leading-none font-bold text-white",children:[e.stat>=1e4&&"+",(0,l.jsx)(c.Ay,{start:0,end:e.stat,separator:","})]}),(0,l.jsx)("p",{className:"mt-2.5 text-sm lg:text-lg",children:e.name})]},t))})]})})]})}},88602:(e,t,s)=>{"use strict";s.d(t,{Bo:()=>d,Pw:()=>x,a0:()=>p,aM:()=>m,ct:()=>u,n2:()=>r,yQ:()=>o,z3:()=>h});var l=s(96206);s(65566);var n=s(20334),i=s(40473),a=s(74687);function r(e){let{className:t,...s}=e;return(0,l.jsx)(n.bL,{"data-slot":"menubar",className:(0,a.cn)("bg-background flex h-9 items-center gap-1 rounded-md border p-1 shadow-xs",t),...s})}function o(e){let{...t}=e;return(0,l.jsx)(n.W1,{"data-slot":"menubar-menu",...t})}function c(e){let{...t}=e;return(0,l.jsx)(n.ZL,{"data-slot":"menubar-portal",...t})}function d(e){let{className:t,...s}=e;return(0,l.jsx)(n.l9,{"data-slot":"menubar-trigger",className:(0,a.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none",t),...s})}function m(e){let{className:t,align:s="start",alignOffset:i=-4,sideOffset:r=8,...o}=e;return(0,l.jsx)(c,{children:(0,l.jsx)(n.UC,{"data-slot":"menubar-content",align:s,alignOffset:i,sideOffset:r,className:(0,a.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-[10000] min-w-[12rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-md",t),...o})})}function u(e){let{className:t,inset:s,variant:i="default",...r}=e;return(0,l.jsx)(n.q7,{"data-slot":"menubar-item","data-inset":s,"data-variant":i,className:(0,a.cn)("focus:bg-accent hover:bg-accent cursor-pointer focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex  items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",t),...r})}function x(e){let{...t}=e;return(0,l.jsx)(n.Pb,{"data-slot":"menubar-sub",...t})}function h(e){let{className:t,inset:s,children:r,...o}=e;return(0,l.jsxs)(n.ZP,{"data-slot":"menubar-sub-trigger","data-inset":s,className:(0,a.cn)("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-pointer items-center rounded-sm px-2 py-1.5 text-sm outline-none select-none data-[inset]:pl-8",t),...o,children:[r,(0,l.jsx)(i.A,{className:"ml-auto h-4 w-4"})]})}function p(e){let{className:t,...s}=e;return(0,l.jsx)(n.G5,{"data-slot":"menubar-sub-content",className:(0,a.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:sli

1de-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-[10000] min-w-[8rem] origin-(--radix-menubar-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",t),...s})}},89028:(e,t,s)=>{Promise.resolve().then(s.bind(s,43564)),Promise.resolve().then(s.bind(s,67268)),Promise.resolve().then(s.t.bind(s,61429,23)),Promise.resolve().then(s.bind(s,47240)),Promise.resolve().then(s.bind(s,68309)),Promise.resolve().then(s.bind(s,87595)),Promise.resolve().then(s.bind(s,65840)),Promise.resolve().then(s.bind(s,94449)),Promise.resolve().then(s.bind(s,93085)),Promise.resolve().then(s.bind(s,48060)),Promise.resolve().then(s.bind(s,59525)),Promise.resolve().then(s.bind(s,13087)),Promise.resolve().then(s.bind(s,96321)),Promise.resolve().then(s.bind(s,86210)),Promise.resolve().then(s.bind(s,74062)),Promise.resolve().then(s.bind(s,3223)),Promise.resolve().then(s.bind(s,16057)),Promise.resolve().then(s.bind(s,44137)),Promise.resolve().then(s.bind(s,28029)),Promise.resolve().then(s.bind(s,41162)),Promise.resolve().then(s.bind(s,83442)),Promise.resolve().then(s.bind(s,55872)),Promise.resolve().then(s.bind(s,26804)),Promise.resolve().then(s.bind(s,30071)),Promise.resolve().then(s.bind(s,11747)),Promise.resolve().then(s.bind(s,72232)),Promise.resolve().then(s.bind(s,8412)),Promise.resolve().then(s.bind(s,11193)),Promise.resolve().then(s.bind(s,73094)),Promise.resolve().then(s.bind(s,60599)),Promise.resolve().then(s.bind(s,67179)),Promise.resolve().then(s.bind(s,43324)),Promise.resolve().then(s.bind(s,97521)),Promise.resolve().then(s.bind(s,90486)),Promise.resolve().then(s.bind(s,14534)),Promise.resolve().then(s.bind(s,10356)),Promise.resolve().then(s.bind(s,2696)),Promise.resolve().then(s.bind(s,13983)),Promise.resolve().then(s.bind(s,10653)),Promise.resolve().then(s.bind(s,58289)),Promise.resolve().then(s.bind(s,81808)),Promise.resolve().then(s.bind(s,4051)),Promise.resolve().then(s.bind(s,51193)),Promise.resolve().then(s.bind(s,67259)),Promise.resolve().then(s.bind(s,31795)),Promise.resolve().then(s.bind(s,76646)),Promise.resolve().then(s.bind(s,46329)),Promise.resolve().then(s.bind(s,94139)),Promise.resolve().then(s.bind(s,87949)),Promise.resolve().then(s.bind(s,74499)),Promise.resolve().then(s.bind(s,65383)),Promise.resolve().then(s.bind(s,9710)),Promise.resolve().then(s.bind(s,31609)),Promise.resolve().then(s.bind(s,99271)),Promise.resolve().then(s.bind(s,72606)),Promise.resolve().then(s.bind(s,16945)),Promise.resolve().then(s.bind(s,71108)),Promise.resolve().then(s.bind(s,48481)),Promise.resolve().then(s.bind(s,92194)),Promise.resolve().then(s.bind(s,72827)),Promise.resolve().then(s.bind(s,71441)),Promise.resolve().then(s.bind(s,15881)),Promise.resolve().then(s.bind(s,87969)),Promise.resolve().then(s.bind(s,94154)),Promise.resolve().then(s.bind(s,26576)),Promise.resolve().then(s.bind(s,32046)),Promise.resolve().then(s.bind(s,257)),Promise.resolve().then(s.bind(s,39478)),Promise.resolve().then(s.bind(s,57841)),Promise.resolve().then(s.bind(s,49244)),Promise.resolve().then(s.bind(s,92552)),Promise.resolve().then(s.bind(s,80841)),Promise.resolve().then(s.bind(s,74763)),Promise.resolve().then(s.bind(s,33928)),Promise.resolve().then(s.bind(s,37082)),Promise.resolve().then(s.bind(s,17957)),Promise.resolve().then(s.bind(s,90528)),Promise.resolve().then(s.bind(s,14608)),Promise.resolve().then(s.bind(s,33486)),Promise.resolve().then(s.bind(s,94591))},90528:(e,t,s)=>{"use strict";s.d(t,{EcoBankClient:()=>I});var l=s(96206),n=s(65566),i=s(34492),a=s(43285),r=s(99667),o=s(1719),c=s(34340),d=s(2112),m=s(68832),u=s(39478),x=s(57841),h=s(42365),p=s(55719),b=s(72820),v=s(76542);let g=[{question:{mn:"Та ямар тээврийн хэрэгсэл ашигладаг вэ? (олон сонголттой)",en:"What means of transport do you use? (multiple choices)"},step2Question:{mn:"Долоо хоногт хэр давтамжтай зорчдог вэ? (7 хоногт ... удаа)",en:"How many times do you travel per week? (... times per week)"},type:"multiple",options:[{label:{mn:"Автомашин",en:"Car"},icon:"car",value:.4},{label:{mn:"Мотоцикл",en:"Motorcycle"},icon:"motorbike",value:.4},{label:{mn:"Галт тэрэг",en:"Train"},icon:"train",value:.4},{label:{mn:"Автобус",en:"Bus"},icon:"bus",value:.4},{label:{mn:"Скүүтер",en:"Scooter"},icon:"scooter",value:.4},{label:{mn:"Унадаг дугуй",en:"Bicycle"},icon:"bicycle",value:0},{label:{mn:"Аль нь ч биш",en:"None"},icon:"neither",value:0}]},{question:{mn:"Та сүүлийн нэг жилд онгоцоор хэр их зорчсон бэ? (ирж буцахын хамт)",en:"How many times have you traveled by plane in the last year? (including round trips)"},type:"number",options:[{label:{mn:"Дөрвөн цагаас бага",en:"Less than four hours"},value:.6},{label:{mn:"4-8 цаг",en:"4-8 hours"},value:2.1},{label:{mn:"8-12 цаг",en:"8-12 hours"},value:3.5},{label:{mn:"12 цагаас их",en:"More than 12 hours"},value:4.2}]},{question:{mn:"Та ямар төрлийн хоол хүнс хэрэглэдэг вэ? (олон сонголттой)",en:"What types of food do you consume? (multiple choices)"},step2Question:{mn:"Долоо хоногт хэдэн удаа иддэг вэ?",en:"How many times a week do you eat?"},type:"multiple",options:[{label:{mn:"Үхэр",en:"Beef"},icon:"cow",value:.6},{label:{mn:"Хонь",en:"Mutton"},icon:"sheep",value:.6},{label:{mn:"Тахиа",en:"Chicken"},icon:"chicken",value:.6},{label:{mn:"Гахай",en:"Pork"},icon:"pig",value:.6},{label:{mn:"Загас",en:"Fish"},icon:"fish",value:.6},{label:{mn:"Сүү сүүн бүтээгдэхүүн",en:"Dairy"},icon:"milk",value:0},{label:{mn:"Өндөг",en:"Egg"},icon:"eggs",value:0},{label:{mn:"Цагаан хоолтон",en:"Vegetarian"},icon:"salad",value:0}]},{question:{mn:"Сүү, сүүн бүтээгдэхүүн хэр их хэрэглэдэг вэ?",en:"How much milk and dairy products do you consume?"},type:"number",options:[{label:{mn:"Долоо хоногт ... удаа",en:"... times per week"},value:.1}]},{question:{mn:"Та хувцас хэрэглэлд сард хэр их зардал гаргадаг вэ?",en:"How much do you spend on clothing and accessories per month?"},type:"currency",options:[{label:{mn:"Сард ... төгрөг зарцуулдаг",en:"I spend ... tugriks per month"},value:1e-5}]},{question:{mn:"Ахуйн хэрэглээний эд зүйлсэд сард хэр их зардал гаргадаг вэ?",en:"How much do you spend on household items per month?"},type:"currency",options:[{label:{mn:"Сард ... төгрөг зарцуулдаг",en:"I spend ... tugriks per month"},value:1e-5}]},{question:{mn:"Та сүүлийн нэг жилд электрон хэрэгсэл худалдан авахад хэр их мөнгө зарцуулсан бэ?",en:"How much money did you spend on purchasing electronic devices in the past year?"},type:"currency",options:[{label:{mn:"Нэг жилд ... төгрөг зарцуулсан",en:"I spend ... tugriks this year"},value:1e-5}]},{question:{mn:"Сүүлийн нэг жилд гэр ахуйн тавилга, эд хэрэгсэл худалдан авахад хэр их мөнгө зарцуулсан бэ?",en:"How much money did you spend on purchasing household furniture and items in the past year?"},type:"currency",options:[{label:{mn:"Нэг жилд ... төгрөг зарцуулсан",en:"I spend ... tugriks per year"},value:1e-5}]},{question:{mn:"Танай гэрийн цахилгаан сэргээгдэх эрчим хүчний эх үүсвэртэй юу?",en:"Does your household have a source of renewable energy?"},type:"single",options:[{label:{mn:"Тийм",en:"Yes"},value:0},{label:{mn:"Үгүй",en:"No"},value:.6}]},{question:{mn:"Та гэрийнхээ цахилгааны төлбөрт сард дунджаар хэдэн төгрөг төлдөг вэ?",en:"How much do you pay on average per month for your household electricity bill?"}

1,type:"single",options:[{label:{mn:"₮30,000-50,000",en:"₮30,000-50,000"},value:2.6},{label:{mn:"₮50,000-70,000",en:"₮50,000-70,000"},value:3},{label:{mn:"₮70,000-100,000",en:"₮70,000-100,000"},value:4},{label:{mn:"₮100,000 - дээш",en:"₮100,000 and above"},value:5}]},{question:{mn:"Та гэртээ хэдүүлээ амьдардаг вэ?",en:"How many people live in your household?"},type:"number",options:[{label:{mn:"Гэртээ ... амьдардаг",en:"... people live in my household"},value:0}]}];var f=s(22111);let j={mn:{progressComplete:"Нийт үзүүлэлт",progressQuestion:(e,t)=>"Асуулт ".concat(e,"/").concat(t),summaryDescription:"Та нэг жилд дунджаар ийм хэмжээний нүүрсхүчлийн хийг амьдарч буй орчин, дадал зуршил, үйл ажиллагаанаасаа бий болгож байна.",summaryComparison:(0,l.jsxs)(l.Fragment,{children:["Монгол Улсын нэг хүнд ногдох хүлэмжийн хийн үзүүлэлт ",(0,l.jsx)("strong",{children:"2020"})," оны байдлаар дунджаар ",(0,l.jsx)("strong",{children:"26.9"})," тонн байна. БНХАУ-ын улсын хувьд нэг хүнд ногдох хүлэмжийн хийн үзүүлэлт дунджаар ",(0,l.jsx)("strong",{children:"8.7 тонн"})," байна. АНУ-ын улсын хувьд нэг хүнд ногдох хүлэмжийн хийн үзүүлэлт дунджаар ",(0,l.jsx)("strong",{children:"19.6 тонн"})," байна. Та өөрийн өдөр тутамд амьдралд гаргаж буй хүлэмжийн хийн ялгаруулалтаа бууруулахын тулд жилд"," ",(0,l.jsx)("strong",{children:"144 ширхэг"})," мод тарих шаардлагатай."]}),resetButton:"Баярлалаа, Дахин тооцоолох уу?",navPrevious:"Өмнөх асуулт",navNext:"Дараагийн асуулт",totalUnit:"тонн"},en:{progressComplete:"Total result",progressQuestion:(e,t)=>"Question ".concat(e,"/").concat(t),summaryDescription:"You create roughly this amount of carbon dioxide each year through your environment, habits, and day-to-day activities.",summaryComparison:(0,l.jsxs)(l.Fragment,{children:["Mongolia's per-capita greenhouse gas emissions averaged ",(0,l.jsx)("strong",{children:"26.9"})," tons in"," ",(0,l.jsx)("strong",{children:"2020"}),". China's average per person is ",(0,l.jsx)("strong",{children:"8.7 tons"}),", and the United States averages ",(0,l.jsx)("strong",{children:"19.6 tons"}),". To offset the footprint from your daily life you would need to plant ",(0,l.jsx)("strong",{children:"144 trees"})," every year."]}),resetButton:"Thanks, calculate again?",navPrevious:"Previous question",navNext:"Next question",totalUnit:"tons"}};function y(e,t){var s;return null!=(s=e[t])?s:e.mn}function w(e){var t;return null!=(t=j[e])?t:j.mn}function N(){let e=(0,b.Ym)(),t=w(e),s=Array.from({length:g.length},()=>[]),[a,r]=(0,n.useState)(s),[o,c]=(0,n.useState)(0),d=a.flat().reduce((e,t)=>e+t,0),m=g.map(t=>{let s=y(t.question,e);switch(t.type){case"multiple":return(0,l.jsx)(z,{locale:e,current:o,setCurrent:c,answers:a,setAnswers:r,question:s,step2Question:t.step2Question?y(t.step2Question,e):void 0,options:t.options});case"number":case"currency":return(0,l.jsx)(P,{locale:e,current:o,setCurrent:c,answers:a,setAnswers:r,currency:"currency"===t.type,question:s,options:t.options});case"single":return(0,l.jsx)(k,{locale:e,current:o,setCurrent:c,answers:a,setAnswers:r,question:s,options:t.options});default:return null}});return(0,l.jsxs)(u.default,{isFixedHeight:!0,className:"flex flex-col min-h-screen lg:pb-32 px-4",children:[(0,l.jsx)("div",{className:"absolute inset-0 bg-[#FFF5E5] -z-10",children:(0,l.jsx)(i.default,{src:"/assets/images/eco/calculator-bg.png",alt:"calculator background",width:1920,height:1080,quality:100,className:"w-full h-full object-contain object-bottom"})}),(0,l.jsxs)("div",{className:"max-w-[600px] mx-auto mb-7 lg:mb-14 w-full flex flex-col items-center",children:[(0,l.jsx)("div",{className:"w-full h-3 rounded-full bg-white overflow-hidden mb-2",children:(0,l.jsx)("div",{className:"bg-brand-500 h-full rounded-full custom-transition",style:{width:"".concat((o+1)/g.length*100,"%")}})}),(0,l.jsx)("p",{className:"text-sm lg:text-base text-foreground-secondary",children:o+1>g.length?t.progressComplete:t.progressQuestion(o+1,g.length)})]}),(0,l.jsx)("div",{className:"container w-full bg-white p-5 lg:p-10 rounded-3xl flex-1",children:g.length===o?(0,l.jsxs)("div",{className:"flex flex-col items-center gap-5 lg:gap-10 text-[#044646] text-center",children:[(0,l.jsx)(i.default,{src:"/assets/images/eco/calculator-finish.png",alt:"calculator finished",width:300,height:200,quality:100,className:"max-w-[300px] w-full h-auto"}),(0,l.jsxs)("div",{children:[(0,l.jsxs)("h4",{className:"text-[20px] lg:text-[40px] font-bold mb-2",children:[new Intl.NumberFormat("mn"===e?"mn-MN":"en-US",{minimumFractionDigits:2,maximumFractionDigits:2}).format(d)," ",t.totalUnit]}),(0,l.jsx)("p",{children:t.summaryDescription})]}),(0,l.jsx)("p",{children:t.summaryComparison}),(0,l.jsx)(v.$,{onClick:()=>{r(s),c(0)},children:t.resetButton})]}):m[o]})]})}function P(e){let{question:t,options:s,current:i,setCurrent:a,answers:r,setAnswers:o,currency:c,locale:d}=e,m=s.map(()=>

10),[u,x]=(0,n.useState)(m);return(0,n.useEffect)(()=>{x(m)},[i]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("p",{className:"text-[16px] lg:text-[32px] lg:leading-none font-bold text-center mb-5 lg:mb-10",children:[i+1,". ",t]}),(0,l.jsx)("div",{className:"flex flex-col max-w-[600px] w-full mx-auto gap-3 lg:gap-6",children:s.map((e,t)=>{var s;return(0,l.jsx)(A,{value:null!=(s=u[t])?s:0,onChange:e=>{let s=[...u];s[t]=Number(e),x(s)},currency:c,label:y(e.label,d),locale:d},t)})}),(0,l.jsx)(C,{locale:d,onPrevious:function(){a(i-1),x(m)},onNext:function(){a(i+1);let e=[...r];e[i]=u.map((e,t)=>{var l,n;return Math.round(e*(null!=(n=null==(l=s[t])?void 0:l.value)?n:0)*100)/100}),o(e),x(m)},previousDisabled:0===i})]})}function k(e){var t,s;let{question:a,options:r,current:o,setCurrent:c,answers:d,setAnswers:m,locale:u}=e,x=null!=(s=null==(t=r[0])?void 0:t.value)?s:0,[h,p]=(0,n.useState)(x);return(0,n.useEffect)(()=>{p(x)},[o]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("p",{className:"text-[16px] lg:text-[32px] lg:leading-none font-bold text-center mb-5 lg:mb-10",children:[o+1,". ",a]}),(0,l.jsx)("div",{className:"flex flex-col max-w-[600px] w-full mx-auto gap-3 lg:gap-6",children:r.map((e,t)=>(0,l.jsxs)("div",{className:(0,f.cn)("h-12 px-2 lg:px-4 bg-brand-50 cursor-pointer custom-transition border border-transparent hover:bg-brand-100 rounded-2xl relative flex items-center gap-2",h===e.value&&"border-brand-500"),onClick:()=>p(e.value),children:[(0,l.jsx)("div",{className:"size-6 rounded-full border border-brand-100",children:h===e.value&&(0,l.jsx)(i.default,{src:"/assets/icons/check.svg",alt:"check",width:20,height:20,quality:100,className:"size-5 object-center object-contain scale-110 ml-0.5"})}),y(e.label,u)]},t))}),(0,l.jsx)(C,{locale:u,onPrevious:function(){c(o-1),p(x)},onNext:function(){c(o+1);let e=[...d];e[o]=[h],m(e),p(x)},previousDisabled:0===o})]})}function z(e){let{question:t,step2Question:s,options:a,current:r,setCurrent:o,answers:c,setAnswers:d,locale:m}=e,[u,x]=(0,n.useState)([]),[h,p]=(0,n.useState)([]),[b,v]=(0,n.useState)(!1);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("p",{className:"text-[16px] lg:text-[32px] lg:leading-none font-bold text-center mb-5 lg:mb-10",children:[r+1,".",b?"2":"1"," ",b&&s?s:t]}),(0,l.jsx)("div",{className:"grid grid-cols-2 lg:grid-cols-4 gap-3 lg:gap-6",children:b?u.map((e,t)=>{var s;if(0===e.value)return;let n=y(e.label,m);return(0,l.jsxs)("div",{className:"px-3 lg:px-6 py-4 lg:py-8 rounded-2xl bg-brand-50 flex flex-col gap-1.5 lg:gap-3 items-center",children:[(0,l.jsx)(i.default,{src:"/assets/icons/".concat(e.icon,".svg"),alt:n,width:40,height:40,quality:100,className:"size-10 object-center object-contain"}),n,(0,l.jsx)(A,{value:null!=(s=h[t])?s:0,onChange:e=>{let s=[...h];s[t]=Number(e),p(s)},locale:m})]},t)}):a.map((e,t)=>{let s=y(e.label,m);return(0,l.jsxs)("div",{className:(0,f.cn)("p-8 bg-brand-50 cursor-pointer custom-transition border border-transparent hover:bg-brand-100 rounded-2xl relative flex flex-col items-center gap-2 justify-center",u.includes(e)&&"border-brand-500"),onClick:()=>{u.includes(e)?x(u.filter(t=>t!==e)):x([...u,e])},children:[(0,l.jsx)(i.default,{src:"/assets/icons/".concat(e.icon,".svg"),alt:s,width:40,height:40,quality:100,className:"size-10 object-center object-contain"}),s,(0,l.jsx)("div",{className:"absolute top-1.5 lg:top-3 right-1.5 lg:right-3 size-6 rounded-full border border-brand-100",children:u.includes(e)&&(0,l.jsx)(i.default,{src:"/assets/icons/check.svg",alt:"check",width:20,height:20,quality:100,className:"size-5 object-center object-contain scale-110 ml-0.5"})})]},t)})}),(0,l.jsx)(C,{locale:m,onPrevious:function(){b?(v(!1),p([])):r>0&&o(r-1)},onNext:function(){if(b||!(u.length>0)||u.every(e=>0===e.value)){o(r+1);let e=[...c];e[r]=h.map((e,t)=>{var s,l;return Math.round(e*(null!=(l=null==(s=a[t])?void 0:s.value)?l:0)*100)/100}),d(e),p([])}else v(!0),p(u.map(()=>0))},previousDisabled:0===r&&!b})]})}function C(e){let{locale:t,previousDisabled:s,onNext:n,onPrevious:i}=e,a=w(t);return(0,l.jsxs)("div",{className:"flex items-center justify-center gap-3 lg:gap-6 mt-5 lg:mt-10",children:[(0,l.jsx)(v.$,{className:"bg-background-secondary text-black hover:bg-background-tertiary",onClick:i,disabled:s,children:a.navPrevious}),(0,l.jsx)(v.$,{onClick:n,children:a.navNext})]})}function A(e){let{value:t,onChange:s,currency:n,label:i,locale:a}=e;return(0,l.jsxs)("div",{children:[i&&(0,l.jsx)("p",{className:"text-sm font-bold mb-2",children:i}),(0,l.jsxs)("div",{className:"w-full flex items-center bg-white gap-2 border rounded-2xl px-2 lg:px-4",children:[n&&(0,l.jsx)(l.Fragment,{children:"₮"}),(0,l.jsx)("input",{type:"text",className:"w-full h-12 flex-1 outline-0 appearance-none [&::-webkit-outer-spin-button]:appearance-none [&::-webkit-inner-spin-button]:appearance-none",value:new Intl.NumberFormat("mn"===a?"mn-MN":"en-US",{minimumFractionDigits:0,maximumFractionDigits:0}).format(t),disabled:!0}),(0,l.jsx)(h.A,{size:20,className:(0,f.cn)("shrink-0 cursor-pointer select-none",0===t&&"text-foreground-quaternary cursor-default"),onClick:()=>{t>0&&s(t-(n?1e4:1))}}),(0,l.jsx)(p.A,{size:20,className:"shrink-0 cursor-pointer select-none",onClick:()=>s(t+(n?1e4:1))})]})]})}var E=s(80841),L=s(35926),F=s(33685),q=s(10677),S=s(80858),G=s(74687);let I=e=>{var t,s,h,p,b,g,f,j,y,w;let{ecoBankInfo:P,richText:k}=e,z=(0,n.useRef)(null),C=(0,m.c)(),{scrollYProgress:A}=(0,o.L)({target:z,offset:["start start","end start"]}),G=(0,c.G)(A,[0,1],["0%","60%"]),I=(0,c.G)(A,[0,1],["0%","60%"]),$=(0,c.G)(A,[0,1],["0%","40%"]),R=(0,c.G)(A,[0,1],["0%","35%"]),O=(0,c.G)(A,[0,1],["0%","20%"]),B=(0,c.G)(A,[0,1],["0%","600%"]),U=(0,n.useRef)(null),{scrollYProgress:H}=(0,o.L)({target:U,offset:["start end","end end"]}),D=(0,c.G)(H,[0,.2,.8,1],[1,1.2,1.3,1.1]),V=(0,n.useRef)(null),{scrollYProgress:Q}=(0,o.L)({target:V,offset:["start end","end end"]}),T=(0,c.G)(Q,[0,1],[0,1]),Y=(0,n.useRef)(null),{scrollYProgress:W}=(0,o.L)({target:Y,offset:["start end","end end"]}),_={scale:(0,c.G)(W,[0,.5],[.25,1]),opacity:(0,c.G)(W,[0,.25],[0,1]),borderRadius:(0,c.G)(W,[.25,.5],[72,0])},Z={borderRadius:(0,c.G)(W,[.25,.5],[72,0]),opacity:(0,c.G)(W,[.5,1],[1,.5])},X=(0,c.G)(W,[.5,1],[0,1]);return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:"overflow-hidden z-10 relative",children:[(0,l.jsxs)(u.default,{ref:z,className:"w-full relative overflow-hidden justify-center items-center flex z-0 lg:h-[55.3vw] lg:min-h-[55.3vw]",isFixedHeight:!0,children:[k&&(0,l.jsx)(d.P.div,{style:{y:B},className:"z-10 lg:text-[120px] text-5xl text-white mb-[18%] font-bold uppercase",children:(0,l.jsx)(F.A,{data:k})}),(0,l.jsx)(d.P.img,{style:{y:G},src:"/assets/images/eco/back.jpg",className:"absolute top-0 left-0 size-full object-bottom object-cover"}),(0,l.jsx)(d.P.img,{style:{y:I},src:"/assets/images/eco/back-cloud.png",className:"absolute top-0 left-0 size-full object-bottom object-cover z-10"}),(0,l.jsx)(d.P.img,{style:{y:$},src:"/assets/images/eco/mid.png",className:"absolute top-0 left-0 size-full object-bottom z-20 object-cover"}),(0,l.jsx)(d.P.img,{style:{y:O},src:"/assets/images/eco/top.png",className:"absolute top-0 left-0 size-full object-bottom z-30 object-cover"}),(0,l.jsx)(d.P.img,{style:{y:R},src:"/assets/images/eco/mid-cloud.png",className:"absolute top-0 left-0 size-full object-bottom z-50 object-contain mix-blend-screen"}),(0,l.jsx)(d.P.img,{src:"/assets/images/eco/top-cloud.png",className:"absolute top-0 left-0 size-full object-bottom z-50 object-contain mix-blend-screen"})]}),(0,l.jsxs)(u.default,{className:"h-screen relative z-0",isFixedHeight:!0,children:[(0,l.jsx)("div",{className:"bg-white absolute -inset-20 blur-2xl -z-10"}),(0,l.jsxs)("div",{className:"container h-full flex flex-col justify-center items-center",children:[(0,l.jsx)("div",{className:"flex items-center gap-16 mb-6 lg:mb-12 flex-col lg:flex-row",children:null==P?void 0:P.logos.map((e,t)=>(0,l.jsxs)(n.Fragment,{children:[0!==t&&(0,l.jsx)("div",{className:"h-10 w-[1px] bg-border hidden lg:flex"}),(0,l.jsx)(L.$,{resource:e.image,alt:"image",imgClassName:"w-auto lg:h-24"})]},t))}),(0,l.jsx)("p",{className:"text-center max-w-[458px] mx-auto text-[#044646] font-light lg:text-xl mb-16 lg:mb-32",children:C("gcf")}),(0,l.jsxs)("div",{className:"relative w-full mb-16 lg:mb-32",children:[(0,l.jsx)(q.A,{className:"[--duration:20s] w-full bg-white lg:py-6 py-4 [--gap:4rem]",pauseOnHover:!0,children:null==P?void 0:P.companies.map((e,t)=>(0,l.jsx)(L.$,{resource:e.image,alt:"image",imgClassName:"w-auto h-20"},t))}),(0,l.jsx)("div",{className:"absolute inset-y-0 left-0 w-1/4 pointer-events-none bg-gradient-to-r from-background"}),(0,l.jsx)("div",{className:"absolute inset-y-0 right-0 w-1/4 pointer-events-none bg-gradient-to-l from-background"})]}),(0,l.jsx)(i.default,{src:"/assets/images/feet.svg",alt:"feet",width:54,height:70,className:"object-contain object-center w-[54px] h-[70px] mb-5",quality:100}),(0,l.jsx)("p",{className:"text-center mb-5 max-w-[458px] mx-auto text-[#044646] font-light lg:text-xl",children:C("your-carbon-footprint")}),(0,l.jsxs)(S.lG,{children:[(0,l.jsx)(S.zM,{asChild:!0,children:(0,l.jsx)(v.$,{children:C("calculate")})}),(0,l.jsxs)(S.Cf,{className:"p-0 sm:rounded-none h-fit max-w-screen relative z-0",children:[(0,l.jsx)(S.L3,{className:"hidden"}),(0,l.jsx)("div",{className:"absolute top-6 lg:top-12 inset-x-0 z-50 hidden lg:block",children:(0,l.jsxs)("div",{className:"container flex gap-4 justify-between items-center",children:[(0,l.jsx)(i.default,{src:"/assets/logos/brand-logo.png",alt:"Brand Logo",width:146,height:32,className:"w-[146px] h-auto",quality:100}),(0,l.jsx)(S.zM,{asChild:!0,children:(0,l.jsxs)(v.$,{variant:"ghost",className:"text-foreground-secondary gap-1 hover:underline",children:[(0,l.jsx)(a.A,{size:24})," ",(0,l.jsx)("span",{className:"mt-0.5",children:C("close")})]})})]})}),(0,l.jsx)(N,{})]})]})]})]}),(0,l.jsx)(d.P.img,{src:"/assets/images/eco/top-cloud.png",className:"top-0 left-0 w-full object-bottom z-50 object-contain rotate-180 mix-blend-screen"})]}),(0,l.jsxs)("div",{ref:U,className:"relative w-full pt-[30%] -mt-[30%]",children:[(0,l.jsx)("div",{className:"absolute inset-0 overflow-hidden",children:(0,l.jsx)(d.P.img,{style:{scale:D},src:"/assets/images/eco/bg-3.jpg",className:"object-cover object-top absolute top-0 left-0 size-full"})}),(0,l.jsx)(u.default,{isFixedHeight:!0,className:"bg-transparent container",children:(0,l.jsxs)(d.P.div,{initial:{opacity:0,y:100},whileInView:{opacity:1,y:0},transition:{duration:.5,ease:"easeOut"},className:"bg-white/10 rounded-3xl backdrop-blur py-16 px-[72px]",children:[(null==P?void 0:P.impacts.title)&&P.impacts.description&&(0,l.jsx)(x.default,{isCenter:!0,variant:"secondary",className:"mb-6",header:P.impacts.title,de

1scription:P.impacts.description}),(0,l.jsx)("div",{className:"grid lg:grid-cols-3 mb-6",children:null==P?void 0:P.impacts.group1.list.map((e,t)=>(0,l.jsxs)("div",{className:"p-6 flex items-center gap-3 flex-col",children:[(0,l.jsx)("div",{className:"size-16 relative",children:(0,l.jsx)(L.$,{resource:e.image,alt:"icon",fill:!0,className:"size-16 object-contain object-center"})}),(0,l.jsx)("h4",{className:"text-xl lg:text-[40px] font-bold text-center lg:leading-none text-white",children:e.value1}),(0,l.jsx)("p",{className:"text-white",children:e.value2})]},t))}),null==P?void 0:P.impacts.group2.list.map((e,t)=>(0,l.jsxs)("div",{className:"py-8 flex flex-col lg:flex-row gap-[72px] items-center border-t border-white/20",children:[(0,l.jsx)("div",{className:"size-[72px] relative",children:(0,l.jsx)(L.$,{resource:e.image,alt:"icon",fill:!0,className:"size-[72px] object-contain object-center"})}),(0,l.jsx)("h4",{className:"text-xl flex-1 max-w-[308px] lg:text-[40px] font-bold text-left lg:leading-none text-white",children:e.value1}),(0,l.jsx)("div",{className:"w-1 h-[46px] bg-brand-400 rounded-full hidden lg:block"}),(0,l.jsx)("p",{className:"text-white flex-1 font-light",children:e.value2})]},t))]})}),(0,l.jsxs)("div",{className:"relative",children:[(0,l.jsx)(d.P.div,{ref:V,className:"min-h-screen py-16 lg:pt-28 pb-64 sticky flex items-center justify-center top-0 w-full",children:(null==P?void 0:P.cardRichText)&&(0,l.jsx)(d.P.div,{style:{opacity:T},className:"text-xl lg:text-[40px] lg:leading-tight text-center text-white",children:(0,l.jsx)(F.A,{data:null==P?void 0:P.cardRichText})})}),(0,l.jsxs)("div",{className:"flex justify-between container flex-col items-center lg:flex-row",children:[(null==P?void 0:P.cards[0])&&(0,l.jsx)(M,{yAmount:"-120%",card:{...P.cards[0],image:P.cards[0].image,link:P.cards[0].link}}),(null==P?void 0:P.cards[1])&&(0,l.jsx)(M,{yAmount:"-240%",card:{...P.cards[1],image:P.cards[1].image,link:P.cards[1].link}})]}),(0,l.jsxs)("div",{className:"flex justify-between container flex-col items-center lg:flex-row",children:[(null==P?void 0:P.cards[2])&&(0,l.jsx)(M,{yAmount:"-120%",className:"lg:ml-28",card:{...P.cards[2],image:P.cards[2].image,link:P.cards[2].link}}),(null==P?void 0:P.cards[3])&&(0,l.jsx)(M,{yAmount:"-240%",className:"lg:mr-28",card:{...P.cards[3],image:P.cards[3].image,link:P.cards[3].link}})]}),(0,l.jsxs)("div",{className:"flex justify-between container flex-col items-center lg:flex-row",children:[(null==P?void 0:P.cards[4])&&(0,l.jsx)(M,{yAmount:"-180%",card:{...P.cards[4],image:P.cards[4].image,link:P.cards[4].link}}),(null==P?void 0:P.cards[5])&&(0,l.jsx)(M,{yAmount:"-120%",card:{...P.cards[5],image:P.cards[5].image,link:P.cards[5].link}})]}),(0,l.jsx)(d.P.div,{className:"h-[200lvh] w-full relative",ref:Y,children:(0,l.jsxs)(d.P.div,{className:"sticky top-0 bg-black h-screen flex items-center justify-center py-8 lg:py-16",style:_,children:[(0,l.jsx)(d.P.img,{src:((null==P||null==(h=P.teamUp.image)||null==(s=h.sizes)||null==(t=s.large)?void 0:t.url)?null==P||null==(g=P.teamUp.image)||null==(b=g.sizes)||null==(p=b.large)?void 0:p.url:(null==P||null==(f=P.teamUp.image)?void 0:f.url)?null==P||null==(j=P.teamUp.image)?void 0:j.url:"not-/found")||"/not-found",className:"absolute top-0 left-0 size-full object-cover object-center -z-10",style:Z}),(0,l.jsxs)(d.P.div,{style:{opacity:X},className:"max-w-[730px] container flex flex-col items-center",children:[(null==P?void 0:P.teamUp.title)&&(0,l.jsx)("div",{className:"text-[32px] font-bold lg:text-[64px] text-white lg:leading-none text-center mb-6",children:(0,l.jsx)(F.A,{data:null==P||null==(y=P.teamUp)?void 0:y.title})}),(null==P?void 0:P.teamUp.description)&&(0,l.jsx)("div",{className:"text-center text-white mb-6",children:(0,l.jsx)(F.A,{data:null==P||null==(w=P.teamUp)?void 0:w.description})}),(null==P?void 0:P.teamUp.link)&&(0,l.jsx)(E.CMSLink,{...null==P?void 0:P.teamUp.link,children:(0,l.jsxs)(v.$,{className:"bg-[#97C93C] text-[#044646] hover:bg-[#97C93C95]",children:[null==P?void 0:P.teamUp.link.label," ",(0,l.jsx)(r.A,{})]})})]})]})})]})]})]})};function M(e){let{className:t,yAmount:s,card:i}=e,a=(0,n.useRef)(null),{scrollYProgress:m}=(0,o.L)({target:a,offset:["start end","end start"]}),u=(0,c.G)(m,[0,1],["0%",s||"-100%"]);return(0,l.jsxs)(d.P.div,{ref:a,className:(0,G.cn)("max-w-[400px] p-4 rounded-2xl bg-white/20 backdrop-blur text-white",t),style:{y:u}

1,children:[(0,l.jsxs)("div",{className:"w-full lg:w-[360px] h-[400px] rounded-2xl overflow-hidden relative z-0",children:[(0,l.jsx)("div",{className:"absolute top-4 left-4 bg-[#97C93C] py-2 px-3 rounded-md z-10",children:i.secondTitle}),(0,l.jsx)(L.$,{fill:!0,resource:i.image,alt:"image"})]}),(0,l.jsx)("h4",{className:"mt-4",children:i.title}),(0,l.jsx)(E.CMSLink,{...i.link,children:(0,l.jsxs)("div",{className:"py-3 flex items-center gap-2 hover:underline cursor-pointer",children:[i.link.label," ",(0,l.jsx)(r.A,{className:"text-white"})]})})]})}},94591:(e,t,s)=>{"use strict";s.d(t,{default:()=>y});var l=s(96206),n=s(65566),i=s(40473),a=s(13996),r=s(80841),o=s(35926),c=s(33685),d=s(76542),m=s(1154),u=s(74687);let x=m.bL,h=m.R6,p=n.forwardRef((e,t)=>{let{className:s,...n}=e;return(0,l.jsx)(m.Ke,{ref:t,className:(0,u.cn)("data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down overflow-hidden",s),...n})});p.displayName="CollapsibleContent";var b=s(88602),v=s(53623),g=s(15602),f=s(3117),j=s(22111);function y(e){var t,s,m;let{color:u,menu:y,subMenu:w,subMenu2:N,description:P,media:k,richText:z,transparent:C,menuTranslation:A}=e,E=(0,f.a8)(),[L,F]=(0,n.useState)(!1),[q,S]=(0,n.useState)({});function G(e){var t,s,l,n;let i=null==(l=e.link)||null==(s=l.reference)||null==(t=s.value)?void 0:t.slug,a=E.substring(1)===i;return(null==(n=e.children)?void 0:n.length)?a||e.children.some(e=>G(e)):a}function I(e){var t;return!!(null==(t=e.children)?void 0:t.length)&&e.children.some(e=>G(e)||I(e))}function M(e,t){let s=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,n=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"nav",a=G(e),o=e.children&&e.children.length>0,c="".concat(n,"-").concat(s,"-").concat(t),d=q[c]||I(e);return(0,l.jsx)("div",{className:(0,j.cn)("w-full",s>0&&"pl-4"),children:o?(0,l.jsxs)(x,{open:d,onOpenChange:e=>S(t=>({...t,[c]:e})),className:"w-full",children:[(0,l.jsx)(h,{className:"w-full",children:(0,l.jsxs)("div",{className:(0,j.cn)("flex items-center justify-between w-full py-2 px-4 rounded-md",(a||I(e))&&"bg-brand-100 text-brand-500","hover:bg-brand-50"),children:[(0,l.jsx)("span",{className:"font-medium",children:e.title}),(0,l.jsx)(i.A,{className:(0,j.cn)("h-4 w-4 transition-transform",d&&"transform rotate-90")})]})}),(0,l.jsx)(p,{className:"w-full",children:(0,l.jsx)("div",{className:"flex flex-col gap-1 mt-1",children:e.children.map((e,t)=>M(e,t,s+1,n))})})]}):(0,l.jsx)("div",{onClick:()=>F(!1),children:(0,l.jsx)(r.CMSLink,{...e.link,className:(0,j.cn)("flex items-center w-full py-2 px-4 rounded-md",a&&"bg-brand-100 text-brand-500","hover:bg-brand-50"),children:e.title})})},c)}let $=!!(null==y||null==(t=y.children)?void 0:t.length),R=!!(null==w||null==(s=w.children)?void 0:s.length),O=!!(null==N||null==(m=N.children)?void 0:m.length),B=$||R||O;return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)("div",{className:(0,j.cn)("relative z-0",C&&"pt-[88px] bg-transparent"),"data-theme":"dark",children:[$&&y&&(0,l.jsx)("div",{className:(0,j.cn)("bg-white hidden lg:flex",u===g.AV?g.ui:u===g.ft?g.pA:""),children:(0,l.jsx)(b.n2,{className:(0,j.cn)("container flex min-h-18 py-0 px-4 gap-6 border-0 rounded-0 h-auto",u===g.AV?g.ui:u===g.ft?g.pA:""),children:y.children.map((e,t)=>{let s=G(e);return(0,n.createElement)(r.CMSLink,{...e.link,key:t,className:(0,j.cn)("flex items-center h-full text-foreground-secondary custom-transition hover:text-brand-500 py-2",s&&"text-brand-500 font-bold border-b-2 border-brand-500",u===g.AV||u===g.ft?"text-white border-white":"")},e.title)})})}),B&&(0,l.jsx)("div",{className:"lg:hidden flex justify-end p-4",children:(0,l.jsxs)(v.cj,{open:L,onOpenChange:F,children:[(0,l.jsx)(v.CG,{asChild:!0,children:(0,l.jsx)(d.$,{variant:"ghost",size:"icon",className:"text-white bg-black/50",children:(0,l.jsx)(a.A,{className:"h-6 w-6"})})}),(0,l.jsx)(v.h,{side:"right",className:"w-[80%] max-w-sm p-0",children:(0,l.jsxs)("div",{className:"p-6 overflow-y-auto",children:[(0,l.jsx)("div",{className:"flex justify-between items-center mb-6",children:(0,l.jsx)("h2",{className:"text-xl font-bold",children:A})}),(0,l.jsxs)("div",{className:"flex flex-col gap-1",children:[$&&(null==y?void 0:y.children.map((e,t)=>M(e,t,0,"main"))),R&&w&&(0,l.jsxs)(l.Fragment,{children:[$&&(0,l.jsx)("div",{className:"my-4 border-t border-border"}),w.children.map((e,t)=>M(e,t,0,"sub"))]}),O&&N&&(0,l.jsxs)(l.Fragment,{children:[($||R)&&(0,l.jsx)("div",{className:"my-4 border-t border-border"}),N.children.map((e,t)=>M(e,t,0,"sub2"))]})]})]})})]})}),k&&"object"==typeof k&&(0,l.jsx)(o.$,{fill:!0,imgClassName:"-z-10 object-cover",priority:!0,resource:k}

1),(0,l.jsxs)("div",{className:"container lg:pt-[238px] py-12 lg:pb-[132px]",children:[z&&(0,l.jsx)("div",{className:"text-white text-2xl lg:text-6xl font-bold",children:z&&(0,l.jsx)(c.A,{data:z,enableGutter:!1})}),P&&(0,l.jsx)(c.A,{className:"text-white mt-4 font-medium",data:P,enableGutter:!1})]})]}),w&&w.children.length>0&&(0,l.jsx)("div",{className:(0,j.cn)("hidden lg:flex bg-brand-500",u===g.AV?g.ui:u===g.ft?g.pA:""),children:(0,l.jsx)(b.n2,{className:(0,j.cn)("container min-h-16 flex items-center bg-brand-500 justify-center gap-0 py-0 border-0 rounded-none h-auto",u===g.AV?g.ui:u===g.ft?g.pA:""),children:null==w?void 0:w.children.map((e,t)=>{let s=G(e);return(0,n.createElement)(r.CMSLink,{...e.link,key:t,className:(0,j.cn)("flex items-center h-full text-white px-5 py-2 hover:bg-brand-400 custom-transition relative bg-brand-500",s&&"bg-brand-400",u===g.AV?g.ui:u===g.ft?g.pA:""),children:[s&&(0,l.jsx)("div",{className:"inset-0 absolute bg-white/20"},t),e.title]})})})}),N&&N.children.length>0&&(0,l.jsx)("div",{className:"hidden lg:flex bg-[#EBEBF0]",children:(0,l.jsx)(b.n2,{className:(0,j.cn)("container min-h-16 flex items-center bg-[#EBEBF0] justify-center gap-0 py-0 border-0 rounded-none h-auto"),children:null==N?void 0:N.children.map((e,t)=>{let s=G(e);return(0,n.createElement)(r.CMSLink,{...e.link,key:t,className:(0,j.cn)("flex items-center h-full text-black px-5 py-2 hover:bg-[#E4E4E8] custom-transition relative",s&&"bg-[#E4E4E8] hover:bg-[#E4E4E8] text-brand-500")},e.title)})})})]})}}}]);