{"version":3,"sources":["assets/images/Home4.jpg","assets/images/Home2.jpg","assets/images/Home1.jpg","hooks/useFetch.js","assets/svg/creativityxdatav2.svg","assets/images/aboutus.jpg","assets/images/meettheteam.jpg","assets/images/ourprojects.jpg","assets/images/architect-vr.jpg","assets/images/environment.jpg","assets/images/contact.jpg","assets/images/loading-primary.svg","assets/images/loading-white.svg","assets/images/core-abstract-large.jpg","assets/images/team-member-placeholder.svg","assets/images/fade-circle-1.svg","assets/images/fade-circle-2.svg","styles/variables.js","components/svg/MenuIcon.jsx","components/svg/ArrowLeftIcon.jsx","components/common/Link.jsx","hooks/useFooter.js","hooks/useNav.js","components/svg/NavOverlay.jsx","components/svg/NavCircle.jsx","utils/animationUtil.js","components/core/MainNav.jsx","components/core/Header.jsx","styles/globalStyles.js","components/svg/ArrowUpIcon.jsx","components/common/TextField.jsx","components/common/Button.jsx","components/core/ContactForm.jsx","services/contactService.js","components/svg/LinkedInIcon.jsx","components/svg/InstagramIcon.jsx","components/core/Footer.jsx","components/core/Layout.jsx","templates/PageTemplate.jsx","pages/error/NotFoundPage.jsx","hooks/useWaterRipple.js","utils/imageUtil.js","hooks/useHome.js","components/common/Seo.jsx","components/core/ParticleAnimation.jsx","pages/home/HomePage.jsx","pages/error/ForbiddenPage.jsx","hooks/useLocoScroll.js","hooks/useImagePreloader.js","components/svg/CircleBulbIcon.jsx","components/svg/CircleHandHeartIcon.jsx","components/svg/CircleHandLeafIcon.jsx","components/svg/CircleRocketIcon.jsx","components/core/WhyChooseUs.jsx","components/common/BackToTop.jsx","pages/about/AboutUsPage.jsx","hooks/useAboutUs.js","services/teamMembersService.js","pages/team/TeamPage.jsx","hooks/useTeam.js","services/projectsService.js","pages/projects/ProjectsPage.jsx","hooks/useProjects.js","components/common/ScrollingGallery.jsx","pages/projects/ProjectDetailsPage.jsx","pages/home/CookiePolicyPage.jsx","pages/data-creativity/DataCreativityPage.jsx","hooks/useDataCreativity.js","pages/environment/EnvironmentPage.jsx","hooks/useEnvironment.js","components/core/Routing.jsx","components/core/ErrorBoundary.jsx","components/core/CustomCursor.jsx","App.js","utils/themeUtil.js","services/articleService.js","utils/articleUtil.js","hooks/useArticles.js","hooks/useRefresh.js","services/userService.js","hooks/useUser.js","services/homeService.js","index.js","services/logService.js","services/httpService.js","config/index.js","components/common/LoadingIcon.jsx","components/svg/DefaultLogo.jsx","utils/toastUtil.js","assets/images/about1.png","assets/images/about2.png","assets/images/about3.png","assets/images/about4.png","assets/images/about5.png","assets/images/about6.png","assets/images/data1.png","assets/images/data2.png","assets/images/data3.png","assets/images/data4.png","assets/images/env1.png","assets/images/env2.jpg","assets/images/env3.png","assets/images/env4.png"],"names":["module","exports","useFetch","fn","isMounted","useRef","data","setData","useState","isLoading","setIsLoading","error","setError","location","useLocation","history","useHistory","handleError","response","responseMessage","useEffect","current","is404","push","isSuccess","err","onMount","key","black","white","blue","darkBlue","red","darkRed","orange","darkOrange","yellow","darkYellow","green","darkGreen","primary","primaryDark","secondary","adminPrimary","adminSecondary","blueGradient","adminPrimaryGradient","grey_100","grey_200","grey_300","grey_400","grey_500","grey_600","grey_700","screen_xs_max","screen_sm_min","screen_sm_max","screen_md_min","screen_md_max","screen_lg_min","screen_lg_max","screen_xl_min","primaryFont","secondaryFont","primaryAdminFont","blackTransparent","transparency","arguments","length","undefined","concat","whiteTransparent","dynamicColour","MenuIcon","_ref","color","vars","className","rest","_objectWithoutProperties","_excluded","React","Object","assign","width","height","fill","xmlns","d","ArrowLeftIcon","props","viewBox","fillRule","Link","to","children","uppercase","underline","arrowLeft","bold","internal","test","createElement","StyledLink","pathname","styled","_ref2","_excluded2","ReactLink","_templateObject","_taggedTemplateLiteral","Context","createContext","FooterProvider","value","footerRef","q","gsap","utils","selector","footerAnimations","isFooterOpen","setIsFooterOpen","isShowMore","setIsShowMore","isShowBackToTop","setIsShowBackToTop","toggleFooter","isOpen","timeline","y","duration","borderRadius","toggleShowMore","ease","handleFooterToggle","x","handleShowMoreToggle","handleFooterOpen","handleFooterClose","handleShowBackToTop","show","useProvider","Provider","useFooter","useContext","NavProvider","animationRunning","navRef","navItemRef","navItemData","navItemHoverCount","navAnimations","isNavOpen","setIsNavOpen","isNavAnimating","setIsNavAnimating","handleNavOpen","document","body","classList","toggle","async","handleNavClose","remove","closeNav","openNav","r","onComplete","add","stagger","set","display","reversed","clipPath","navImageIn","callback","fromTo","opacity","navItems","handleNavToggle","handleNavItemHover","item","isFirstCallback","querySelector","src","image","useNav","title","url","require","isContact","NavOverlay","preserveAspectRatio","id","cx","cy","mask","SvgComponent","enlargeCursorSize","resetCursorSize","MainNav","Fragment","ref","StyledMenuIcon","onClick","onMouseEnter","onMouseLeave","StyledOverlay","StyledNav","map","index","StyledNavItemContainer","StyledNavItem","handleNavClick","StyledNavCircle","StyledNavImage","window","href","StyledLogo","div","_templateObject2","_templateObject3","_templateObject4","img","_templateObject5","NavCircle","_templateObject6","_templateObject7","Logo","_templateObject8","Header","StyledHeader","data-scroll-section","header","HideBodyOverflow","createGlobalStyle","styles","css","ArrowUpIcon","TextField","forwardRef","control","label","defaultValue","name","rules","required","margin","multiline","StyledTextFieldContainer","Row","Col","xs","type","message","Controller","_objectSpread","render","field","onChange","onBlur","StyledTextField","as","rows","input","Button","styleType","isFullWidth","isLarge","minWidth","other","StyledButtonContainer","StyledButton","disabled","StyledLoadingContainer","LoadingIcon","ButtonStyle","_ref3","_excluded3","span","ContactForm","isSubmitLoading","setIsSubmitLoading","handleSubmit","formState","reset","useForm","mode","onSubmit","formData","axios","post","process","headers","status","console","success","_error$response","submitContactForm","toastSuccess","sm","errors","placeholder","email","LinkedInIcon","transform","InstagramIcon","Footer","StyledFooterContainer","StyledFooterToggleButton","StyledFooter","StyledFooterCircle","StyledFooterContent","Container","md","target","lg","xl","noGutters","footer","Layout","scrollTo","LayoutContainer","data-scroll-container","Helmet","GlobalStyles","PageTemplate","hideTitle","StyledPageTemplateContent","NotFoundPage","fluid","useWaterRipple","startRef","stopRef","canvas","time","playhead","a","Math","random","parent","warn","intensity","strength","area","waveSpeed","speedIn","speedOut","texture","easing","scene","Scene","camera","OrthographicCamera","offsetWidth","offsetHeight","position","z","renderer","WebGLRenderer","antialias","setPixelRatio","devicePixelRatio","setClearColor","setSize","loader","TextureLoader","crossOrigin","load","animate","minFilter","LinearFilter","anisotropy","capabilities","getMaxAnisotropy","mat","ShaderMaterial","uniforms","mouseOver","vertexShader","fragmentShader","transparent","geometry","PlaneGeometry","object","Mesh","start","stop","requestAnimationFrame","handleResize","addEventListener","pauseOnHover","apply","traverse","obj","dispose","material","Array","isArray","forEach","mtl","removeEventListener","isReady","homeCoreImages","innerLarge","innerSmall","middleLarge","middleSmall","outerLarge","outerSmall","homeBackgroundImage","noImage","useHome","homeRef","bgCanvasRef","innerCircleCanvasRef","middleCircleCanvasRef","outerCircleCanvasRef","breathTimeline","isBgImageReady","setIsBgImageReady","isCirclesReady","setIsCirclesReady","showWaterCircles","setShowWaterCircle","showWeAre","setShowWeAre","showLogo","setShowLogo","showCoreContent","setShowCoreContent","bgImage","setBgImage","homeContainerClass","setHomeContainerClass","innerCircleData","setInnerCircleData","useLayoutEffect","isHomepageIntroComplete","sessionStorage","getItem","introInnerCircles","dataset","defaultClipPath","onStart","introOuterCircles","delay","yoyo","repeat","scale","call","handleCircleClick","handleCircleEnter","e","circleData","pause","getAttribute","Number","handleCircleLeave","Seo","metaDescription","content","ParticleAnimation","particlesInit","useCallback","loadFull","engine","Particles","init","options","background","fpsLimit","interactivity","events","resize","modes","quantity","repulse","distance","particles","links","enable","collisions","move","directions","outModes","default","speed","straight","number","density","shape","size","min","max","detectRetina","HomePage","StyledHome","StyledBackground","StyledCircleContainer","StyledCoreOuter","data-index","data-default-clip-path","onTouchStart","style","StyledCoreMiddle","StyledCoreInner","StyledInfoCircle","StyledCoreContent","dangerouslySetInnerHTML","__html","justifyContent","alignItems","SvgContainer","CreativitySvgResponsive","creativityDataLogoV2","alt","StyledCircleThin","StyledFadeCircle","StyledLocations","preventDefault","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","ForbiddenPage","useLocoScroll","locoScroll","scrollEl","LocomotiveScroll","el","smooth","multiplier","class","on","ScrollTrigger","update","scrollerProxy","scrollTop","scroll","instance","scrollLeft","lsUpdate","refresh","destroy","locoScrollTop","offset","disableLerp","preloadImage","Promise","resolve","reject","Image","onload","onerror","onabort","useImagePreloader","imageList","imagesPreloaded","setImagesPreloaded","isCancelled","imagesPromiseList","i","all","effect","registerPlugin","CircleBulbIcon","CircleHandHeartIcon","CircleHandLeafIcon","CircleRocketIcon","WhyChooseUs","StyledCircle","StyledContentOverlay","paddingTop","data-scroll","data-scroll-speed","StyledParagraph","p","BackToTop","StyledBackToTopButton","preloadSrcList","ImgAbout1","ImgAbout2","ImgAbout3","ImgAbout4","ImgAbout5","ImgAbout6","AboutUsPage","aboutUsRef","rotate","useAboutUs","StyledAboutUsPage","paddingBottom","StyledAboutUs","data-scroll-position","data-scroll-direction","marginBottom","marginLeft","fontWeight","textAlign","fontSize","marginTop","paddingRight","textAlignLast","direction","lineHeight","GridContainer","LeftImage","Caption","align","TextBlock","RightImage","maxWidth","h2","config","api","TeamPage","teamRef","isTeamMemberHover","activeMember","featuredTeamMembers","teamMembers","setIsTeamMemberHover","handleActiveMember","handleCloseActiveMember","items","responseType","setActiveMember","setFeaturedTeamMembers","setTeamMembers","preLoadImageList","setPreLoadImageList","filter","isFeatured","useTeam","colour","isFullScreen","StyledTeamPage","TeamMember","StyledActiveMember","StyledTeamMemberImg","loading","isColour","stopPropagation","firstName","surname","jobTitle","phone","phone2","bio","StyledTeamMember","StyledTeamMemberOverlay","StyledTeamMemberInfoOverlay","ProjectsPage","projects","setProjects","slug","listImageOuter","listImageInner","hero","description","table","details","quoteRight","quoteCenter","gallery","detailOne","text","detailTwo","inspirationSection","inspirationBoard","useProjects","projectsContainer","isProjectHover","setIsProjectHover","from","yPercent","StyledProjectContainer","StyledTitle","StyledProjectsGrid","StyledProjectScaleUp","StyledProjectItem","StyledProjectItemContent","ScrollingGallery","images","galleryRef","observerRef","scrollIndex","setScrollIndex","isGalleryActive","setIsGalleryActive","scrolling","setScrolling","scrollDelta","setScrollDelta","handleScroll","event","deltaY","prev","passive","IntersectionObserver","entry","intersectionRatio","threshold","observe","disconnect","transition","isActive","backgroundImage","pointerEvents","ProjectDetailsPage","useParams","project","find","banner","getProjectDetails","hasGalleryImages","HeroContainer","HeroImage","ProjectDetailsWrapper","ProjectTitle","ProjectDescription","ProjectTable","detail","ContentContainer","RightAlignedQuote","DetailSection","CenteredQuote","GridSection","TextWrapper","Title","Description","ImageWrapper","SectionImage","InspirationSection","InspirationContent","InspirationTitle","InspirationDescription","InspirationBoard","BoardImage","section","h1","blockquote","_templateObject14","_templateObject15","_templateObject16","_templateObject17","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","CookiePolicyPage","ImgData1","ImgData2","ImgData3","ImgData4","DataCreativityPage","videoRef","videoElement","observer","isIntersecting","play","dataCreativityRef","useDataCreativity","StyledDataCreativityPage","PhoneFrame","PhoneVideo","muted","loop","playsInline","autoPlay","currentTarget","video","ImgEnv1","ImgEnv2","ImgEnv3","ImgEnv4","EnvironmentPage","environmentRef","useEnvironment","StyledEnvironmentPage","StyledQuote","StyledList","CircularDesignCol","CircularDesignWrapper","ul","AdminRouting","loadable","fallback","Routing","Switch","Route","path","component","exact","Redirect","ErrorBoundary","ReactErrorBoundary","FallbackComponent","ErrorPage","StyledErrorPage","button","CustomCursor","cursorRef","_window$navigator$use","navigator","userAgentData","mobile","clientX","clientY","mouseX","clientWidth","mouseY","clientHeight","left","top","App","muiTheme","palette","main","overrides","MuiButton","containedPrimary","outlinedPrimary","border","outlinedSecondary","getArticleListFiltered","articleType","totalItems","itemsPerPage","hasMoreItems","nextPage","ArticleTypeEnum","freeze","none","news","offer","ArticleProvider","setNews","isLoadingMore","setIsLoadingMore","refreshArticles","showLoading","loadMoreNews","mergeNews","RefreshProvider","isInitialLoad","refreshAll","handleInitialLoad","endpoint","UserProvider","user","setUser","isUpdateLoading","setIsUpdateLoading","mobileNumber","addressLine1","addressLine2","addressLine3","addressLine4","postCode","countryCode","countries","role","isAdmin","isAuthenticated","getUser","handleUpdateUser","httpService","updateUser","get","TagManager","initialize","gtmId","gtmCode","initTagManager","theme","createTheme","ReactDOM","StrictMode","ThemeProvider","BrowserRouter","ToastContainer","getElementById","info","log","axiosCall","skipResponseCheck","indexOf","search","statusText","checkResponse","String","interceptors","use","logger","put","del","delete","setJwt","jwt","defaults","common","sentry","dsn","integrations","Integrations","BrowserTracing","tracesSampleRate","imgPath","getImagePath","DefaultLogo","defaultConfig","toast"],"mappings":";iGAAAA,EAAOC,QAAU,IAA0B,mC,oBCA3CD,EAAOC,QAAU,IAA0B,mC,oBCA3CD,EAAOC,QAAU,IAA0B,mC,iCCA3C,qDAGe,SAASC,EAASC,GAC/B,MAAMC,EAAYC,kBAAO,IAClBC,EAAMC,GAAWC,sBACjBC,EAAWC,GAAgBF,oBAAS,IACpCG,EAAOC,GAAYJ,qBACpBK,EAAWC,cACXC,EAAUC,cA0BhB,SAASC,EAAYC,GACnBR,GAAa,GACbE,EAASM,EAASC,iBAOpB,OAjCAC,oBAAU,MAUV,WACE,IACE,MAAMF,EAAWf,IACjB,IAAKC,EAAUiB,QAAS,OACxB,GAAIH,EAASI,MAAO,YAgBtBP,EAAQQ,KAAK,cAfX,IAAKL,EAASM,UAAW,OAAOP,EAAYC,GAE5CX,EAAQW,GACRR,GAAa,GACb,MAAOe,GACPR,EAAYQ,IAnBdC,IACC,CAACb,EAASc,MAEbP,oBAAU,IACD,KACLhB,EAAUiB,SAAU,GAErB,IAyBI,CACLf,OACAG,YACAE,QACAJ,UACAG,eACAE,WACAK,iB,oBCnDJjB,EAAOC,QAAU,IAA0B,+C,0DCA3CD,EAAOC,QAAU,IAA0B,qC,oBCA3CD,EAAOC,QAAU,IAA0B,yC,oBCA3CD,EAAOC,QAAU,IAA0B,yC,oBCA3CD,EAAOC,QAAU,IAA0B,0C,oBCA3CD,EAAOC,QAAU,IAA0B,yC,oBCA3CD,EAAOC,QAAU,IAA0B,qC,oBCA3CD,EAAOC,QAAU,IAA0B,6C,oBCA3CD,EAAOC,QAAU,IAA0B,2C,oBCA3CD,EAAOC,QAAU,IAA0B,iD,oBCA3CD,EAAOC,QAAU,IAA0B,qD,oBCA3CD,EAAOC,QAAU,IAA0B,2C,oBCA3CD,EAAOC,QAAU,IAA0B,2C,+BC4D5B,KACb2B,MA5DY,UA6DZC,MA5DY,UA6DZC,KA1DW,UA2DXC,SA1De,UA2DfC,IA9DU,UA+DVC,QA9Dc,UA+DdC,OA5Da,UA6DbC,WA5DiB,UA6DjBC,OA5Da,UA6DbC,WA5DiB,UA6DjBC,MA5DY,UA6DZC,UA5DgB,UA8DhBC,QArEW,UAsEXC,YArEe,UAsEfC,UA3De,UA6DfC,aApDmB,UAqDnBC,eApDqB,UAsDrBC,aAnDmB,uDAoDnBC,qBAjDA,uDAmDAC,SAtEe,UAuEfC,SAtEe,UAuEfC,SAtEe,UAuEfC,SAtEe,UAuEfC,SAtEe,UAuEfC,SAtEe,UAuEfC,SAtEe,UAwEfC,cAxDoB,QAyDpBC,cAxDoB,QAyDpBC,cAxDoB,QAyDpBC,cAxDoB,QAyDpBC,cAxDoB,QAyDpBC,cAxDoB,QAyDpBC,cAxDoB,SAyDpBC,cAxDoB,SA0DpBC,YAvDe,wBAwDfC,cAvDiB,gBAwDjBC,iBAvDoB,uBAyDpBC,iBAtDuB,eAACC,EAAYC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,MAAK,uBAAAG,OAC3BJ,EAAY,MAsD7BK,iBApDuB,eAACL,EAAYC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,MAAK,6BAAAG,OACrBJ,EAAY,MAoDnCM,cAlDoB,eAACN,EAAYC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,MAAK,6BAAAG,OAClBJ,EAAY,Q,oPCrCtBO,MAlBf,SAAiBC,GAA8C,IAA7C,MAAEC,EAAQC,IAAKhD,MAAK,UAAEiD,GAAoBH,EAANI,EAAIC,YAAAL,EAAAM,GACxD,OACEC,gBAAA,MAAAC,OAAAC,OAAA,CACEC,MAAO,GACPC,OAAQ,GACRC,KAAK,OACLC,MAAM,6BACNV,UAAS,aAAAP,OAAeO,IACpBC,GAEJG,gBAAA,QACEO,EAAE,+yBACFF,KAAMX,MCQCc,I,EAAAA,EArBf,SAAuBC,GACrB,OACET,gBAAA,MAAAC,OAAAC,OAAA,CACEC,MAAO,GACPC,OAAQ,GACRM,QAAQ,YACRJ,MAAM,8BACFG,GAEJT,gBAAA,KAAGK,KAAK,OAAOM,SAAS,WACtBX,gBAAA,QACEK,KAAK,OACLT,UAAU,WACVW,EAAE,mDAEJP,gBAAA,QAAMO,EAAE,sB,oICkBDK,MA7Bf,SAAanB,GAST,IATU,GACZoB,EAAE,SACFC,EAAQ,MACRpB,EAAQC,IAAKhD,MAAK,UAClBoE,EAAS,UACTC,EAAS,UACTC,EAAS,KACTC,GAEDzB,EADII,EAAIC,YAAAL,EAAAM,GAGP,MAAMoB,EAAW,YAAYC,KAAKP,GAElC,OACEb,IAAAqB,cAACC,EAAUrB,OAAAC,OAAA,CACTW,GAAIM,EAAWN,EAAK,CAAEU,SAAUV,GAChCnB,MAAOA,EACPqB,UAAWA,EACXC,UAAWA,EACXC,UAAWA,EACXC,KAAMA,GACFrB,GAEHoB,GAAajB,IAAAqB,cAACb,EAAa,MAC3BM,IAOP,MAAMQ,EAAaE,YACjBC,IAAA,IAAC,MAAE/B,EAAK,UAAEqB,EAAS,UAAEE,EAAS,KAAEC,EAAI,UAAEF,GAAoBS,EAAN5B,EAAIC,YAAA2B,EAAAC,GAAA,OACtD1B,IAAAqB,cAACM,IAAc9B,IAFA2B,CAIlBI,MAAAC,YAAA,yIACUpB,GAASA,EAAMf,MACtBe,GAASA,EAAMM,WAAa,6BAC5BN,GACAA,EAAMO,WAAa,uDAGNP,GAAUA,EAAMS,KAAO,OAAS,SAM7CT,GACAA,EAAMQ,WAAS,6E,YC9CnB,MAAMa,EAAUC,0BAIT,SAASC,EAAcvC,GAAgB,IAAf,SAAEqB,GAAUrB,EACzC,MAAMwC,EAWR,WACE,MAAMC,EAAY9G,mBACZ+G,EAAIC,IAAKC,MAAMC,SAASJ,GACxBK,EAAmBnH,oBAClBoH,EAAcC,GAAmBlH,oBAAS,IAC1CmH,EAAYC,GAAiBpH,oBAAS,IACtCqH,EAAiBC,GAAsBtH,oBAAS,GAgEvD,OA9DAY,oBAAU,KACRoG,EAAiBnG,QAAU,CACzB0G,aAAcC,IACZX,IACGY,WACAnC,GAAGsB,EAAE,qBAAsB,CAC1Bc,EAAGF,EAAS,IAAM,QAElBG,SAAU,KAEXrC,GACCsB,EAAE,kBACF,CACEgB,aAAcJ,EAAS,IAAM,MAE7BG,SAAU,IAEZ,IAGNE,eAAgBL,IACdX,IAAKvB,GAAGsB,EAAE,kBAAmB,CAC3BgB,aAAcJ,EAAS,IAAM,MAC7BM,KAAMN,EAAS,YAAc,WAC7BG,SAAU,QAIf,IAkCI,CACLhB,YACAM,eACAE,aACAE,kBACAU,mBArCF,WACEb,EAAgBc,IACdhB,EAAiBnG,QAAQ0G,cAAcS,IAC/BA,KAmCVC,qBA/BF,WACEb,EAAcY,IACZhB,EAAiBnG,QAAQgH,gBAAgBG,IACjCA,KA6BVE,iBAlBF,WACEhB,EAAgBc,IACdhB,EAAiBnG,QAAQ0G,cAAa,IAC/B,KAgBTY,kBA1BF,WACEjB,EAAgBc,IACdhB,EAAiBnG,QAAQ0G,cAAa,IAC/B,KAwBTa,oBAbF,WAA4C,IAAfC,EAAI1E,UAAAC,OAAA,QAAAC,IAAAF,UAAA,IAAAA,UAAA,GAC/B2D,EAAmBe,KA9EPC,GACd,OAAO7D,IAAAqB,cAACS,EAAQgC,SAAQ,CAAC7B,MAAOA,GAAQnB,GAKnC,MAAMiD,EAAYA,IAChBC,qBAAWlC,GCXpB,MAAMA,EAAUC,0BAIT,SAASkC,EAAWxE,GAAgB,IAAf,SAAEqB,GAAUrB,EACtC,MAAMwC,EA4CR,WACE,MAAMiC,EAAmB9I,kBAAO,GAC1B+I,EAAS/I,mBACTgJ,EAAahJ,iBAAOiJ,GACpBC,EAAoBlJ,iBAAO,GAC3B+G,EAAIC,IAAKC,MAAMC,SAAS6B,GACxBI,EAAgBnJ,oBACfoJ,EAAWC,GAAgBlJ,oBAAS,IACrC,kBAAEmI,GAAsBK,KACvBW,EAAgBC,GAAqBpJ,oBAAS,GAwIrD,SAASqJ,IACHV,EAAiB9H,UAErByI,SAASC,KAAKC,UAAUC,OAAO,YAC/BP,GAAa,IAGfQ,eAAeC,IAGbL,SAASC,KAAKC,UAAUI,OAAO,YAC/BZ,EAAcnI,QAAQgJ,WAuBxB,OAxKAjJ,oBAAU,KACRoI,EAAcnI,QAAU,CACtBiJ,QAASA,KACPnB,EAAiB9H,SAAU,EAE3BuI,GAAkB,GAClBjB,IAEAtB,IACGY,WACAnC,GAAGsB,EAAE,uBAAwB,CAC5BmD,EAAG,EACHpC,SAAU,GACVqC,WAAYA,KACVV,SAASC,KAAKC,UAAUS,IAAI,gBAG/B3E,GAAGsB,EAAE,aAAc,CAClBc,EAAG,EACHwC,QAAS,GACTpC,KAAM,aACNkC,WAAYA,KACVrB,EAAiB9H,SAAU,EAC3BuI,GAAkB,OAI1BS,SAAUA,KACRlB,EAAiB9H,SAAU,EAC3BuI,GAAkB,GAClBE,SAASC,KAAKC,UAAUI,OAAO,aAE/B/C,IACGY,WACA0C,IAAIvD,EAAE,cAAe,CACpBwD,QAAS,SAEVD,IAAIvD,EAAE,sBAAuB,CAC5BwD,QAAS,SAEVD,IAAIvD,EAAE,eAAgB,CACrBwD,QAAS,SAEV9E,GACCsB,EAAE,aACF,CACEc,EAAG,OACHwC,QAAS,GACTG,UAAU,EACVvC,KAAM,aAER,GAEDqC,IAAIvD,EAAE,eAAgB,CAAEwD,QAAS,SACjC9E,GAAGsB,EAAE,uBAAwB,CAC5BmD,EAAG,MACHpC,SAAU,GACVqC,WAAYA,KACVZ,GAAkB,GAClBF,GAAa,GACbH,EAAkBlI,QAAU,EAC5B8H,EAAiB9H,SAAU,EAE3BgG,IAAKsD,IAAIvD,EAAE,cAAe,CACxB0D,SAAU,kCACVF,QAAS,UAEXvD,IAAKsD,IAAIvD,EAAE,sBAAuB,CAChC0D,SAAU,kCACVF,QAAS,cAKnBG,WAAYC,IACwB,IAA9BzB,EAAkBlI,SACpB2J,GAAS,GAET3D,IACGY,WACA0C,IAAIvD,EAAE,eAAgB,CAAEwD,QAAS,UACjCK,OACC7D,EAAE,eACF,CACEoB,GAAI,KAEN,CACEA,EAAG,EACH0C,QAAS,EACT5C,KAAM,WACNH,SAAU,IAGbrC,GACCsB,EAAE,cACF,CACE0D,SAAU,2CAEZ,IAGJvB,EAAkBlI,SAAW,IAE7B2J,IAEA3D,IACGY,WACAnC,GAAGsB,EAAE,eAAgB,CACpBoB,EAAG,KAEJ1C,GAAGsB,EAAE,eAAgB,CACpBoB,EAAG,EACHF,KAAM,WACNH,SAAU,IAGdd,IACGY,WACAnC,GAAGsB,EAAE,sBAAuB,CAC3B0D,SAAU,0CACVN,WAAYA,IAAMQ,GAAS,KAE5BL,IAAIvD,EAAE,sBAAuB,CAC5B0D,SAAU,2CAKnB,IAEH1J,oBAAU,KACJqI,GAAWD,EAAcnI,QAAQiJ,WACpC,CAACb,IAoCG,CACLL,SACAI,gBACAC,YACAE,iBACAwB,SAAU9B,EAAWhI,QACrBwI,gBACAM,iBACAiB,gBA5BF,WACE,GAAI3B,EAAW,OAAOU,IAEtBN,KA0BAwB,mBAvBF,SAA4BC,GAC1B,GAAInC,EAAiB9H,QAAS,OAE9BmI,EAAcnI,QAAQ0J,WAAWQ,IAC/B,GAAIA,EAAiB,CACLzB,SAAS0B,cAAc,cAC/BC,IAAMH,EAAKI,UACZ,CACS5B,SAAS0B,cAAc,sBAC/BC,IAAMH,EAAKI,WA1NT5C,GACd,OAAO7D,IAAAqB,cAACS,EAAQgC,SAAQ,CAAC7B,MAAOA,GAAQnB,GAKnC,MAAM4F,EAASA,IACb1C,qBAAWlC,GAGduC,EAAc,CAClB,CACEsC,MAAO,WACPC,IAAK,YACLH,MAAOI,EAAQ,MAEjB,CACEF,MAAO,gBACPC,IAAK,iBACLH,MAAOI,EAAQ,MAEjB,CACEF,MAAO,eACPC,IAAK,YACLH,MAAOI,EAAQ,MAEjB,CACEF,MAAO,oBACPC,IAAK,qBACLH,MAAOI,EAAQ,MAEjB,CACEF,MAAO,cACPC,IAAK,eACLH,MAAOI,EAAQ,MAEjB,CACEF,MAAO,UACPC,IAAK,WACLH,MAAOI,EAAQ,KACfC,WAAW,IC3BAC,MA1Bf,WACE,OACE/G,IAAAqB,cAAA,OACEX,QAAQ,cACRsG,oBAAoB,iBACpB7G,MAAM,OACNC,OAAO,QAEPJ,IAAAqB,cAAA,YACErB,IAAAqB,cAAA,QAAM4F,GAAG,OAAO1D,EAAE,IAAIN,EAAE,IAAI9C,MAAM,KAAKC,OAAO,MAC5CJ,IAAAqB,cAAA,QAAMkC,EAAE,IAAIN,EAAE,IAAI9C,MAAM,OAAOC,OAAO,QAAQC,KAAK,SACnDL,IAAAqB,cAAA,UAAQ6F,GAAG,MAAMC,GAAG,MAAM7B,EAAE,OAAO1F,UAAU,yBAGjDI,IAAAqB,cAAA,QACEkC,EAAE,IACFN,EAAE,IACF9C,MAAM,QACNC,OAAO,QACPgH,KAAK,aACL/G,KAAK,c,sBCCEgH,I,gBAAAA,EArBM5H,IAAA,IAAC,UAAEG,EAAY,IAAaH,EAANI,EAAIC,YAAAL,EAAAM,GAAA,OAC7CC,gBAAA,MAAAC,OAAAC,OAAA,CACEC,MAAO,KACPC,OAAQ,IACRC,KAAK,OACLK,QAAQ,eACRJ,MAAM,6BACNV,UAAS,cAAAP,OAAgBO,IACrBC,GAEJG,gBAAA,QACEK,KAAK,UACLE,EAAE,oYAEJP,gBAAA,QACEK,KAAK,UACLE,EAAE,6L,QCoBD,SAAS+G,IACdzC,SAASC,KAAKC,UAAUS,IAAI,mBAGvB,SAAS+B,IACd1C,SAASC,KAAKC,UAAUI,OAAO,mBC8ClBqC,MA5Ef,WACE,MAAM1L,EAAUC,eAEV,OACJoI,EAAM,UACNK,EAAS,SACT0B,EAAQ,gBACRC,EAAe,eACfjB,EAAc,mBACdkB,GACEM,KAEE,iBAAEjD,GAAqBM,IAS7B,OACE/D,IAAAqB,cAAArB,IAAAyH,SAAA,KACEzH,IAAAqB,cAAA,OAAKqG,IAAKvD,GACRnE,IAAAqB,cAACsG,GAAc,CACbC,QAASzB,EACT0B,aAAcP,EACdQ,aAAcP,IAGhBvH,IAAAqB,cAAC0G,EAAa,CACZnI,UAAU,cACV4E,UAAWA,EACXoD,QAAS1C,GAETlF,IAAAqB,cAAC0F,EAAU,MACX/G,IAAAqB,cAAC2G,EAAS,CAACpI,UAAU,OAClBsG,EAAS+B,IAAI,CAAC5B,EAAM6B,IACnBlI,IAAAqB,cAAC8G,EAAsB,CACrBzL,IAAKwL,EACLtI,UAAU,sBAEVI,IAAAqB,cAAC+G,EAAa,CACZxI,UAAU,WACVgI,QAASA,IA9BzB,SAAwBvB,GACtBnB,IAEiB,aAAbmB,EAAKO,IAAoBnD,IACxB3H,EAAQQ,KAAK+J,EAAKO,KA0BMyB,CAAehC,GAC9BwB,aAAcA,KACZP,IACAlB,EAAmBC,IAErByB,aAAcP,GAEblB,EAAKM,UAKd3G,IAAAqB,cAACiH,EAAe,MAChBtI,IAAAqB,cAACkH,EAAc,CAAC3I,UAAU,cAC1BI,IAAAqB,cAACkH,EAAc,CAAC3I,UAAU,wBAG9BI,IAAAqB,cAACT,EACC,CACAgH,QAASA,KACP1C,IACAsD,OAAO5M,SAAS6M,KAAO,KAEzBZ,aAAcP,EACdQ,aAAcP,GAEdvH,IAAAqB,cAACqH,GAAU,SAQnB,MAAMX,EAAgBvG,IAAOmH,IAAG/G,MAAAC,YAAA,8IACnBpB,GAAUA,EAAM+D,UAAY,QAAU,QAU7CwD,EAAYxG,IAAOmH,IAAGC,MAAA/G,YAAA,2NAgBtBsG,EAAyB3G,IAAOmH,IAAGE,MAAAhH,YAAA,iMAWnCuG,EAAgB5G,YAAOZ,EAAPY,CAAYsH,MAAAjH,YAAA,4HAO5B0G,EAAiB/G,IAAOuH,IAAGC,MAAAnH,YAAA,sRAaVlC,IAAKlB,eAKtB6J,EAAkB9G,YAAOyH,EAAPzH,CAAiB0H,MAAArH,YAAA,sOAQlBlC,IAAKhB,cAILgB,IAAKlB,eAKtBkJ,GAAiBnG,YAAOhC,EAAPgC,CAAgB2H,MAAAtH,YAAA,wEAMjC6G,GAAalH,YAAO4H,IAAP5H,CAAY6H,MAAAxH,YAAA,wE,OCrKhByH,OARf,WACE,OACEtJ,IAAAqB,cAACkI,GAAY,CAACC,uBAAA,GACZxJ,IAAAqB,cAACmG,EAAO,QAOd,MAAM+B,GAAe/H,IAAOiI,OAAM7H,QAAAC,YAAA,qI,aCX3B,MAAM6H,GAAmBC,YAAiB/H,QAAAC,YAAA,+CAM3C+H,GAASC,YAAGjB,QAAA/G,YAAA,kwLAOKlC,IAAKjB,cAaTiB,IAAKd,YACNc,IAAK/C,MACV+C,IAAKhD,MA4COgD,IAAKlB,cAUXkB,IAAKd,YAyBLc,IAAKb,cAKXa,IAAKhD,MAQLgD,IAAK5C,IAgCE4C,IAAKpC,QAgBMoC,IAAKzB,SAarByB,IAAK/C,MAahB,CAAC,EAAG,EAAG,EAAG,EAAG,GAAGqL,IAChB1E,GAAC,YAAAlE,OAAgBkE,EAAC,2BAAAlE,OAA0BM,IAAK,QAADN,OAASkE,EAAC,OAAK,QAsG/C5D,IAAKnC,aAiDVmM,mBAAiBd,QAAAhH,YAAA,gBAC5B+H,I,8BC7UWE,I,MAAAA,GAfKrJ,GAClBT,gBAAA,MAAAC,OAAAC,OAAA,CACEC,MAAO,EACPC,OAAQ,EACRC,KAAK,OACLC,MAAM,8BACFG,GAEJT,gBAAA,QACEO,EAAE,kIACFF,KAAK,U,oHCmDI0J,OAxDG/J,IAAMgK,WAAW,CAACvJ,EAAOiH,KACzC,MAAM,QACJuC,EAAO,MACPC,EAAK,MACLxO,EAAK,aACLyO,EAAY,KACZC,EAAI,MACJC,EAAK,SACLC,EAAQ,OACRC,EAAS,eAAc,UACvBC,GAEE/J,EADCZ,EAAIC,YACLW,EAAKV,IAET,OACEC,IAAAqB,cAACoJ,GAAwB,CAACF,OAAQA,GAChCvK,IAAAqB,cAACqJ,KAAG,CAAC9K,UAAU,2BACZsK,GACClK,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,QACN5K,IAAAqB,cAAA,SAAOzB,UAAU,uBAAuBsK,IAG3CxO,GACCsE,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,OAAOhL,UAAU,oBACvBI,IAAAqB,cAAA,OAAKzB,UAAU,mBACbI,IAAAqB,cAAA,OAAKzB,UAAU,0BACG,aAAflE,EAAMmP,KAAsB,WAAanP,EAAMoP,YAM1D9K,IAAAqB,cAAC0J,KAAU,CACTd,QAASA,EACTG,KAAMA,EACND,aAAcA,EACdE,MAAKW,aAAA,CAAIV,YAAaD,GACtBY,OAAQxL,IAAA,IAAGyL,OAAO,SAAEC,EAAQ,OAAEC,EAAM,MAAEnJ,IAASxC,EAAA,OAC7CO,IAAAqB,cAACgK,GAAepL,OAAAC,OAAA,CACdwH,IAAKA,EACL4D,GAAId,EAAY,WAAa,QAC7Be,KAAM,EACNV,KAAK,OACLO,OAAQA,EACRD,SAAUlJ,GAASkJ,EAASlJ,GAC5BA,MAAOA,GAAS,GAChBvG,MAAOA,EACP8O,UAAWA,GACP3K,UAoBhB,MAAM4K,GAA2BjJ,IAAOmH,IAAG/G,QAAAC,YAAA,yBAC/BpB,GAASA,EAAM8J,QAGrBc,GAAkB7J,IAAOgK,MAAK5C,QAAA/G,YAAA,+SAE9BpB,GAAUA,EAAM/E,MAAK,GAAA2D,OAAMM,IAAK5C,IAAG,eAAgB4C,IAAKhD,MAI1D8D,IAAUA,EAAM+J,WAAa,gBAChB7K,IAAKd,YAMFc,IAAKpC,QAIZoC,IAAKzB,U,sPCVHuN,OAhFAhM,IAUR,IAVS,SACdqB,EAAQ,UACRtF,EAAS,UACTkQ,EAAY,UAAS,KACrBb,EAAO,SAAQ,GACfhK,EAAE,YACF8K,EAAW,QACXC,EAAO,SACPC,GAEDpM,EADIqM,EAAKhM,YAAAL,EAAAM,IAER,GAAKc,EAqBE,CAKL,MAFiB,YAAYO,KAAKP,GAI9Bb,IAAAqB,cAAC0K,GAAqB,CAACJ,YAAaA,GAClC3L,IAAAqB,cAAC2K,GAAY/L,OAAAC,OAAA,CACXoL,GAAI7J,IAAA,IAAC,UACHiK,EAAS,UACTlQ,EAAS,YACTmQ,EAAW,QACXC,EAAO,SACPC,GAEDpK,EADI5B,EAAIC,YAAA2B,EAAAC,IAAA,OACH1B,IAAAqB,cAACT,IAASf,IAChBgB,GAAIA,EACJ6K,UAAWA,EACXC,YAAaA,EACbC,QAASA,EACTC,SAAUA,GACNC,GAEHhL,IAMLd,IAAAqB,cAAC0K,GAAqB,CAACJ,YAAaA,GAClC3L,IAAAqB,cAAC2K,GAAY/L,OAAAC,OAAA,CACXoL,GAAG,IACH7C,KAAM5H,EACN6K,UAAWA,EACXC,YAAaA,EACbC,QAASA,EACTC,SAAUA,GACNC,GAEHhL,IA3DT,OACEd,IAAAqB,cAAC0K,GAAqB,CAACJ,YAAaA,GAClC3L,IAAAqB,cAAC2K,GAAY/L,OAAAC,OAAA,CACXwL,UAAWA,EACXb,KAAMA,EACNrP,UAAWA,EACXyQ,SAAUzQ,EACVmQ,YAAaA,EACbC,QAASA,EACTC,SAAUA,GACNC,GAEJ9L,IAAAqB,cAAA,QAAMzB,UAAU,eAAekB,GAC/Bd,IAAAqB,cAAC6K,GAAsB,CAAC1Q,UAAWA,GACjCwE,IAAAqB,cAAC8K,KAAW,UAuDxB,MAAMJ,GAAwBvK,IAAOmH,IAAG/G,QAAAC,YAAA,iEAGpCpB,GAAUA,EAAMkL,YAAc,cAAgB,IAG5CS,GAAcvC,YAAGjB,QAAA/G,YAAA,omBACRpB,GAAUA,EAAMmL,QAAU,OAAS,OACtCnL,GAAUA,EAAMmL,QAAU,OAAS,OAC3CnL,GAAUA,EAAMkL,YAAc,cAAgB,GAC9ClL,GAAUA,EAAMoL,SAAQ,aAAAxM,OAAgBoB,EAAMoL,SAAQ,OAAQ,GAQ5ClM,IAAK/C,MAEhB+C,IAAK/C,MAGA6D,GACQ,UAApBA,EAAMiL,UAAwB/L,IAAKhD,MAAQgD,IAAKvB,SACnCuB,IAAKd,YAQJ4B,GAAUA,EAAMjF,UAAY,SAAW,UAMvCmE,IAAKxB,UAIjB6N,GAAexK,YACnB6K,IAAA,IAAC,UAAEX,EAAS,UAAElQ,EAAS,YAAEmQ,EAAW,QAAEC,EAAO,SAAEC,GAAmBQ,EAANxM,EAAIC,YAAAuM,EAAAC,IAAA,OAC9DtM,IAAAqB,cAAA,SAAYxB,IAFK2B,CAIpBqH,QAAAhH,YAAA,gBACGuK,IAEEF,GAAyB1K,IAAO+K,KAAIzD,QAAAjH,YAAA,6JAQ7BpB,GAAUA,EAAMjF,UAAY,OAAS,Q,iCC5EnCgR,OA9Df,SAAoB/M,GAA0B,IAAzB,mBAAE6D,GAAoB7D,EACzC,MAAMtE,EAAYC,kBAAO,IAClBqR,EAAiBC,GAAsBnR,oBAAS,IACjD,QAAE0O,EAAO,aAAE0C,EAAY,UAAEC,EAAS,MAAEC,GAAUC,aAAQ,CAC1DC,KAAM,aAmBR,OAhBA5Q,oBAAU,IACD,KACLhB,EAAUiB,SAAU,GAErB,IAaD4D,IAAAqB,cAAA,QAAM4F,GAAG,eAAe+F,SAAUL,GAXpC1H,eAAwBgI,GACtBP,GAAmB,SCpBhBzH,eAAiCgI,GACtC,IACE,MAAMhR,QAAiBiR,KAAMC,KAAK,GAAD9N,OAC5B+N,8DAA8B,YACjCH,EACA,CACEI,QAAS,CACP,eAAgB,sBAKtB,OAAwB,MAApBpR,EAASqR,OACJrR,EAASZ,MAEhBkS,QAAQ7R,MAAM,kBAAmBO,GAC1B,CAAEuR,SAAS,EAAO1C,QAAS,+BAEpC,MAAOpP,GAAQ,IAAD+R,EAEd,OADAF,QAAQ7R,MAAM,iCAAkCA,GACzC,CAAE8R,SAAS,EAAO1C,SAAuB,QAAd2C,EAAA/R,EAAMO,gBAAQ,IAAAwR,OAAA,EAAdA,EAAgBpS,OAAQK,EAAMoP,UDC1D4C,CAAkBT,GAExBJ,IACAH,GAAmB,GACnBpJ,IACAqK,aAAa,sCAKX3N,IAAAqB,cAACqJ,KAAG,KACF1K,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAKgD,GAAG,KACd5N,IAAAqB,cAAC0I,GAAS,CACRO,UAAQ,EACRL,QAASA,EACTG,KAAK,OACL1O,MAAOkR,EAAUiB,OAAOzD,KACxB0D,YAAY,aAGhB9N,IAAAqB,cAACsJ,KAAG,KACF3K,IAAAqB,cAAC0I,GAAS,CACRO,UAAQ,EACRL,QAASA,EACTG,KAAK,QACL1O,MAAOkR,EAAUiB,OAAOE,MACxBD,YAAY,eAKlB9N,IAAAqB,cAAC0I,GAAS,CACRO,UAAQ,EACRL,QAASA,EACTG,KAAK,UACL1O,MAAOkR,EAAUiB,OAAO/C,QACxBgD,YAAY,aACZtD,WAAS,IAGXxK,IAAAqB,cAACoK,GAAM,CAACZ,KAAK,SAASrP,UAAWiR,EAAiBd,aAAW,GAAC,iB,mBE7CrDqC,OAhBf,SAAqBvO,GAAkC,IAAjC,MAAEC,EAAQ,WAAoBD,EAANI,EAAIC,YAAAL,EAAAM,IAChD,OACEC,gBAAA,MAAAC,OAAAC,OAAA,CAAKC,MAAO,GAAIC,OAAQ,GAAIE,MAAM,8BAAiCT,GACjEG,gBAAA,UAAQkH,GAAI,KAAMC,GAAI,KAAM7B,EAAG,KAAMjF,KAAK,SAC1CL,gBAAA,KAAG6F,SAAS,UAAUxF,KAAMX,GAC1BM,gBAAA,QAAMO,EAAE,wUAEVP,gBAAA,YACEA,gBAAA,YAAUiH,GAAG,KACXjH,gBAAA,QAAMK,KAAK,OAAO4N,UAAU,iBAAiB1N,EAAE,sBCe1C2N,I,eAAAA,GAxBf,SAAuBzN,GACrB,OACET,gBAAA,MAAAC,OAAAC,OAAA,CACEC,MAAO,GACPC,OAAQ,GACRC,KAAK,OACLC,MAAM,8BACFG,GAEJT,gBAAA,UAAQkH,GAAI,KAAMC,GAAI,KAAM7B,EAAG,KAAMjF,KAAK,SAC1CL,gBAAA,KAAG6F,SAAS,sBAAsBxF,KAAK,WACrCL,gBAAA,QAAMO,EAAE,oIACRP,gBAAA,QAAMO,EAAE,6iBACRP,gBAAA,QAAMO,EAAE,wDAEVP,gBAAA,YACEA,gBAAA,YAAUiH,GAAG,iBACXjH,gBAAA,QAAMK,KAAK,OAAO4N,UAAU,iBAAiB1N,EAAE,sBCuJ1C4N,OA7Jf,WACE,MAAM,aAAE3L,EAAY,WAAEE,EAAU,UAAER,EAAS,mBAAEoB,GAC3CS,IAEF,OACE/D,IAAAqB,cAAC+M,GAAqB,CAAC1G,IAAKxF,GACzBM,GAAgBxC,IAAAqB,cAACqI,GAAgB,MAElC1J,IAAAqB,cAACgN,GAAwB,CACvBxG,aAAcP,EACdQ,aAAcP,EACdK,QAAStE,EACT1D,UAAS,GAAAP,OAAKmD,EAAe,SAAW,KAEvCA,EAAe,QAAU,aAC1BxC,IAAAqB,cAACyI,GAAW,OAGd9J,IAAAqB,cAACiN,GAAY,CAAC1O,UAAU,oBACtBI,IAAAqB,cAACkN,GAAkB,CAAC3O,UAAU,kBAC9BI,IAAAqB,cAACmN,GAAmB,CAAC9L,WAAYA,GAC/B1C,IAAAqB,cAACoN,KAAS,KACRzO,IAAAqB,cAACqJ,KAAG,KACF1K,IAAAqB,cAACsJ,KAAG,KACF3K,IAAAqB,cAACqJ,KAAG,KACF1K,IAAAqB,cAACsJ,KAAG,CAAC+D,GAAG,IAAI9O,UAAU,eACpBI,IAAAqB,cAAA,KAAGzB,UAAU,uBAAsB,SACnCI,IAAAqB,cAAA,KACEoH,KAAK,+BACL7I,UAAU,kBACV+O,OAAO,UACR,0BAIH3O,IAAAqB,cAACsJ,KAAG,CAAC+D,GAAG,IAAI9O,UAAU,eACpBI,IAAAqB,cAAA,KAAGzB,UAAU,uBAAsB,SACnCI,IAAAqB,cAAA,SACErB,IAAAqB,cAAA,KAAGoH,KAAK,oBAAoB7I,UAAU,mBAAkB,yBAK5DI,IAAAqB,cAACsJ,KAAG,CAACiE,GAAG,KAAKhP,UAAU,eACrBI,IAAAqB,cAACqJ,KAAG,KACF1K,IAAAqB,cAACsJ,KAAG,CAAC+D,GAAG,IAAIG,GAAG,KAAKjP,UAAU,SAC5BI,IAAAqB,cAAA,KAAGzB,UAAU,uCAAsC,UAGnDI,IAAAqB,cAAA,SAAG,0FAKLrB,IAAAqB,cAACsJ,KAAG,KACF3K,IAAAqB,cAAA,KAAGzB,UAAU,uCAAsC,UAGnDI,IAAAqB,cAAA,SAAG,+BAKXrB,IAAAqB,cAACqJ,KAAG,CAAC9K,UAAU,QACbI,IAAAqB,cAACsJ,KAAG,CAACiE,GAAI,GACP5O,IAAAqB,cAAA,KAAGzB,UAAU,QACXI,IAAAqB,cAAA,QAAMzB,UAAU,+BAA8B,mBAG9CI,IAAAqB,cAAA,KAAGoH,KAAK,+BAA+BkG,OAAO,UAAS,0BAIzD3O,IAAAqB,cAAA,KAAGzB,UAAU,QACXI,IAAAqB,cAAA,QAAMzB,UAAU,+BAA8B,kBAG9CI,IAAAqB,cAAA,KAAGoH,KAAK,+BAA+BkG,OAAO,UAAS,2BAK3D3O,IAAAqB,cAACsJ,KAAG,KACF3K,IAAAqB,cAAA,KAAGzB,UAAU,oCAAmC,WAChDI,IAAAqB,cAACmL,GAAW,CAAClJ,mBAAoBA,QAqBzCtD,IAAAqB,cAACqJ,KAAG,CAAC9K,UAAU,oCACbI,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,OAAOhL,UAAU,sBACvBI,IAAAqB,cAAA,KACEoH,KAAK,oCACLkG,OAAO,SACP/O,UAAU,qBACX,gBACcI,IAAAqB,cAAA,YAAM,qBAGvBrB,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,OAAOhL,UAAU,sBACvBI,IAAAqB,cAACT,EAAI,CACHC,GAAG,iBACHjB,UAAU,oBACVgI,QAAStE,GACV,YACUtD,IAAAqB,cAAA,YAAM,mBAGnBrB,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAKhL,UAAU,0CACrBI,IAAAqB,cAACqJ,KAAG,CAACoE,WAAS,EAAClP,UAAU,sBACvBI,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,QACN5K,IAAAqB,cAAA,QAAMzB,UAAU,kBAAiB,YAEnCI,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,OAAOhL,UAAU,QACvBI,IAAAqB,cAAA,KACEoH,KAAK,gDACLkG,OAAO,SACP/O,UAAU,UAEVI,IAAAqB,cAAC2M,GAAY,QAGjBhO,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,QACN5K,IAAAqB,cAAA,KACEoH,KAAK,yCACLkG,OAAO,SACP/O,UAAU,UAEVI,IAAAqB,cAAC6M,GAAa,gBAepC,MAAME,GAAwB5M,IAAOmH,IAAG/G,QAAAC,YAAA,+BAIlCwM,GAA2B7M,IAAOmH,IAAGC,QAAA/G,YAAA,ydAE3BlC,IAAKxB,SACVwB,IAAK/C,OAyBV2R,GAAqB/M,IAAOmH,IAAGE,QAAAhH,YAAA,yOAMrBlC,IAAKvB,SAKEuB,IAAKrB,eAKtBgQ,GAAe9M,IAAOuN,OAAMjG,QAAAjH,YAAA,whBAUXlC,IAAKrB,cACVqB,IAAKvB,SAQEuB,IAAKlB,cAAkCkB,IAAKnB,eAe/DgQ,GAAsBhN,IAAOmH,IAAGK,QAAAnH,YAAA,+kBAC3BlC,IAAK/C,MAKO+C,IAAKf,cAQLe,IAAKlB,cAKLkB,IAAKrB,cAOfqB,IAAK/C,MAMO+C,IAAKf,e,OC5PfoQ,OA1Bf,SAAevP,GAAgB,IAAf,SAAEqB,GAAUrB,EAC1B,MAAM,SAAE8B,GAAa1F,cAQrB,OALAM,oBAAU,KACRqM,OAAOyG,SAAS,EAAG,IAClB,CAAC1N,IAGA,YAAYH,KAAKG,GAAkBT,EAGrCd,IAAAqB,cAAC6N,GAAe,CACdtP,UAAU,iBACVqH,GAAG,iBACHkI,yBAAA,GAEAnP,IAAAqB,cAAC+N,IAAM,MACPpP,IAAAqB,cAACgO,GAAY,MACbrP,IAAAqB,cAACiI,GAAM,MACPtJ,IAAAqB,cAAA,YAAOP,GACPd,IAAAqB,cAAC8M,GAAM,QAOb,MAAMe,GAAkB1N,IAAOmH,IAAG/G,QAAAC,YAAA,6E,2DCnBnByN,OAbf,SAAqB7P,GAA2C,IAA1C,MAAEkH,EAAK,SAAE7F,EAAQ,UAAEyO,GAAoB9P,EAANI,EAAIC,YAAAL,EAAAM,IACzD,OACEC,IAAAqB,cAAA,MAASxB,EACPG,IAAAqB,cAACmO,GAAyB,CAAChG,uBAAA,EAAoB+F,UAAWA,GACvD5I,GACC3G,IAAAqB,cAAA,MAAIzB,UAAS,QAAAP,OAAUkQ,EAAY,UAAY,KAAO5I,IAGzD7F,IAOP,MAAM0O,GAA4BhO,IAAOmH,IAAG/G,QAAAC,YAAA,6MAOrBlC,IAAKhB,cACV8B,GAAUA,EAAM8O,UAAY,IAAM,QCRrCE,OAff,WACE,OACEzP,IAAAqB,cAACiO,GAAY,KACXtP,IAAAqB,cAACoN,KAAS,CAACiB,OAAK,GACd1P,IAAAqB,cAACqJ,KAAG,KACF1K,IAAAqB,cAACsJ,KAAG,KACF3K,IAAAqB,cAAA,UAAI,uBACJrB,IAAAqB,cAAA,SAAG,sD,SCOA,SAASsO,GAAelP,GACrC,MAAMmP,EAAWxU,mBACXyU,EAAUzU,mBAoPhB,OAlPAe,oBAAU,KAaR,IAAKsE,EAAMqP,OAAQ,OAqEnB,IAAIC,EAAO,EAEPC,GANmBC,EAMH,IAAG,EALLA,GAAKC,KAAKC,SADf,IAAUF,EAQvB,MACMG,EADYvL,SAAS0B,cAAc9F,EAAM2P,SACnB7C,QAAQ8C,KAAK,cACnCC,EAAY7P,EAAM6P,WAAa,GAC/BC,EAAW9P,EAAM8P,UAAY,EAC7BC,EAAO/P,EAAM+P,MAAQ,EACrBC,EAAYhQ,EAAMgQ,WAAa,KAC/BC,EAAUjQ,EAAMiQ,SAAW,EAC3BC,EAAWlQ,EAAMkQ,UAAY,EAEnC,IAAIC,EAAUnQ,EAAMmQ,SAAWrD,QAAQ7R,MAAM,eACzCmV,EAASpQ,EAAMoQ,QAAU,iBAE7B,MAAMC,EAAQ,IAAIC,KAEZC,EAAS,IAAIC,KACjBb,EAAOc,aAAe,EACtBd,EAAOc,YAAc,EACrBd,EAAOe,aAAe,EACtBf,EAAOe,cAAgB,EACvB,EACA,KAGFH,EAAOI,SAASC,EAAI,EAEpB,MAAMC,EAAW,IAAIC,KAAc,CACjCC,WAAW,EACX1B,OAAQrP,EAAMqP,SAGhBwB,EAASG,cAAcjJ,OAAOkJ,kBAC9BJ,EAASK,cAAc,SAAU,GACjCL,EAASM,QAAQxB,EAAOc,YAAad,EAAOe,cAE5C,MAAMU,EAAS,IAAIC,KACnBD,EAAOE,YAAc,GACrBnB,EAAUiB,EAAOG,KAAKpB,GAoEtB,WACEqB,IACArC,EAASxT,aApEXwU,EAAQsB,UAAYC,KACpBvB,EAAQwB,WAAad,EAASe,aAAaC,mBAE3C,MAAMC,EAAM,IAAIC,KAAe,CAC7BC,SAAU,CACR1C,KAAM,CAAElF,KAAM,IAAK5I,MAAO,GAC1BwE,MAAO,CAAEoE,KAAM,IAAK5I,MAAO2O,GAC3B8B,UAAW,CAAE7H,KAAM,IAAK5I,MAhDZ,GAiDZqO,UAAW,CAAEzF,KAAM,IAAK5I,MAAOqO,EAAYN,GAC3CO,SAAU,CAAE1F,KAAM,IAAK5I,MAAOsO,EAAWP,GACzCQ,KAAM,CAAE3F,KAAM,IAAK5I,MAAOuO,EAAOR,GACjCS,UAAW,CAAE5F,KAAM,IAAK5I,MAAOwO,EAAYT,IAE7C2C,aA1HQ,oLA2HRC,eAlHU,+sDAmHVC,aAAa,IAGTC,EAAW,IAAIC,KACnB3C,EAAOc,YACPd,EAAOe,aACP,GAGI6B,EAAS,IAAIC,KAAKH,EAAUP,GAGlC,SAASW,IACP9Q,IAAKvB,GAAG0R,EAAIE,SAASC,UAAW,CAC9BxP,SAAUwN,EACVzO,MAAO,EACPoB,KAAMwN,IAMV,SAASsC,IACP/Q,IAAKvB,GAAG0R,EAAIE,SAASC,UAAW,CAC9BxP,SAAUyN,EACV1O,MAAO,EACPoB,KAAMwN,IAhBVC,EAAMtL,IAAIwN,GAUVpD,EAASxT,QAAU8W,EAUnBrD,EAAQzT,QAAU+W,EAElB,MAAMlB,EAAU,WACdlC,IAEAwC,EAAIE,SAAS1C,KAAK9N,MAAQ8N,EAC1BqD,sBAAsBnB,GACtBX,EAASrG,OAAO6F,EAAOE,IAGzB,SAASqC,IACP/B,EAASM,QAAQxB,EAAOc,YAAad,EAAOe,cAe9C,OAZA3I,OAAO8K,iBAAiB,SAAUD,GAE9B5S,EAAM8S,eACRnD,EAAOkD,iBAAiB,aAAcH,GACtC/C,EAAOkD,iBAAiB,aAAcJ,IAQjC,KACLpC,EAAM3L,OAAOqO,MAAM1C,EAAOA,EAAMhQ,UAShCgQ,EAAM2C,UAAS,SAAUC,GAEnBA,EAAIZ,UACNY,EAAIZ,SAASa,UAGXD,EAAIE,WAEFC,MAAMC,QAAQJ,EAAIE,UACpBF,EAAIE,SAASG,SAAQ,SAAUC,GAC7BA,EAAIL,aAGND,EAAIE,SAASD,cAMnB/C,EAAQ+C,UAORrC,EAASqC,UAETnL,OAAOyL,oBAAoB,SAAUZ,GAEjC5S,EAAM8S,eACRnD,EAAO6D,oBAAoB,aAAcd,GACzC/C,EAAO6D,oBAAoB,aAAcf,MAG5C,CAACzS,EAAMyT,UAEH,CACLhB,MAAOtD,EAASxT,QAChB+W,KAAMtD,EAAQzT,SC1QX,MAAM+X,GAAiB,CAC5BC,WAAYvN,EAAQ,KACpBwN,WAAYxN,EAAQ,KACpByN,YAAazN,EAAQ,KACrB0N,YAAa1N,EAAQ,KACrB2N,WAAY3N,EAAQ,KACpB4N,WAAY5N,EAAQ,MAGT6N,GAAsB7N,EAAQ,KAE9B8N,GAAU9N,EAAQ,KCJhB,SAAS+N,KACtB,MAAMC,EAAUzZ,mBACV0Z,EAAc1Z,mBACd2Z,EAAuB3Z,mBACvB4Z,EAAwB5Z,mBACxB6Z,EAAuB7Z,mBACvB+G,EAAIC,IAAKC,MAAMC,SAASuS,GACxBK,EAAiB9Z,mBACjBU,EAAUC,eACToZ,EAAgBC,GAAqB7Z,oBAAS,IAC9C8Z,EAAgBC,GAAqB/Z,oBAAS,IAC9Cga,EAAkBC,GAAsBja,oBAAS,IACjDka,EAAWC,GAAgBna,oBAAS,IACpCoa,EAAUC,GAAera,oBAAS,IAClCsa,EAAiBC,GAAsBva,oBAAS,IAQhDwa,EAASC,IANC5a,iBAAO,CACtB+Y,GAAeK,WACfL,GAAeG,YACfH,GAAeC,aAGa7Y,mBAASmZ,KASvC/E,GAAe,CACbS,OAAQ,oBACRQ,QAASuD,GAAeE,WACxB/D,UAAW,GACXR,OAA4B,OAApBiF,QAAoB,IAApBA,OAAoB,EAApBA,EAAsB3Y,QAC9B8X,QAASmB,EACT9B,cAAc,IAGhB5D,GAAe,CACbS,OAAQ,oBACRQ,QAASuD,GAAeI,YACxBzE,OAA6B,OAArBkF,QAAqB,IAArBA,OAAqB,EAArBA,EAAuB5Y,QAC/B8X,QAASmB,EACT9B,cAAc,IAGhB5D,GAAe,CACbS,OAAQ,oBACRQ,QAASuD,GAAeM,WACxB3E,OAA4B,OAApBmF,QAAoB,IAApBA,OAAoB,EAApBA,EAAsB7Y,QAC9B8X,QAASmB,EACT9B,cAAc,IAGhB,MAAO0C,EAAoBC,GAAyB3a,mBAAS,WACtD4a,EAAiBC,GAAsB7a,mBAAS,MA6PvD,OA3PA8a,0BAAgB,KACd,MAAMC,EAA0BC,eAAeC,QAC7C,uBAmGF,SAASC,IACPrU,IAAKvB,GAAGsB,EAAE,mBAAoB,CAC5B0D,SAAU,SAAUqC,EAAOyG,GACzB,MAAM,UAANtP,OAAiBsP,EAAO+H,QAAQC,gBAAe,OAEjDzT,SAAU,EACVG,KAAM,gBACNuT,QAASC,EACTC,MAAOR,EAA0B,EAAI,IAIzC,SAASO,IAGPzU,IACGY,SAAS,CACRuC,WAAYA,KA0ChB2P,EAAe9Y,QAAUgG,IACtBY,WACAnC,GAAGsB,EAAE,mBAAoB,CACxB0D,SAAS,eACT3C,SAAU,IAEX6T,MAAK,GACLC,QAAQ,GAEX5U,IACGvB,GAAGsB,EAAE,kBAAmB,CACvB/B,OAAO,QACP8C,SAAU,IAEX6T,MAAK,GACLC,QAAQ,GAEX5U,IACGvB,GAAGsB,EAAE,iBAAkB,CACtB8U,MAAO,KACP/T,SAAU,IAEX6T,MAAK,GACLC,QAAQ,GA/DL1B,GAAkB,GAClBE,GAAmB,GACnBI,GAAY,GACZE,GAAmB,MAGtBjV,GACCsB,EAAE,gBACF,CACE/B,OAAQ,OACR8C,SAAU,IACVG,KAjBY,iBAmBd,GAEDxC,GACCsB,EAAE,kBACF,CACE/B,OAAQ,OACR8C,SAAU,EACVG,KA1BY,iBA4Bd,GAEDxC,GACCsB,EAAE,kBACF,CACE/B,OAAQ,OACR8C,SAAU,IACVG,KAnCY,iBAqCd,GAEDxC,GAAGsB,EAAE,sBAAuB,CAC3Be,SAAU,EACV+C,QAAS,IA+Bf,OAhLE7D,IACGY,WACA0C,IAAIvD,EAAE,iBAAkB,CAAE8D,QAAS,EAAG7F,OAAQ,QAC9CsF,IAAIvD,EAAE,iBAAkB,CAAE8D,QAAS,IACnCiR,KAAK,KACJhB,EAAsB,MACtBE,EAAmB,MACnBZ,GAAmB,KAEpB0B,KAAKT,GAbVrB,GAAkB,GAoLX,IAAM7N,KACZ,IAgEI,CACLsN,UACAC,cACAC,uBACAC,wBACAC,uBACAc,UACAE,qBACAE,kBACAZ,mBACAE,YACAE,WACAE,kBACAsB,kBAjBF,SAA2BvQ,GACzB9K,EAAQQ,KAAKsK,IAiBbwQ,kBA5EF,SAA2BC,EAAGC,GAC5BpB,EAAsB,UAEtB5O,IAEI4N,EAAe9Y,SACjB8Y,EAAe9Y,QAAQmb,QAGzBnV,IACGY,WACAnC,GAAGsB,EAAE,iBAAkB,CACtB8D,QAAS,EACT/C,SAAU,GACVqC,WAAYA,IAAM6Q,EAAmBkB,KAEtCzW,GAAGsB,EAAE,iBAAkB,CACtB8D,QAAS,EACT/C,SAAU,KAGd,MAAMgF,EAAQmP,EAAE1I,OAAO6I,aAAa,cAC9Bb,EAAkBc,OACtBJ,EAAE1I,OAAO6I,aAAa,2BAGxBpV,IAAKvB,GAAGsB,EAAE,mBAAD9C,OAAoB6I,IAAU,CACrCrC,SAAS,UAADxG,OAAYsX,EAAkB,EAAC,SAkDzCe,kBAlCF,SAA2BL,GACzB9P,IAEA,MAAMW,EAAQmP,EAAE1I,OAAO6I,aAAa,cAC9Bb,EAAkBc,OACtBJ,EAAE1I,OAAO6I,aAAa,2BAGxBtB,EAAsB,IAEtB9T,IAAKvB,GAAGsB,EAAE,mBAAD9C,OAAoB6I,IAAU,CACrCrC,SAAS,UAADxG,OAAYsX,EAAe,UC1S1BgB,OARf,SAAYlY,GAA8B,IAA7B,MAAEkH,EAAK,gBAAEiR,GAAiBnY,EACrC,OACEO,IAAAqB,cAAC+N,IAAM,CAACzI,MAAK,GAAAtH,OAAKsH,EAAK,mBACpBiR,GAAmB5X,IAAAqB,cAAA,QAAM+I,KAAK,cAAcyN,QAASD,M,oBC8E7CE,I,uCAAAA,GAhFf,WACE,MAAMC,EAAgBC,sBAAY/S,gBAI1BgT,aAASC,IACd,IAEH,OACElY,IAAAqB,cAAC8W,KAAS,CACRlR,GAAG,cACHmR,KAAML,EACNM,QAAS,CACPC,WAAY,CACV5Y,MAAO,CACLuC,MAAO,YAGXsW,SAAU,IACVC,cAAe,CACbC,OAAQ,CACNC,QAAQ,GAEVC,MAAO,CACLrc,KAAM,CACJsc,SAAU,GAEZC,QAAS,CACPC,SAAU,IACV5V,SAAU,MAIhB6V,UAAW,CACTrZ,MAAO,CACLuC,MAAO,WAET+W,MAAO,CACLtZ,MAAO,UACPoZ,SAAU,IACVG,QAAQ,EACRhT,QAAS,GACT9F,MAAO,GAET+Y,WAAY,CACVD,QAAQ,GAEVE,KAAM,CACJC,WAAY,OACZH,QAAQ,EACRI,SAAU,CACRC,QAAS,UAEXnJ,QAAQ,EACRoJ,MAAO,EACPC,UAAU,GAEZC,OAAQ,CACNC,QAAS,CACPT,QAAQ,EACRzI,KAAM,KAERvO,MAAO,IAETgE,QAAS,CACPhE,MAAO,GAET0X,MAAO,CACL9O,KAAM,UAER+O,KAAM,CACJ3X,MAAO,CAAE4X,IAAK,EAAGC,IAAK,KAG1BC,cAAc,M,qBCjEP,SAASC,KACtB,MAAM,QACJnF,EAAO,qBACPE,EAAoB,sBACpBC,EAAqB,qBACrBC,EAAoB,mBACpBgB,EAAkB,gBAClBE,EAAe,iBACfZ,EAAgB,UAChBE,EAAS,SACTE,EAAQ,kBACRwB,EAAiB,kBACjBC,EAAiB,kBACjBM,GACE9C,MAEE,iBAAEnR,GAAqBM,IAE7B,OACE/D,IAAAqB,cAAC4Y,GAAU,CAACvS,IAAKmN,EAASjV,UAAWqW,GACnCjW,IAAAqB,cAACsW,GAAG,CAAChR,MAAM,SACX3G,IAAAqB,cAACqI,GAAgB,MACjB1J,IAAAqB,cAAC6Y,GAAgB,CAACta,UAAU,iBAC1BI,IAAAqB,cAACyW,GAAiB,OAEpB9X,IAAAqB,cAAC8Y,GAAqB,KACpBna,IAAAqB,cAAC+Y,GAAe,CACdC,aAAY,EACZC,yBAAwB,GACxB1a,UAAS,mCAAAP,OACPkW,EAAmB,aAAe,IAEpC1N,aAAcwP,GACZD,EAAkBC,EAAG,CAAE1Q,MAAO,0BAEhCmB,aAAc4P,EACd9P,QAASA,IAAMuP,EAAkB,aACjCoD,aAAclD,GACZD,EAAkBC,EAAG,CAAE1Q,MAAO,0BAEhCF,MAAO0N,GAAeK,YAEtBxU,IAAAqB,cAAA,UACEqG,IAAKuN,EACLuF,MAAO,CAAEra,MAAO,OAAQC,OAAQ,WAGpCJ,IAAAqB,cAACoZ,GAAgB,CACfJ,aAAY,EACZC,yBAAwB,GACxB1a,UAAS,mCAAAP,OACPkW,EAAmB,aAAe,IAEpC1N,aAAcwP,GACZD,EAAkBC,EAAG,CAAE1Q,MAAO,wBAEhCmB,aAAc4P,EACd9P,QAASA,IAAMuP,EAAkB,kBACjC1Q,MAAO0N,GAAeI,aAEtBvU,IAAAqB,cAAA,UACEqG,IAAKsN,EACLwF,MAAO,CAAEra,MAAO,OAAQC,OAAQ,WAGpCJ,IAAAqB,cAACqZ,GAAe,CACdL,aAAY,EACZC,yBAAwB,GACxB1a,UAAS,mCAAAP,OACPkW,EAAmB,aAAe,IAEpC1N,aAAcwP,GACZD,EAAkBC,EAAG,CAAE1Q,MAAO,sBAEhCmB,aAAc4P,EACd9P,QAASA,IAAMuP,EAAkB,aACjC1Q,MAAO0N,GAAeE,YAEtBrU,IAAAqB,cAAA,UACEqG,IAAKqN,EACLyF,MAAO,CAAEra,MAAO,OAAQC,OAAQ,WAGpCJ,IAAAqB,cAACsZ,GAAgB,CAAC/a,UAAU,iBAC5BI,IAAAqB,cAACuZ,GAAiB,CAAChb,UAAU,gBACH,WAAvBqW,GACCjW,IAAAqB,cAAA,OAAKwZ,wBAAyB,CAAEC,OAAuB,OAAf3E,QAAe,IAAfA,OAAe,EAAfA,EAAiBxP,SAG3D3G,IAAAqB,cAAA,OACEzB,UAAS,wBAAAP,OACgB,WAAvB4W,EAAkC,SAAW,KAG/CjW,IAAAqB,cAAA,KACEzB,UAAS,+BAAAP,OACNoW,EAAuB,GAAX,WAEhB,UAIDzV,IAAAqB,cAAC+H,IAAI,CACHjJ,MAAO,IACPC,OAAQ,GACRR,UAAS,qBAAAP,OAAwBsW,EAAsB,GAAX,UAC5C6E,MAAQ/E,EAAqC,GAAzB,CAAExH,UAAW,WAGnCjO,IAAAqB,cAAA,OAAKmZ,MAAO,CAAE7U,QAAS,OAAQoV,eAAgB,SAAUC,WAAY,WAErEhb,IAAAqB,cAACuZ,GAAiB,CAAChb,UAAU,gBACH,WAAvBqW,GACCjW,IAAAqB,cAAA,OAAKwZ,wBAAyB,CAAEC,OAAuB,OAAf3E,QAAe,IAAfA,OAAe,EAAfA,EAAiBxP,SAG3D3G,IAAAqB,cAAA,OACEzB,UAAS,wBAAAP,OACgB,WAAvB4W,EAAkC,SAAW,KAG/CjW,IAAAqB,cAAA,KAAGzB,UAAS,+BAAAP,OAAkCoW,EAAuB,GAAX,WAAiB,UAI3EzV,IAAAqB,cAAC+H,IAAI,CACHjJ,MAAO,IACPC,OAAQ,GACRR,UAAS,qBAAAP,OAAwBsW,EAAsB,GAAX,UAC5C6E,MAAQ/E,EAAqC,GAAzB,CAAExH,UAAW,WAGnCjO,IAAAqB,cAAC4Z,GAAY,KACXjb,IAAAqB,cAAC6Z,GAAuB,CAAC1U,IAAK2U,KAAsBC,IAAI,4BAQlEpb,IAAAqB,cAACga,GAAgB,CAACzb,UAAU,8BAC5BI,IAAAqB,cAACia,GAAgB,CACf1b,UAAU,8BACV4G,IAAKK,EAAQ,OAEf7G,IAAAqB,cAACia,GAAgB,CACf1b,UAAU,8BACV4G,IAAKK,EAAQ,QAGjB7G,IAAAqB,cAACka,GAAe,CACd3T,QAASyP,IACPA,EAAEmE,iBACF/X,KAEFoE,aAAcP,EACdQ,aAAcP,GACf,oBAOP,MAAM0S,GAAazY,IAAOmH,IAAG/G,QAAAC,YAAA,mrBA0CPlC,IAAKJ,cAAc,QAMnC4a,GAAwB3Y,IAAOmH,IAAGC,QAAA/G,YAAA,suBAyBpBlC,IAAKJ,cAAc,MAejC6a,GAAkB5Y,IAAOmH,IAAGE,QAAAhH,YAAA,uMACRpB,GAASA,EAAMgG,MAMlB9G,IAAKpB,eAKtBkc,GAAmBjZ,IAAOmH,IAAGG,QAAAjH,YAAA,oIACTpB,GAASA,EAAMgG,OAOnCiU,GAAkBlZ,IAAOmH,IAAGK,QAAAnH,YAAA,oIACRpB,GAASA,EAAMgG,OAOnC6U,GAAmB9Z,IAAOuH,IAAGG,QAAArH,YAAA,+MASZlC,IAAKpB,eAKtB8c,GAAmB7Z,IAAOmH,IAAGQ,QAAAtH,YAAA,kQAUZlC,IAAKpB,eAKtBoc,GAAmBnZ,IAAOmH,IAAGU,QAAAxH,YAAA,gcACnBlC,IAAKJ,iBAsBfqb,GAAoBpZ,YAAOmZ,GAAPnZ,CAAwBia,QAAA5Z,YAAA,qPAiB5CqY,GAAmB1Y,IAAOmH,IAAG+S,QAAA7Z,YAAA,iTAQfpB,GAASA,EAAMsV,QAKjBpW,IAAKJ,cAAc,KAQ/Bgc,GAAkB/Z,IAAOyO,EAAC0L,QAAA9Z,YAAA,mGAO1BoZ,GAAezZ,IAAOmH,IAAGiT,QAAA/Z,YAAA,iHAQzBqZ,GAA0B1Z,IAAOuH,IAAG8S,QAAAha,YAAA,uIC5X3Bia,OAff,WACE,OACE9b,IAAAqB,cAACiO,GAAY,KACXtP,IAAAqB,cAACoN,KAAS,CAACiB,OAAK,GACd1P,IAAAqB,cAACqJ,KAAG,KACF1K,IAAAqB,cAACsJ,KAAG,CAAC/K,UAAU,eACbI,IAAAqB,cAAA,UAAI,kBACJrB,IAAAqB,cAAA,SAAG,wD,0BCFA,SAAS0a,GAAc7I,GACpC,MAAM8I,EAAa5gB,oBACb,UAAEoJ,GAAckC,IAwEtB,OAtEAvK,oBAAU,KACH+W,GAAU8I,EAAW5f,UAEtBoI,EAAWwX,EAAW5f,QAAQ+W,OAC7B6I,EAAW5f,QAAQ8W,UACvB,CAAC1O,EAAW0O,IAEf/W,oBAAU,KACR,IAAK+W,EAAO,OAEZ,MAAM+I,EAAWpX,SAAS0B,cAAc,mBAExCyV,EAAW5f,QAAU,IAAI8f,KAAiB,CACxCC,GAAIF,EACJG,QAAQ,EACRC,WAAY,EACZC,MAAO,cAGTN,EAAW5f,QAAQmgB,GAAG,SAAU,KAC9BC,KAAcC,WAGhBD,KAAcE,cAAcT,EAAU,CACpCU,UAAU1a,GACR,OAAI+Z,EAAW5f,QACN8C,UAAUC,OACb6c,EAAW5f,QAAQ6S,SAAShN,EAAO,EAAG,GACtC+Z,EAAW5f,QAAQwgB,OAAOC,SAASD,OAAO3Z,EAEzC,MAET6Z,WAAW7a,GACT,OAAI+Z,EAAW5f,QACN8C,UAAUC,OACb6c,EAAW5f,QAAQ6S,SAAShN,EAAO,EAAG,GACtC+Z,EAAW5f,QAAQwgB,OAAOC,SAASD,OAAOrZ,EAEzC,QAIX,MAAMwZ,EAAWA,KACXf,EAAW5f,SACb4f,EAAW5f,QAAQqgB,UAOvB,OAHAD,KAAclJ,iBAAiB,UAAWyJ,GAC1CP,KAAcQ,UAEP,KACDhB,EAAW5f,UACbogB,KAAcvI,oBAAoB,UAAW8I,GAC7Cf,EAAW5f,QAAQ6gB,UACnBjB,EAAW5f,QAAU,QAGxB,CAAC8W,IAYG,CACLgK,cAXF,YACgB,OAAVlB,QAAU,IAAVA,OAAU,EAAVA,EAAY5f,UACd4f,EAAW5f,QAAQwgB,OAAO3N,SAAS,MAAO,CACxCkO,OAAQ,EACRja,SAAU,IACV2N,OAAQ,CAAC,IAAM,EAAK,IAAM,GAC1BuM,aAAa,KAMjBpB,WAAYA,EAAW5f,SCnF3B,SAASihB,GAAa7W,GACpB,OAAO,IAAI8W,QAAQ,CAACC,EAASC,KAC3B,MAAMzU,EAAM,IAAI0U,MAChB1U,EAAI2U,OAAS,WACXH,EAAQxU,IAEVA,EAAI4U,QAAU5U,EAAI6U,QAAU,WAC1BJ,EAAOhX,IAETuC,EAAIvC,IAAMA,IAIC,SAASqX,GAAkBC,GACxC,MAAOC,EAAiBC,GAAsBziB,oBAAS,GAiCvD,OA/BAY,oBAAU,KACR,IAAI8hB,GAAc,EAyBlB,OAvBAhZ,iBAGE,GAAIgZ,IAAgBH,EAClB,OAGF,MAAMI,EAAoB,GAC1B,IAAK,MAAMC,KAAKL,EACVK,GAAGD,EAAkB5hB,KAAK+gB,GAAac,UAGvCb,QAAQc,IAAIF,GAEdD,GAIJD,GAAmB,GAGrBK,GAEO,KACLJ,GAAc,IAEf,CAACH,IAEG,CAAEC,mBD1CX3b,IAAKkc,eAAe9B,M,4HEyBL+B,OA9BQ9d,GACrBT,gBAAA,MAAAC,OAAAC,OAAA,CACEC,MAAO,IACPC,OAAQ,IACRC,KAAK,OACLC,MAAM,8BACFG,GAEJT,gBAAA,KAAG6F,SAAS,wBACV7F,gBAAA,QACEO,EAAE,mPACFF,KAAK,YAEPL,gBAAA,QACEO,EAAE,q0BACFF,KAAK,YAEPL,gBAAA,QACEO,EAAE,4WACFF,KAAK,aAGTL,gBAAA,YACEA,gBAAA,YAAUiH,GAAG,kBACXjH,gBAAA,QAAMK,KAAK,OAAOE,EAAE,uBCcbie,OAtCa/d,GAC1BT,gBAAA,MAAAC,OAAAC,OAAA,CACEC,MAAO,IACPC,OAAQ,IACRC,KAAK,OACLC,MAAM,8BACFG,GAEJT,gBAAA,KAAG6F,SAAS,6BACV7F,gBAAA,QACEO,EAAE,mPACFF,KAAK,YAEPL,gBAAA,QACEO,EAAE,4nBACFF,KAAK,YAEPL,gBAAA,QACEO,EAAE,6uCACFF,KAAK,YAEPL,gBAAA,QACEO,EAAE,+8BACFF,KAAK,YAEPL,gBAAA,QACEO,EAAE,20DACFF,KAAK,aAGTL,gBAAA,YACEA,gBAAA,YAAUiH,GAAG,uBACXjH,gBAAA,QAAMK,KAAK,OAAOE,EAAE,uBCEbke,OAlCYhe,GACzBT,gBAAA,MAAAC,OAAAC,OAAA,CACEC,MAAO,IACPC,OAAQ,IACRC,KAAK,OACLC,MAAM,8BACFG,GAEJT,gBAAA,KAAG6F,SAAS,4BACV7F,gBAAA,QACEO,EAAE,kOACFF,KAAK,YAEPL,gBAAA,QACEO,EAAE,8/BACFF,KAAK,YAEPL,gBAAA,QACEO,EAAE,i8EACFF,KAAK,YAEPL,gBAAA,QACEO,EAAE,owCACFF,KAAK,aAGTL,gBAAA,YACEA,gBAAA,YAAUiH,GAAG,sBACXjH,gBAAA,QAAMK,KAAK,OAAOE,EAAE,uBCEbme,I,SAAAA,GA9BUje,GACvBT,gBAAA,MAAAC,OAAAC,OAAA,CACEC,MAAO,IACPC,OAAQ,IACRC,KAAK,OACLC,MAAM,8BACFG,GAEJT,gBAAA,KAAG6F,SAAS,0BACV7F,gBAAA,QACEO,EAAE,mPACFF,KAAK,YAEPL,gBAAA,QACEO,EAAE,2uCACFF,KAAK,YAEPL,gBAAA,QACEO,EAAE,6iBACFF,KAAK,aAGTL,gBAAA,YACEA,gBAAA,YAAUiH,GAAG,oBACXjH,gBAAA,QAAMK,KAAK,OAAOE,EAAE,uBC+Cboe,OAhEf,WACE,OACE3e,IAAAqB,cAACoN,KAAS,CAACiB,OAAK,EAAC9P,UAAU,OAAO4J,uBAAA,GAChCxJ,IAAAqB,cAACqJ,KAAG,KACF1K,IAAAqB,cAACsJ,KAAG,KACF3K,IAAAqB,cAACoN,KAAS,KACRzO,IAAAqB,cAACqJ,KAAG,KACF1K,IAAAqB,cAACsJ,KAAG,KACF3K,IAAAqB,cAACud,GAAY,MACb5e,IAAAqB,cAACwd,GAAoB,CACnBrE,MAAO,CAAEsE,WAAY,KACrBlf,UAAU,eAEVI,IAAAqB,cAAA,MAAI0d,eAAA,EAAYC,oBAAkB,KAAI,kBAGtChf,IAAAqB,cAAC4d,GAAe,CACdrf,UAAU,OACVmf,eAAA,EACAC,oBAAkB,KACnB,sLAMDhf,IAAAqB,cAACqJ,KAAG,CAACqU,eAAA,EAAYC,oBAAkB,IAAIpf,UAAU,QAC/CI,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,IAAI8D,GAAG,IAAI9O,UAAU,QAC3BI,IAAAqB,cAAA,SACErB,IAAAqB,cAACkd,GAAc,OAEjBve,IAAAqB,cAAA,cAAQ,4BAEVrB,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,IAAI8D,GAAG,IAAI9O,UAAU,QAC3BI,IAAAqB,cAAA,SACErB,IAAAqB,cAACqd,GAAgB,OAEnB1e,IAAAqB,cAAA,cAAQ,qBAEVrB,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,IAAI8D,GAAG,IAAI9O,UAAU,QAC3BI,IAAAqB,cAAA,SACErB,IAAAqB,cAACod,GAAkB,OAErBze,IAAAqB,cAAA,cAAQ,gDAIVrB,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,IAAI8D,GAAG,IAAI9O,UAAU,QAC3BI,IAAAqB,cAAA,SACErB,IAAAqB,cAACmd,GAAmB,OAEtBxe,IAAAqB,cAAA,cAAQ,0CAe9B,MAAMud,GAAepd,IAAOmH,IAAG/G,QAAAC,YAAA,6QAWRlC,IAAKpB,eAMtBsgB,GAAuBrd,IAAOmH,IAAGC,QAAA/G,YAAA,qGAMjCod,GAAkBzd,IAAO0d,EAACrW,QAAAhH,YAAA,4E,OChFjBsd,OAZf,SAAmB1e,GACjB,OACET,IAAAqB,cAAC+d,GAAqBnf,OAAAC,OAAA,CACpB2H,aAAcP,EACdQ,aAAcP,GACV9G,GACL,eACaT,IAAAqB,cAACyI,GAAW,QAO9B,MAAMsV,GAAwB5d,IAAOmH,IAAG/G,QAAAC,YAAA,kUAExBlC,IAAKxB,SACVwB,IAAK/C,O,4BCLhB,MAAMyiB,GAAiB,CACrBC,KACAC,KACAC,KACAC,KACAC,KACAC,MAiaaC,OA9Zf,WACE,MAAM,gBAAE7B,GAAoBF,GAAkBwB,KACxC,WAAEQ,GCvBK,SAAoB3L,GACjC,MAAM2L,EAAazkB,mBACb+G,EAAIC,IAAKC,MAAMC,SAASud,IACxB,eAAEnb,GAAmBgC,KACrB,oBAAE/C,GAAwBI,IA4DhC,OA1DA5H,oBAAU,KACRwH,GAAoB,GACbA,GACN,IAEHxH,oBAAU,KACR,GAAK+X,IAAWxP,EAiDhB,OA/CAtC,IACGY,WACAnC,GAAGsB,EAAE,wBAAyB,CAC7B8D,QAAS,EACT1C,EAAG,EACHN,EAAG,EACHwC,QAAS,GACTqa,OAAQ,EACRzc,KAAM,kBAEPxC,GACCsB,EAAE,uBACF,CACE8D,QAAS,EACTR,QAAS,GACTxC,EAAG,EACHM,EAAG,GAEL,IAED1C,GACCsB,EAAE,iBACF,CACE8D,QAAS,EACThD,EAAG,EACHC,SAAU,GAEZ,IAEDrC,GACCsB,EAAE,sBACF,CACE8D,QAAS,EACThD,EAAG,EACHC,SAAU,GAEZ,IAEDrC,GACCsB,EAAE,uBACF,CACE8D,QAAS,EACThD,EAAG,EACHC,SAAU,GAEZ,IAEG,IAAMqE,KACZ,CAAC2M,EAASxP,IAEN,CACLmb,cD1CqBE,CAAWhC,IAE5B,cAAEb,GAAkBnB,GAAcgC,GAExC,OAAKA,EAGH/d,IAAAqB,cAAC2e,GAAiB,CAACtY,IAAKmY,GACtB7f,IAAAqB,cAACsW,GAAG,CAAChR,MAAM,aACX3G,IAAAqB,cAAC8d,GAAS,CAACvX,QAASsV,IACpBld,IAAAqB,cAACiO,GAAY,CAAC3I,MAAM,WAAW4I,WAAS,EAACiL,MAAO,CAAEyF,cAAe,KAC/DjgB,IAAAqB,cAACoN,KAAS,KACRzO,IAAAqB,cAACqJ,KAAG,CAAC9K,UAAU,OAAO4J,uBAAA,GACpBxJ,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAKgE,GAAG,KACd5O,IAAAqB,cAAC6e,GAAa,CAACtgB,UAAU,kBACvBI,IAAAqB,cAAA,OACE0d,eAAA,EACAC,oBAAkB,IAClBmB,uBAAqB,MACrBC,wBAAsB,aACtB5F,MAAO,CAAE6F,aAAc,IAEvBrgB,IAAAqB,cAAA,YAAM,MAERrB,IAAAqB,cAAA,OACE0d,eAAA,EACAC,oBAAkB,IAClBmB,uBAAqB,MACrBC,wBAAsB,aACtB5F,MAAO,CAAE6F,cAAe,EAAGC,YAAa,IAExCtgB,IAAAqB,cAAA,YAAM,MAERrB,IAAAqB,cAAA,OACE0d,eAAA,EACAC,oBAAkB,MAClBmB,uBAAqB,MACrBC,wBAAsB,cAEtBpgB,IAAAqB,cAAA,YAAM,cAMdrB,IAAAqB,cAACqJ,KAAG,CAAC9K,UAAU,yBAAyB4J,uBAAA,GACtCxJ,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAKgE,GAAG,KACd5O,IAAAqB,cAAA,SAAG,gSAMDrB,IAAAqB,cAAA,WACArB,IAAAqB,cAAA,WAAM,gRASVrB,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAKgE,GAAG,KACd5O,IAAAqB,cAAA,OACEmF,IAAK8Y,KACLlE,IAAI,iBACJxb,UAAU,kBACV4a,MAAO,CAAErX,aAAc,YAK7BnD,IAAAqB,cAACqJ,KAAG,CAAC9K,UAAU,OAAO4J,uBAAA,GACpBxJ,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAKgE,GAAG,KAAK4L,MAAO,CAAE7U,QAAS,SACrC3F,IAAAqB,cAAA,MAAImZ,MAAO,CAAE+F,WAAY,OAAQC,UAAW,UAAW,iBAM3DxgB,IAAAqB,cAACqJ,KAAG,CAAC9K,UAAU,yBAAyB4J,uBAAA,GACtCxJ,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAKgE,GAAG,KACd5O,IAAAqB,cAAA,OACEmF,IAAK+Y,KACLnE,IAAI,iBACJxb,UAAU,uBACV4a,MAAO,CAAErX,aAAc,UAEzBnD,IAAAqB,cAAA,KACEmZ,MAAO,CACLiG,SAAU,SACVF,WAAY,MACZG,UAAW,OACXF,UAAW,OACXG,aAAc,OAEjB,kCAKH3gB,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAKgE,GAAG,KACd5O,IAAAqB,cAAA,SAAG,0DAEDrB,IAAAqB,cAAA,WACArB,IAAAqB,cAAA,WAAM,8DAENrB,IAAAqB,cAAA,WACArB,IAAAqB,cAAA,WAAM,0EAGNrB,IAAAqB,cAAA,WACArB,IAAAqB,cAAA,WAAM,wFAOZrB,IAAAqB,cAACqJ,KAAG,CAAC9K,UAAU,mCAAmC4J,uBAAA,GAChDxJ,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAKgE,GAAG,MACd5O,IAAAqB,cAAA,OACEzB,UAAU,OACV4a,MAAO,CACLra,MAAO,OACPqgB,UAAW,QACXI,cAAe,QACfC,UAAW,MACXF,aAAc,OAGhB3gB,IAAAqB,cAAA,MAAImZ,MAAO,CAAE+F,WAAY,OAAQC,UAAW,UAAW,qBAClC,KAErBxgB,IAAAqB,cAAA,KACEmZ,MAAO,CACLiG,SAAU,OACVF,WAAY,MACZO,WAAY,QAEf,qHAQP9gB,IAAAqB,cAACqJ,KAAG,CAAC9K,UAAU,0BAA0B4J,uBAAA,GACvCxJ,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAKgE,GAAG,MACd5O,IAAAqB,cAAC0f,GAAa,KACZ/gB,IAAAqB,cAAC2f,GAAS,KACRhhB,IAAAqB,cAACoc,GAAK,CAACjX,IAAKgZ,KAAWpE,IAAI,gBAC3Bpb,IAAAqB,cAAC4f,GAAO,CAACC,MAAM,QAAO,qCAKxBlhB,IAAAqB,cAAC8f,GAAS,KACRnhB,IAAAqB,cAAA,UAAI,+BACJrB,IAAAqB,cAAA,SAAG,uIAIDrB,IAAAqB,cAAA,WACArB,IAAAqB,cAAA,WAAM,oGAKRrB,IAAAqB,cAAA,UAAI,0BACJrB,IAAAqB,cAAA,SAAG,uIAIDrB,IAAAqB,cAAA,WACArB,IAAAqB,cAAA,WAAM,sFAMVrB,IAAAqB,cAAC8f,GAAS,KACRnhB,IAAAqB,cAAA,UAAI,4BACJrB,IAAAqB,cAAA,SAAG,+HAMHrB,IAAAqB,cAAA,UAAI,6BACJrB,IAAAqB,cAAA,SAAG,oGAMLrB,IAAAqB,cAAC+f,GAAU,KACTphB,IAAAqB,cAACoc,GAAK,CAACjX,IAAKiZ,KAAWrE,IAAI,mBAC3Bpb,IAAAqB,cAAC4f,GAAO,CAACC,MAAM,SAAQ,+BAM/BlhB,IAAAqB,cAACqJ,KAAG,CAAC9K,UAAU,mCAAmC4J,uBAAA,GAChDxJ,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAKgE,GAAG,MACd5O,IAAAqB,cAAA,OACEzB,UAAU,OACV4a,MAAO,CACLra,MAAO,OACPqgB,UAAW,OACXI,cAAe,OACfC,UAAW,MACXF,aAAc,OAGhB3gB,IAAAqB,cAAA,MAAImZ,MAAO,CAAE+F,WAAY,OAAQC,UAAW,UAAW,eAGvDxgB,IAAAqB,cAAA,KACEmZ,MAAO,CACLiG,SAAU,OACVF,WAAY,MACZO,WAAY,QAEf,kHAID9gB,IAAAqB,cAAA,KACEmZ,MAAO,CACLiG,SAAU,OACVF,WAAY,MACZO,WAAY,QAEf,gIAID9gB,IAAAqB,cAAA,KACEmZ,MAAO,CACLiG,SAAU,OACVF,WAAY,MACZO,WAAY,QAGd9gB,IAAAqB,cAAA,cAAQ,YAAiB,kDAG3BrB,IAAAqB,cAAA,KACEmZ,MAAO,CACLiG,SAAU,OACVF,WAAY,MACZO,WAAY,QAGd9gB,IAAAqB,cAAA,cAAQ,aAAkB,wEAG5BrB,IAAAqB,cAAA,KACEmZ,MAAO,CACLiG,SAAU,OACVF,WAAY,MACZO,WAAY,QAGd9gB,IAAAqB,cAAA,cAAQ,mBAAwB,+DAGlCrB,IAAAqB,cAAA,KACEmZ,MAAO,CACLiG,SAAU,OACVF,WAAY,MACZO,WAAY,QAGd9gB,IAAAqB,cAAA,cAAQ,cAAmB,6EAG7BrB,IAAAqB,cAAA,KACEmZ,MAAO,CACLiG,SAAU,OACVF,WAAY,MACZO,WAAY,QAGd9gB,IAAAqB,cAAA,cAAQ,cAAmB,wDAOnCrB,IAAAqB,cAACqJ,KAAG,CAAC9K,UAAU,OAAO4J,uBAAA,GACpBxJ,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAKgE,GAAG,MACd5O,IAAAqB,cAAA,OACEmZ,MAAO,CACLra,MAAO,OACPqgB,UAAW,WAGbxgB,IAAAqB,cAAA,OACEmF,IAAKkZ,KACLtE,IAAI,yBACJZ,MAAO,CACLra,MAAO,OACPkhB,SAAU,QACVle,aAAc,OACdwC,QAAS,QACT4E,OAAQ,YAIZvK,IAAAqB,cAAA,KACEmZ,MAAO,CACLiG,SAAU,SACVF,WAAY,MACZG,UAAW,OACXF,UAAW,QACXG,aAAc,OAEjB,iCAOP3gB,IAAAqB,cAACqJ,KAAG,CAAC9K,UAAU,yBAAyB4J,uBAAA,GACtCxJ,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAKgE,GAAG,KACd5O,IAAAqB,cAAA,OACEmF,IAAKmZ,KACLvE,IAAI,iBACJxb,UAAU,+BACV4a,MAAO,CACLrX,aAAc,WAKpBnD,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAKgE,GAAG,KACd5O,IAAAqB,cAAA,UAAI,2CACJrB,IAAAqB,cAAA,SAAG,kKAKHrB,IAAAqB,cAAA,SACErB,IAAAqB,cAAA,cAAQ,yBAA2B,uJAGnCrB,IAAAqB,cAAA,WACArB,IAAAqB,cAAA,WACArB,IAAAqB,cAAA,cAAQ,oCAAsC,4GAG9CrB,IAAAqB,cAAA,WACArB,IAAAqB,cAAA,WACArB,IAAAqB,cAAA,cAAQ,iCAAmC,iHAG3CrB,IAAAqB,cAAA,WACArB,IAAAqB,cAAA,WACArB,IAAAqB,cAAA,cAAQ,6BAA+B,mKAIvCrB,IAAAqB,cAAA,WACArB,IAAAqB,cAAA,WACArB,IAAAqB,cAAA,cAAQ,2BAA6B,iKAQ3CrB,IAAAqB,cAACqJ,KAAG,CAAC9K,UAAU,mCAAmC4J,uBAAA,GAChDxJ,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAKgE,GAAG,MACd5O,IAAAqB,cAAA,OACEzB,UAAU,OACV4a,MAAO,CACLra,MAAO,OACPqgB,UAAW,QACXI,cAAe,QACfC,UAAW,MACXF,aAAc,OAGhB3gB,IAAAqB,cAAA,KACEmZ,MAAO,CACLiG,SAAU,OACVF,WAAY,MACZO,WAAY,QAEf,oJAST9gB,IAAAqB,cAACsd,GAAW,QAlZW,MA0Z/B,MAAMqB,GAAoBxe,IAAOmH,IAAG/G,QAAAC,YAAA,gPAgB9Bqe,GAAgB1e,IAAO8f,GAAE1Y,QAAA/G,YAAA,kPAezBkf,GAAgBvf,IAAOmH,IAAGE,QAAAhH,YAAA,6OAMTlC,IAAKlB,eAOtBuiB,GAAYxf,IAAOmH,IAAGG,QAAAjH,YAAA,kLAMLlC,IAAKlB,eAMtB2iB,GAAa5f,IAAOmH,IAAGK,QAAAnH,YAAA,+RAQNlC,IAAKlB,eAQtB0iB,GAAY3f,IAAOmH,IAAGO,QAAArH,YAAA,6jBAOLlC,IAAKlB,cAYHkB,IAAKlB,cASLkB,IAAKlB,eAOxBwiB,GAAUzf,IAAO0d,EAAC/V,QAAAtH,YAAA,oIAIRpC,IAAA,IAAC,MAAEyhB,GAAOzhB,EAAA,OAAKyhB,GAAS,QACrBzf,IAAA,IAAC,MAAEyf,GAAOzf,EAAA,MAAgB,SAAVyf,EAAmB,KAAO,MAIvDzD,GAAQjc,IAAOuH,IAAGM,QAAAxH,YAAA,mE,sBE5iBV,GAAAxC,OAAMkiB,KAAOC,IAAG,gB,wCCSf,SAASC,KACtB,MAAM,QACJC,EAAO,UACPlmB,EAAS,kBACTmmB,EAAiB,aACjBC,EAAY,oBACZC,EAAmB,YACnBC,EAAW,qBACXC,EAAoB,mBACpBC,EAAkB,wBAClBC,GCfW,WACb,MAAMP,EAAUtmB,mBACV+G,EAAIC,IAAKC,MAAMC,SAASof,IACxB,eAAEhd,GAAmBgC,IACrBrL,EFHC,CACL6mB,MAAO,CACL,CACE,UAAa,SACb,QAAW,WACX,SAAY,gBACZ,MAAS,wBACT,MAAS,sBACT,OAAU,GACV,IAAO,kkBACP,MAAS,uCACT,aAAgB,EAChB,YAAc,EACd,WAAa,EACb,GAAM,GAER,CACE,UAAa,QACb,QAAW,YACX,SAAY,yCACZ,MAAS,uBACT,MAAS,GACT,OAAU,GACV,IAAO,sjBACP,MAAS,sCACT,aAAgB,EAChB,YAAc,EACd,WAAa,EACb,GAAM,GAER,CACE,UAAa,QACb,QAAW,YACX,SAAY,kCACZ,MAAS,uBACT,MAAS,GACT,OAAU,GACV,IAAO,waACP,MAAS,sCACT,aAAgB,EAChB,YAAc,EACd,WAAa,EACb,GAAM,GAER,CACE,UAAa,WACb,QAAW,YACX,SAAY,2BACZ,MAAS,0BACT,MAAS,GACT,OAAU,GACV,IAAO,wkBACP,MAAS,yCACT,aAAgB,EAChB,YAAc,EACd,WAAa,EACb,GAAM,GAER,CACE,UAAa,SACb,QAAW,UACX,SAAY,kBACZ,MAAS,wBACT,MAAS,GACT,OAAU,GACV,IAAO,2jBACP,MAAS,uCACT,aAAgB,EAChB,YAAc,EACd,WAAa,EACb,GAAM,GAER,CACE,UAAa,MACb,QAAW,SACX,SAAY,qBACZ,MAAS,qBACT,MAAS,GACT,OAAU,GACV,IAAO,ucACP,MAAS,oCACT,aAAgB,EAChB,YAAc,EACd,WAAa,EACb,GAAM,GAER,CACE,UAAa,UACb,QAAW,OACX,SAAY,gCACZ,MAAS,yBACT,MAAS,GACT,OAAU,GACV,IAAO,gbACP,MAAS,wCACT,aAAgB,EAChB,YAAc,EACd,WAAa,EACb,GAAM,GAER,CACE,UAAa,WACb,QAAW,OACX,SAAY,+BACZ,MAAS,0BACT,MAAS,GACT,OAAU,GACV,IAAO,+eACP,MAAS,yCACT,aAAgB,EAChB,YAAc,EACd,WAAa,EACb,GAAM,GAER,CACE,UAAa,UACb,QAAW,SACX,SAAY,8BACZ,MAAS,yBACT,MAAS,GACT,OAAU,GACV,IAAO,4gBACP,MAAS,wCACT,aAAgB,EAChB,YAAc,EACd,WAAa,EACb,GAAM,GAER,CACE,UAAa,UACb,QAAW,UACX,SAAY,2BACZ,MAAS,yBACT,MAAS,GACT,OAAU,GACV,IAAO,oaACP,MAAS,wCACT,aAAgB,GAChB,YAAc,EACd,WAAa,EACb,GAAM,IAER,CACE,UAAa,UACb,QAAW,OACX,SAAY,cACZ,MAAS,yBACT,MAAS,GACT,OAAU,GACV,IAAO,kjBACP,MAAS,wCACT,aAAgB,GAChB,YAAc,EACd,WAAa,EACb,GAAM,IAER,CACE,UAAa,QACb,QAAW,WACX,SAAY,oBACZ,MAAS,uBACT,MAAS,GACT,OAAU,GACV,IAAO,ueACP,MAAS,sCACT,aAAgB,GAChB,YAAc,EACd,WAAa,EACb,GAAM,KAGVhmB,gBAAiB,KACjBimB,aAAc,UACdlb,GAAI,OEzKC2a,EAAcQ,GAAmB7mB,sBACjComB,EAAmBI,GAAwBxmB,oBAAS,IACpDsmB,EAAqBQ,GAA0B9mB,mBAAS,KACxDumB,EAAaQ,GAAkB/mB,mBAAS,KAExCgnB,EAAkBC,GAAuBjnB,mBAAS,OACnD,gBAAEwiB,GAAoBF,GAAkB0E,GAqD9C,OAnDApmB,oBAAU,KACRkmB,EAAuBhnB,EAAK6mB,MAAMO,OAAOlf,GAAKA,EAAEmf,aAChDJ,EAAejnB,EAAK6mB,MAAMO,OAAOlf,IAAMA,EAAEmf,aACzCF,EAAoBnnB,EAAK6mB,MAAMja,IAAI1E,GAAKA,EAAEkD,SACzC,IAEHtK,oBAAU,KACR,GAAK4hB,IAAmBrZ,EA+BxB,OA7BAtC,IACGY,WACAnC,GAAGsB,EAAE,2BAA4B,CAChC8D,QAAS,EACT1C,EAAG,EACHN,EAAG,EACHwC,QAAS,GACTqa,QAAS,GACTzc,KAAM,kBAEPxC,GAAGsB,EAAE,yBAA0B,CAC9B8D,QAAS,EACT1C,EAAG,EACHF,KAAM,kBAEPxC,GAAGsB,EAAE,sCAAuC,CAC3C8D,QAAS,EACThD,EAAG,EACHwC,QAAS,GACTpC,KAAM,gBACNH,SAAU,IAEXrC,GAAGsB,EAAE,kCAAmC,CACvC8D,QAAS,EACThD,EAAG,EACHI,KAAM,gBACNH,SAAU,IAGP,IAAMqE,KACZ,CAACwW,EAAiBrZ,IAYd,CACLgd,UACAC,oBACAC,eACAC,sBACAC,cACAC,uBACAC,mBAjBF,SAA4B3mB,GACrBA,EAAKqnB,YAEVN,EAAgB/mB,IAehB4mB,wBAZF,WACEG,EAAgB,QD7CdO,GAEJ,OAAInnB,EAAkBwE,IAAAqB,cAAC8K,KAAW,CAAChM,MAAO,GAAIyiB,OAAO,UAAUC,cAAY,IAGzE7iB,IAAAqB,cAACyhB,GAAc,CACbpb,IAAKga,EACL9hB,UAAS,GAAAP,OAAKsiB,EAAoB,uBAAyB,KAE3D3hB,IAAAqB,cAACiO,GAAY,CAACC,WAAS,GACrBvP,IAAAqB,cAACsW,GAAG,CAAChR,MAAM,aACX3G,IAAAqB,cAACoN,KAAS,KACRzO,IAAAqB,cAACqJ,KAAG,KACF1K,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAKiE,GAAG,KACd7O,IAAAqB,cAAA,MAAIzB,UAAU,cACZI,IAAAqB,cAAA,QAAMzB,UAAU,mBAAkB,KAClCI,IAAAqB,cAAA,QAAMzB,UAAU,mBAAkB,KAClCI,IAAAqB,cAAA,QAAMzB,UAAU,mBAAkB,KAClCI,IAAAqB,cAAA,QAAMzB,UAAU,mBAAkB,KAClCI,IAAAqB,cAAA,QAAMzB,UAAU,YAAW,cAG/BI,IAAAqB,cAACsJ,KAAG,KACDkX,EAAoB1iB,OAAS,GAC5Ba,IAAAqB,cAACqJ,KAAG,CAAC9K,UAAU,+CACZiiB,EAAoB5Z,IAAI5B,GACvBrG,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAK8D,GAAG,IAAIhS,IAAK2J,EAAKY,IAC5BjH,IAAAqB,cAAC0hB,GAAU,CACT1nB,KAAMgL,EACNuB,QAASA,IAAMoa,EAAmB3b,GAClCwB,aAAcP,EACdQ,aAAcP,SAS3Bua,EAAY3iB,OAAS,GACpBa,IAAAqB,cAACqJ,KAAG,CAAC9K,UAAU,yDACZkiB,EAAY7Z,IAAI5B,GACfrG,IAAAqB,cAACsJ,KAAG,CACFC,GAAG,KACHgD,GAAG,IACHc,GAAG,IACHhS,IAAK2J,EAAKY,GACVrH,UAAU,wBAEVI,IAAAqB,cAAC0hB,GAAU,CACT1nB,KAAMgL,EACNuB,QAASA,IAAMoa,EAAmB3b,GAClCwB,aAAcA,KACZka,GAAqB,GACrBza,KAEFQ,aAAcA,KACZia,GAAqB,GACrBxa,WASbqa,GACC5hB,IAAAqB,cAAC2hB,GAAkB,CACjBpb,QAASqa,EACTriB,UAAU,mBAEVI,IAAAqB,cAACqI,GAAgB,MACjB1J,IAAAqB,cAACoN,KAAS,KACRzO,IAAAqB,cAACqJ,KAAG,KACF1K,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAK8D,GAAG,IAAI9O,UAAU,QAC5BI,IAAAqB,cAAC4hB,GAAmB,CAClBzc,IAAKob,EAAanb,OAASkO,GAC3BuO,QAAQ,OACRtjB,UAAU,QACVujB,UAAQ,KAGZnjB,IAAAqB,cAACsJ,KAAG,CAACC,GAAG,KAAK8D,GAAG,KACd1O,IAAAqB,cAAA,OAAKuG,QAASyP,GAAKA,EAAE+L,mBACnBpjB,IAAAqB,cAAA,MAAIzB,UAAU,QACXgiB,EAAayB,UAAU,IAAEzB,EAAa0B,SAEzCtjB,IAAAqB,cAAA,KAAGzB,UAAU,uBACVgiB,EAAa2B,UAGhBvjB,IAAAqB,cAAA,KAAGzB,UAAU,QACVgiB,EAAa7T,OACZ/N,IAAAqB,cAAA,KAAGoH,KAAI,UAAApJ,OAAYuiB,EAAa7T,QAC7B6T,EAAa7T,OAGjB6T,EAAa4B,OACZxjB,IAAAqB,cAAArB,IAAAyH,SAAA,KACEzH,IAAAqB,cAAA,QAAMzB,UAAU,iCAAgC,KAGhDI,IAAAqB,cAAA,MAAIzB,UAAU,cACdI,IAAAqB,cAAA,KACEoH,KAAI,OAAApJ,OAASuiB,EAAa4B,OAC1B5jB,UAAU,eAETgiB,EAAa4B,QAInB5B,EAAa6B,QACZzjB,IAAAqB,cAAArB,IAAAyH,SAAA,KACEzH,IAAAqB,cAAA,QAAMzB,UAAU,iCAAgC,KAGhDI,IAAAqB,cAAA,MAAIzB,UAAU,cACdI,IAAAqB,cAAA,KACEoH,KAAI,OAAApJ,OAASuiB,EAAa6B,QAC1B7jB,UAAU,eAETgiB,EAAa6B,UAMtBzjB,IAAAqB,cAAA,OACEwZ,wBAAyB,CAAEC,OAAQ8G,EAAa8B,cAatE,SAASX,GAAUtjB,GAAqB,IAApB,KAAEpE,GAAeoE,EAANI,EAAIC,YAAAL,EAAAM,IACjC,OACEC,IAAAqB,cAACsiB,GAAgB1jB,OAAAC,OAAA,GAAKL,EAAI,CAAED,UAAU,gBACpCI,IAAAqB,cAAC4hB,GAAmB,CAClBzc,IAAKnL,EAAKoL,OAASkO,GACnBuO,QAAQ,OACRtjB,UAAU,0BAEXvE,EAAKqnB,YACJ1iB,IAAAqB,cAACuiB,GAAuB,CAAChkB,UAAU,yBACjCI,IAAAqB,cAAA,MAAIzB,UAAU,QACXvE,EAAKgoB,UAAU,IAAEhoB,EAAKioB,SAEzBtjB,IAAAqB,cAAA,KAAGzB,UAAU,uBAAuBvE,EAAKkoB,YAG3CloB,EAAKqnB,YACL1iB,IAAAqB,cAACwiB,GAA2B,CAACjkB,UAAU,qBACrCI,IAAAqB,cAAA,MAAIzB,UAAU,QACXvE,EAAKgoB,UAAU,IAAEhoB,EAAKioB,SAEzBtjB,IAAAqB,cAAA,KAAGzB,UAAU,sCAAsCvE,EAAKkoB,UACvDloB,EAAK0S,OACJ/N,IAAAqB,cAAArB,IAAAyH,SAAA,KACEzH,IAAAqB,cAAA,KAAGoH,KAAI,UAAApJ,OAAYhE,EAAK0S,QAAU1S,EAAK0S,OACvC/N,IAAAqB,cAAA,YAGHhG,EAAKmoB,OAASxjB,IAAAqB,cAAA,KAAGoH,KAAI,OAAApJ,OAAShE,EAAKmoB,QAAUnoB,EAAKmoB,SAO7D,MAAMV,GAAiBthB,IAAOmH,IAAG/G,QAAAC,YAAA,62EAQRlC,IAAKtB,cAuBDsB,IAAKtB,cAQLsB,IAAKtB,cAQLsB,IAAKtB,cAQLsB,IAAKtB,cAkBXsB,IAAKrB,cAAkCqB,IAAKpB,cAa5CoB,IAAKnB,cAAkCmB,IAAKlB,cAa5CkB,IAAKjB,cAcHiB,IAAKtB,eASxBslB,GAAmBniB,IAAOmH,IAAGC,QAAA/G,YAAA,4SAqB7BohB,GAAsBzhB,IAAOuH,IAAGF,QAAAhH,YAAA,yHAGhBpB,GAAUA,EAAM0iB,SAAW,EAAI,GAG/CS,GAA0BpiB,IAAOmH,IAAGG,QAAAjH,YAAA,kWAE1BlC,IAAKX,mBAWVW,IAAK/C,OAMVinB,GAA8BriB,IAAOmH,IAAGK,QAAAnH,YAAA,6YAGvBlC,IAAKrB,cAULqB,IAAKtB,eActB2kB,GAAqBxhB,IAAOmH,IAAGO,QAAArH,YAAA,2OAOrBlC,IAAK/C,MAIE+C,IAAKtB,eEnZd,GAAAgB,OAAMkiB,KAAOC,IAAG,a,sBCkFfsC,OA7Ef,WACE,MAAM,SAAEC,GCPK,WACb,MAAOA,EAAUC,GAAezoB,mBAAS,KAClCC,EAAWC,GAAgBF,oBAAS,GAS3C,OAPAY,oBAAU,KAGR6nB,EFHK,CACL9B,MAAO,CACL,CACE+B,KAAM,iBACNtd,MAAO,kBACPud,eAAgB,6CAChBC,eAAgB,6CAChBC,KAAM,6CACNC,YACE,4bACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,wBACA,2BACA,wDACA,aACA,2CACA,SAGJC,WACE,uIACFC,YACE,4CACFC,QAAS,CACP,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,8CAEFC,UAAW,CACThe,MAAO,gCACPie,KAAM,sPACNne,MAAO,+CAGToe,UAAW,CACTle,MAAO,wBACPie,KAAM,kOACNne,MAAO,gDAIX,CACEwd,KAAM,eACNtd,MAAO,eACPud,eACE,2CACFC,eACE,2CACFC,KAAM,2CACNC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACAC,QAAS,CACP,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,4CAEJC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,6CAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,6CAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,4CAIJ,CACEd,KAAM,cACNtd,MAAO,cACPud,eAAgB,0CAChBC,eAAgB,0CAChBC,KAAM,0CAENC,YACE,+VACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,IACA,WACA,MACA,UACA,cACA,SAGJC,WACE,uEACFC,YACE,mHACAC,QAAS,CACP,0CACA,0CACA,0CACA,2CAEJC,UAAW,CACThe,MAAO,iBACPie,KAAM,wTACNne,MAAO,yCAGTqe,mBAAoB,CAClBne,MAAO,6CACP0d,YACE,0cAGJU,iBAAkB,CAChB,2CAIJ,CACEd,KAAM,wBACNtd,MAAO,wBACPud,eACE,oDACFC,eACE,oDACFE,YACE,8QACFD,KAAM,wDAENE,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,uCACA,WACA,cACA,SAGJC,WACE,sHACFC,YACE,gIACAC,QAAS,CACP,oDACA,oDACA,qDAEJC,UAAW,CACThe,MAAO,uBACPie,KAAM,kGACNne,MAAO,sDAGToe,UAAW,CACTle,MAAO,gBACPie,KAAM,4FACNne,MAAO,sDAGTqe,mBAAoB,CAClBne,MAAO,oCACP0d,YACE,4hBAGJU,iBAAkB,CAChB,qDAIJ,CACEd,KAAM,mBACNtd,MAAO,mBACPud,eAAgB,+CAChBC,eAAgB,+CAChBC,KAAM,+CAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACAC,QAAS,CACP,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,gDACA,gDACA,gDACA,iDAEJC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,iDAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,iDAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,8CAGJ,CACEd,KAAM,oBACNtd,MAAO,oBACPud,eACE,gDACFC,eACE,gDACFC,KAAM,4CAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACAC,QAAS,CACP,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,iDAEJC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,kDAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,kDAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,iDAGJ,CACEd,KAAM,aACNtd,MAAO,aACPud,eAAgB,yCAChBC,eACE,yCACFC,KAAM,yCAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,yCACA,yCACA,yCACA,yCACA,yCACA,0CAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,0CAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,0CAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,2CAGJ,CACEd,KAAM,YACNtd,MAAO,YACPud,eAAgB,+CAChBC,eAAgB,+CAChBC,KAAM,+CAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,uDACA,uDACA,uDACA,uDACA,uDACA,wDAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,wDAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,wDAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,yDAGJ,CACEd,KAAM,MACNtd,MAAO,MACPud,eAAgB,kCAChBC,eAAgB,kCAChBE,YACE,8HACFD,KAAM,kCAENE,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,kCACA,kCACA,kCACA,kCACA,mCAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,mCAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,mCAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,oCAGJ,CACEd,KAAM,6BACNtd,MAAO,6BACPud,eACE,yDACFC,eACE,yDACFE,YACE,8HACFD,KAAM,yDAENE,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,yDACA,yDACA,yDACA,yDACA,0DAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,0DAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,0DAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,2DAGJ,CACEd,KAAM,qBACNtd,MAAO,qBACPud,eACE,iDACFC,eAAgB,iDAChBC,KAAM,iDAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,mDAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,kDAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,kDAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,mDAGJ,CACEd,KAAM,YACNtd,MAAO,YACPud,eAAgB,wCAChBC,eAAgB,wCAChBC,KAAM,kDAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,wCACA,wCACA,wCACA,wCACA,wCACA,yCAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,yCAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,yCAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,0CAGJ,CACEd,KAAM,gBACNtd,MAAO,gBACPud,eAAgB,4CAChBC,eAAgB,4CAChBC,KAAM,4CAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,6CAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,6DAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,6CAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,8CAGJ,CACEd,KAAM,2BACNtd,MAAO,2BACPud,eACE,uDACFC,eAAgB,uDAChBC,KAAM,uDAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,wDAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,wDAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,wDAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,yDAGJ,CACEd,KAAM,gBACNtd,MAAO,gBACPud,eAAgB,4CAChBC,eAAgB,4CAChBC,KAAM,4CAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,6CAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,6CAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,6CAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,8CAGJ,CACEd,KAAM,iBACNtd,MAAO,iBACPud,eACE,6CACFC,eACE,6CACFC,KAAM,6CAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,6CACA,6CACA,6CACA,8CAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,8CAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,8CAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,+CAGJ,CACEd,KAAM,aACNtd,MAAO,aACPud,eAAgB,2CAChBC,eAAgB,2CAChBC,KAAM,4CAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,uDACA,uDACA,uDACA,uDACA,uDACA,wDAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,wDAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,wDAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,yDAGJ,CACEd,KAAM,eACNtd,MAAO,eACPud,eAAgB,gDAChBC,eAAgB,mDAChBC,KAAM,mDAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,uDACA,uDACA,uDACA,uDACA,uDACA,wDAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,wDAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,wDAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,yDAGJ,CACEd,KAAM,4BACNtd,MAAO,4BACPud,eACE,6DACFC,eACE,6DACFC,KAAM,6DAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,uDACA,uDACA,uDACA,uDACA,uDACA,wDAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8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A5tCD,CACLA,MAAO,CACL,CACE+B,KAAM,iBACNtd,MAAO,kBACPud,eAAgB,6CAChBC,eAAgB,6CAChBC,KAAM,6CACNC,YACE,4bACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,wBACA,2BACA,wDACA,aACA,2CACA,SAGJC,WACE,uIACFC,YACE,4CACFC,QAAS,CACP,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,6CACA,8CAEFC,UAAW,CACThe,MAAO,gCACPie,KAAM,sPACNne,MAAO,+CAGToe,UAAW,CACTle,MAAO,wBACPie,KAAM,kOACNne,MAAO,gDAIX,CACEwd,KAAM,eACNtd,MAAO,eACPud,eACE,2CACFC,eACE,2CACFC,KAAM,2CACNC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACAC,QAAS,CACP,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,2CACA,4CAEJC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,6CAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,6CAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,4CAIJ,CACEd,KAAM,cACNtd,MAAO,cACPud,eAAgB,0CAChBC,eAAgB,0CAChBC,KAAM,0CAENC,YACE,+VACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,IACA,WACA,MACA,UACA,cACA,SAGJC,WACE,uEACFC,YACE,mHACAC,QAAS,CACP,0CACA,0CACA,0CACA,2CAEJC,UAAW,CACThe,MAAO,iBACPie,KAAM,wTACNne,MAAO,yCAGTqe,mBAAoB,CAClBne,MAAO,6CACP0d,YACE,0cAGJU,iBAAkB,CAChB,2CAIJ,CACEd,KAAM,wBACNtd,MAAO,wBACPud,eACE,oDACFC,eACE,oDACFE,YACE,8QACFD,KAAM,wDAENE,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,uCACA,WACA,cACA,SAGJC,WACE,sHACFC,YACE,gIACAC,QAAS,CACP,oDACA,oDACA,qDAEJC,UAAW,CACThe,MAAO,uBACPie,KAAM,kGACNne,MAAO,sDAGToe,UAAW,CACTle,MAAO,gBACPie,KAAM,4FACNne,MAAO,sDAGTqe,mBAAoB,CAClBne,MAAO,oCACP0d,YACE,4hBAGJU,iBAAkB,CAChB,qDAIJ,CACEd,KAAM,mBACNtd,MAAO,mBACPud,eAAgB,+CAChBC,eAAgB,+CAChBC,KAAM,+CAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACAC,QAAS,CACP,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,+CACA,gDACA,gDACA,gDACA,iDAEJC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,iDAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,iDAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,8CAGJ,CACEd,KAAM,oBACNtd,MAAO,oBACPud,eACE,gDACFC,eACE,gDACFC,KAAM,4CAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACAC,QAAS,CACP,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,gDACA,iDAEJC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,kDAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,kDAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,iDAGJ,CACEd,KAAM,aACNtd,MAAO,aACPud,eAAgB,yCAChBC,eACE,yCACFC,KAAM,yCAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,yCACA,yCACA,yCACA,yCACA,yCACA,0CAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,0CAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,0CAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,2CAGJ,CACEd,KAAM,YACNtd,MAAO,YACPud,eAAgB,+CAChBC,eAAgB,+CAChBC,KAAM,+CAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,uDACA,uDACA,uDACA,uDACA,uDACA,wDAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,wDAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,wDAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,yDAGJ,CACEd,KAAM,MACNtd,MAAO,MACPud,eAAgB,kCAChBC,eAAgB,kCAChBE,YACE,8HACFD,KAAM,kCAENE,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,kCACA,kCACA,kCACA,kCACA,mCAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,mCAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,mCAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,oCAGJ,CACEd,KAAM,6BACNtd,MAAO,6BACPud,eACE,yDACFC,eACE,yDACFE,YACE,8HACFD,KAAM,yDAENE,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,yDACA,yDACA,yDACA,yDACA,0DAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,0DAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,0DAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,2DAGJ,CACEd,KAAM,qBACNtd,MAAO,qBACPud,eACE,iDACFC,eAAgB,iDAChBC,KAAM,iDAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,iDACA,mDAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,kDAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,kDAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,mDAGJ,CACEd,KAAM,YACNtd,MAAO,YACPud,eAAgB,wCAChBC,eAAgB,wCAChBC,KAAM,kDAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,wCACA,wCACA,wCACA,wCACA,wCACA,yCAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,yCAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,yCAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,0CAGJ,CACEd,KAAM,gBACNtd,MAAO,gBACPud,eAAgB,4CAChBC,eAAgB,4CAChBC,KAAM,4CAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,6CAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,6DAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,6CAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,8CAGJ,CACEd,KAAM,2BACNtd,MAAO,2BACPud,eACE,uDACFC,eAAgB,uDAChBC,KAAM,uDAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,uDACA,uDACA,uDACA,uDACA,uDACA,uDACA,wDAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,wDAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,wDAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,yDAGJ,CACEd,KAAM,gBACNtd,MAAO,gBACPud,eAAgB,4CAChBC,eAAgB,4CAChBC,KAAM,4CAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,4CACA,6CAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,6CAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,6CAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,8CAGJ,CACEd,KAAM,iBACNtd,MAAO,iBACPud,eACE,6CACFC,eACE,6CACFC,KAAM,6CAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,6CACA,6CACA,6CACA,8CAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,8CAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,8CAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,+CAGJ,CACEd,KAAM,aACNtd,MAAO,aACPud,eAAgB,2CAChBC,eAAgB,2CAChBC,KAAM,4CAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,uDACA,uDACA,uDACA,uDACA,uDACA,wDAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,wDAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,wDAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,yDAGJ,CACEd,KAAM,eACNtd,MAAO,eACPud,eAAgB,gDAChBC,eAAgB,mDAChBC,KAAM,mDAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,uDACA,uDACA,uDACA,uDACA,uDACA,wDAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,wDAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,wDAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,yDAGJ,CACEd,KAAM,4BACNtd,MAAO,4BACPud,eACE,6DACFC,eACE,6DACFC,KAAM,6DAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,uDACA,uDACA,uDACA,uDACA,uDACA,wDAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,wDAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,wDAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,yDAGJ,CACEd,KAAM,8CACNtd,MAAO,uCACPud,eACE,qFACFC,eACE,4FACFC,KAAM,4FAENC,YACE,8HACFC,MAAO,CACLjX,QAAS,CACP,WACA,WACA,YACA,OACA,YACA,QAEFkX,QAAS,CACP,SACA,WACA,eACA,UACA,cACA,SAGJC,WACE,wFACFC,YACE,2FACFC,QAAS,CACP,uDACA,uDACA,uDACA,uDACA,uDACA,wDAEFC,UAAW,CACThe,MAAO,2BACPie,KAAM,8HACNne,MAAO,wDAGToe,UAAW,CACTle,MAAO,qBACPie,KAAM,6EACNne,MAAO,wDAGTqe,mBAAoB,CAClBne,MAAO,qBACP0d,YACE,qWAGJU,iBAAkB,CAChB,2DASF0C,EAAUvF,EAAMwF,KAAKxI,GAAKA,EAAE+E,OAASA,GAE3C,OAAKwD,EAILzc,0BAAA,CACEzO,WAAW,GACRkrB,GAAO,IACVE,OAAQF,EAAQvD,eAChBrM,QAAQ,kBAADxY,OAAoBooB,EAAQ9gB,MAAK,UAPjC,CAAEtK,OAAO,GI5tCyBurB,CAAkB3D,IAEvD4D,GAAuB,OAAJxsB,QAAI,IAAJA,OAA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","file":"static/js/main.db2a57a4.chunk.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/media/Home4.8d6fc568.jpg\";","module.exports = __webpack_public_path__ + \"static/media/Home2.3dec88f9.jpg\";","module.exports = __webpack_public_path__ + \"static/media/Home1.342d0e12.jpg\";","import { useState, useEffect, useRef } from \"react\"\r\nimport { useLocation, useHistory } from \"react-router\"\r\n\r\nexport default function useFetch(fn) {\r\n  const isMounted = useRef(true)\r\n  const [data, setData] = useState()\r\n  const [isLoading, setIsLoading] = useState(true)\r\n  const [error, setError] = useState()\r\n  const location = useLocation()\r\n  const history = useHistory()\r\n\r\n  useEffect(() => {\r\n    onMount()\r\n  }, [location.key])\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      isMounted.current = false\r\n    }\r\n  }, [])\r\n\r\n  function onMount() {\r\n    try {\r\n      const response = fn() // 🔹 Call function synchronously\r\n      if (!isMounted.current) return\r\n      if (response.is404) return handle404()\r\n      if (!response.isSuccess) return handleError(response)\r\n\r\n      setData(response)\r\n      setIsLoading(false)\r\n    } catch (err) {\r\n      handleError(err)\r\n    }\r\n  }\r\n\r\n  function handleError(response) {\r\n    setIsLoading(false)\r\n    setError(response.responseMessage)\r\n  }\r\n\r\n  function handle404() {\r\n    history.push(\"/not-found\")\r\n  }\r\n\r\n  return {\r\n    data,\r\n    isLoading,\r\n    error,\r\n    setData,\r\n    setIsLoading,\r\n    setError,\r\n    handleError,\r\n  }\r\n}\r\n","module.exports = __webpack_public_path__ + \"static/media/creativityxdatav2.7dd3b9f8.svg\";","module.exports = __webpack_public_path__ + \"static/media/aboutus.a1c190d1.jpg\";","module.exports = __webpack_public_path__ + \"static/media/meettheteam.57debe62.jpg\";","module.exports = __webpack_public_path__ + \"static/media/ourprojects.baff5174.jpg\";","module.exports = __webpack_public_path__ + \"static/media/architect-vr.1ea3065c.jpg\";","module.exports = __webpack_public_path__ + \"static/media/environment.46654750.jpg\";","module.exports = __webpack_public_path__ + \"static/media/contact.41802198.jpg\";","module.exports = __webpack_public_path__ + \"static/media/loading-primary.eeb38f40.svg\";","module.exports = __webpack_public_path__ + \"static/media/loading-white.759e52f3.svg\";","module.exports = __webpack_public_path__ + \"static/media/core-abstract-large.efbd7867.jpg\";","module.exports = __webpack_public_path__ + \"static/media/team-member-placeholder.2cf9754b.svg\";","module.exports = __webpack_public_path__ + \"static/media/fade-circle-1.6914f49f.svg\";","module.exports = __webpack_public_path__ + \"static/media/fade-circle-2.6c2cff33.svg\";","// Colours\r\nconst black = \"#000000\"\r\nconst white = \"#ffffff\"\r\nconst red = \"#cc0000\"\r\nconst darkRed = \"#762e2a\"\r\nconst blue = \"#00A8D8\"\r\nconst darkBlue = \"#0068a5\"\r\nconst orange = \"#f7931d\"\r\nconst darkOrange = \"#c06615\"\r\nconst yellow = \"#fff33e\"\r\nconst darkYellow = \"#d7c700\"\r\nconst green = \"#7ac142\"\r\nconst darkGreen = \"#2b7c39\"\r\n\r\nconst grey_100 = \"#f1f1f1\"\r\nconst grey_200 = \"#F8F8F8\"\r\nconst grey_300 = \"#ECECEC\"\r\nconst grey_400 = \"#a6a6a6\"\r\nconst grey_500 = \"#979797\"\r\nconst grey_600 = \"#313131\"\r\nconst grey_700 = \"#242424\"\r\n\r\nconst primary = blue\r\nconst primaryDark = darkBlue\r\nconst secondary = grey_400\r\n\r\nconst adminPrimary = \"#991aed\"\r\nconst adminSecondary = \"#711ea8\"\r\n\r\n// Gradients\r\nconst blueGradient = \"linear-gradient(to bottom, #00A8D8 0%, #0068a5 100%)\"\r\n\r\nconst adminPrimaryGradient =\r\n  \"linear-gradient(to bottom, #991aed 0%, #711ea8 100%)\"\r\n\r\n// Breakpoints\r\nconst screen_xs_max = \"575px\"\r\nconst screen_sm_min = \"576px\"\r\nconst screen_sm_max = \"767px\"\r\nconst screen_md_min = \"768px\"\r\nconst screen_md_max = \"991px\"\r\nconst screen_lg_min = \"992px\"\r\nconst screen_lg_max = \"1199px\"\r\nconst screen_xl_min = \"1200px\"\r\n\r\n// Fonts\r\nconst primaryFont = `'Poppins', sans-serif`\r\nconst secondaryFont = `'Lora', serif`\r\nconst primaryAdminFont = `'Roboto', sans-serif`\r\n\r\n// Functions\r\nconst blackTransparent = (transparency = \"0.5\") =>\r\n  `rgba(0, 0, 0, ${transparency})`\r\n\r\nconst whiteTransparent = (transparency = \"0.5\") =>\r\n  `rgba(255, 255, 255, ${transparency})`\r\n\r\nconst dynamicColour = (transparency = \"0.8\") =>\r\n  `rgba(255, 255, 255, ${transparency})`\r\n\r\nexport default {\r\n  black,\r\n  white,\r\n  blue,\r\n  darkBlue,\r\n  red,\r\n  darkRed,\r\n  orange,\r\n  darkOrange,\r\n  yellow,\r\n  darkYellow,\r\n  green,\r\n  darkGreen,\r\n\r\n  primary,\r\n  primaryDark,\r\n  secondary,\r\n\r\n  adminPrimary,\r\n  adminSecondary,\r\n\r\n  blueGradient,\r\n  adminPrimaryGradient,\r\n\r\n  grey_100,\r\n  grey_200,\r\n  grey_300,\r\n  grey_400,\r\n  grey_500,\r\n  grey_600,\r\n  grey_700,\r\n\r\n  screen_xs_max,\r\n  screen_sm_min,\r\n  screen_sm_max,\r\n  screen_md_min,\r\n  screen_md_max,\r\n  screen_lg_min,\r\n  screen_lg_max,\r\n  screen_xl_min,\r\n\r\n  primaryFont,\r\n  secondaryFont,\r\n  primaryAdminFont,\r\n\r\n  blackTransparent,\r\n  whiteTransparent,\r\n  dynamicColour,\r\n}\r\n","import * as React from \"react\"\r\nimport vars from \"styles/variables\"\r\n\r\nfunction MenuIcon({ color = vars.black, className, ...rest }) {\r\n  return (\r\n    <svg\r\n      width={34}\r\n      height={38}\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      className={`menu-icon ${className}`}\r\n      {...rest}\r\n    >\r\n      <path\r\n        d=\"M6.085 12.941c1.296.003 2.594.01 3.89.004 5.098-.024 10.197-.053 15.297-.08 2.183-.013 4.366-.036 6.55-.042.261 0 .418-.059.518-.327.198-.528.422-1.05.663-1.56.146-.314.041-.367-.257-.364-1.992.02-3.981.027-5.972.038l-19.459.108c-.09 0-.179-.01-.268-.017l-.96 2.241M3.945 19.905c1.296.003 2.594.01 3.89.004 5.097-.025 10.197-.053 15.296-.08 2.183-.013 4.367-.036 6.55-.042.261 0 .418-.059.519-.327a20.2 20.2 0 0 1 .662-1.56c.147-.314.042-.367-.257-.364-1.992.019-3.98.026-5.971.037-6.487.037-12.974.072-19.46.11-.089 0-.178-.012-.267-.018l-.96 2.24M1.21 27.349c1.296.002 2.594.01 3.89.003 5.098-.024 10.197-.052 15.297-.08 2.183-.013 4.366-.036 6.55-.041.261 0 .418-.06.518-.328.198-.528.422-1.05.663-1.56.146-.314.041-.367-.257-.364-1.992.02-3.981.027-5.972.038l-19.459.109c-.09 0-.179-.012-.268-.018l-.96 2.241\"\r\n        fill={color}\r\n      />\r\n    </svg>\r\n  )\r\n}\r\n\r\nexport default MenuIcon\r\n","import * as React from \"react\"\r\n\r\nfunction ArrowLeftIcon(props) {\r\n  return (\r\n    <svg\r\n      width={24}\r\n      height={24}\r\n      viewBox=\"0 0 24 24\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      {...props}\r\n    >\r\n      <g fill=\"none\" fillRule=\"evenodd\">\r\n        <path\r\n          fill=\"#000\"\r\n          className=\"svg-fill\"\r\n          d=\"M14 18l1.41-1.41L10.83 12l4.58-4.59L14 6l-6 6z\"\r\n        />\r\n        <path d=\"M24 24H0V0h24z\" />\r\n      </g>\r\n    </svg>\r\n  )\r\n}\r\n\r\nexport default ArrowLeftIcon\r\n","import ArrowLeftIcon from \"components/svg/ArrowLeftIcon\"\r\nimport React from \"react\"\r\nimport { Link as ReactLink } from \"react-router-dom\"\r\nimport styled from \"styled-components\"\r\nimport vars from \"styles/variables\"\r\n\r\nfunction Link({\r\n  to,\r\n  children,\r\n  color = vars.black,\r\n  uppercase,\r\n  underline,\r\n  arrowLeft,\r\n  bold,\r\n  ...rest\r\n}) {\r\n  // Regex assumes that any internal link will start with exactly one slash, and that anything else is external.\r\n  const internal = /^\\/(?!\\/)/.test(to)\r\n\r\n  return (\r\n    <StyledLink\r\n      to={internal ? to : { pathname: to }}\r\n      color={color}\r\n      uppercase={uppercase}\r\n      underline={underline}\r\n      arrowLeft={arrowLeft}\r\n      bold={bold}\r\n      {...rest}\r\n    >\r\n      {arrowLeft && <ArrowLeftIcon />}\r\n      {children}\r\n    </StyledLink>\r\n  )\r\n}\r\n\r\nexport default Link\r\n\r\nconst StyledLink = styled(\r\n  ({ color, uppercase, arrowLeft, bold, underline, ...rest }) => (\r\n    <ReactLink {...rest} />\r\n  )\r\n)`\r\n  color: ${props => props.color};\r\n  ${props => props.uppercase && \"text-transform: uppercase;\"}\r\n  ${props =>\r\n    props.underline && \"border-bottom: 1px solid black; padding-bottom: 1px;\"}\r\n\r\n  \r\n  font-weight: ${props => (props.bold ? \"bold\" : \"normal\")};\r\n\r\n  .svg-fill {\r\n    transition: fill ease-in-out 300ms;\r\n  }\r\n\r\n  ${props =>\r\n    props.arrowLeft &&\r\n    ` display: inline-flex;\r\n      align-items: center;\r\n      line-height: 1;`}\r\n`\r\n\r\n//transition: ease-in-out 300ms;\r\n","import React, {\r\n  useState,\r\n  useEffect,\r\n  useRef,\r\n  useContext,\r\n  createContext,\r\n} from \"react\"\r\nimport { gsap } from \"gsap\"\r\n\r\nconst Context = createContext()\r\n\r\n// Provider component that wraps your app and makes our object\r\n// available to any child component\r\nexport function FooterProvider({ children }) {\r\n  const value = useProvider()\r\n  return <Context.Provider value={value}>{children}</Context.Provider>\r\n}\r\n\r\n// Hook for child components to get the object\r\n// and re-render when it changes\r\nexport const useFooter = () => {\r\n  return useContext(Context)\r\n}\r\n\r\n// Provider hook that creates object and handles state\r\nfunction useProvider() {\r\n  const footerRef = useRef()\r\n  const q = gsap.utils.selector(footerRef)\r\n  const footerAnimations = useRef()\r\n  const [isFooterOpen, setIsFooterOpen] = useState(false)\r\n  const [isShowMore, setIsShowMore] = useState(false)\r\n  const [isShowBackToTop, setIsShowBackToTop] = useState(true)\r\n\r\n  useEffect(() => {\r\n    footerAnimations.current = {\r\n      toggleFooter: isOpen => {\r\n        gsap\r\n          .timeline()\r\n          .to(q(\".footer-container\"), {\r\n            y: isOpen ? \"0\" : \"100vh\",\r\n            //ease: isOpen ? \"expo.out\" : \"power1.in\",\r\n            duration: 0.5,\r\n          })\r\n          .to(\r\n            q(\".footer-circle\"),\r\n            {\r\n              borderRadius: isOpen ? \"0\" : \"50%\",\r\n              //ease: isOpen ? \"power1.in\" : \"expo.out\",\r\n              duration: 0.3,\r\n            },\r\n            0\r\n          )\r\n      },\r\n      toggleShowMore: isOpen => {\r\n        gsap.to(q(\".footer-circle\"), {\r\n          borderRadius: isOpen ? \"0\" : \"50%\",\r\n          ease: isOpen ? \"power1.in\" : \"expo.out\",\r\n          duration: 0.3,\r\n        })\r\n      },\r\n    }\r\n  }, [])\r\n\r\n  function handleFooterToggle() {\r\n    setIsFooterOpen(x => {\r\n      footerAnimations.current.toggleFooter(!x)\r\n      return !x\r\n    })\r\n  }\r\n\r\n  function handleShowMoreToggle() {\r\n    setIsShowMore(x => {\r\n      footerAnimations.current.toggleShowMore(!x)\r\n      return !x\r\n    })\r\n  }\r\n\r\n  function handleFooterClose() {\r\n    setIsFooterOpen(x => {\r\n      footerAnimations.current.toggleFooter(false)\r\n      return false\r\n    })\r\n  }\r\n\r\n  function handleFooterOpen() {\r\n    setIsFooterOpen(x => {\r\n      footerAnimations.current.toggleFooter(true)\r\n      return true\r\n    })\r\n  }\r\n\r\n  function handleShowBackToTop(show = false) {\r\n    setIsShowBackToTop(show)\r\n  }\r\n\r\n  return {\r\n    footerRef,\r\n    isFooterOpen,\r\n    isShowMore,\r\n    isShowBackToTop,\r\n    handleFooterToggle,\r\n    handleShowMoreToggle,\r\n    handleFooterOpen,\r\n    handleFooterClose,\r\n    handleShowBackToTop,\r\n  }\r\n}\r\n","import React, {\r\n  useState,\r\n  useEffect,\r\n  useRef,\r\n  useContext,\r\n  createContext,\r\n} from \"react\"\r\nimport { gsap } from \"gsap\"\r\nimport { useFooter } from \"hooks/useFooter\"\r\n\r\nconst Context = createContext()\r\n\r\n// Provider component that wraps your app and makes our object\r\n// available to any child component\r\nexport function NavProvider({ children }) {\r\n  const value = useProvider()\r\n  return <Context.Provider value={value}>{children}</Context.Provider>\r\n}\r\n\r\n// Hook for child components to get the object\r\n// and re-render when it changes\r\nexport const useNav = () => {\r\n  return useContext(Context)\r\n}\r\n\r\nconst navItemData = [\r\n  {\r\n    title: \"About us\",\r\n    url: \"/about-us\",\r\n    image: require(\"assets/images/aboutus.jpg\"),\r\n  },\r\n  {\r\n    title: \"Meet the team\",\r\n    url: \"/meet-the-team\",\r\n    image: require(\"assets/images/meettheteam.jpg\"),\r\n  },\r\n  {\r\n    title: \"Our projects\",\r\n    url: \"/projects\",\r\n    image: require(\"assets/images/ourprojects.jpg\"),\r\n  },\r\n  {\r\n    title: \"Data x Creativity\",\r\n    url: \"/data-x-creativity\",\r\n    image: require(\"assets/images/architect-vr.jpg\"),\r\n  },\r\n  {\r\n    title: \"Environment\",\r\n    url: \"/environment\",\r\n    image: require(\"assets/images/environment.jpg\"),\r\n  },\r\n  {\r\n    title: \"Contact\",\r\n    url: \"/contact\",\r\n    image: require(\"assets/images/contact.jpg\"),\r\n    isContact: true,\r\n  },\r\n]\r\n\r\nfunction useProvider() {\r\n  const animationRunning = useRef(false)\r\n  const navRef = useRef()\r\n  const navItemRef = useRef(navItemData)\r\n  const navItemHoverCount = useRef(0)\r\n  const q = gsap.utils.selector(navRef)\r\n  const navAnimations = useRef()\r\n  const [isNavOpen, setIsNavOpen] = useState(false)\r\n  const { handleFooterClose } = useFooter()\r\n  const [isNavAnimating, setIsNavAnimating] = useState(false)\r\n\r\n  useEffect(() => {\r\n    navAnimations.current = {\r\n      openNav: () => {\r\n        animationRunning.current = true\r\n\r\n        setIsNavAnimating(true)\r\n        handleFooterClose()\r\n\r\n        gsap\r\n          .timeline()\r\n          .to(q(\".nav-circle-overlay\"), {\r\n            r: 0,\r\n            duration: 0.8,\r\n            onComplete: () => {\r\n              document.body.classList.add(\"hide-main\")\r\n            },\r\n          })\r\n          .to(q(\".nav-link\"), {\r\n            y: 0,\r\n            stagger: 0.2,\r\n            ease: \"power3.out\",\r\n            onComplete: () => {\r\n              animationRunning.current = false\r\n              setIsNavAnimating(false)\r\n            },\r\n          })\r\n      },\r\n      closeNav: () => {\r\n        animationRunning.current = true\r\n        setIsNavAnimating(true)\r\n        document.body.classList.remove(\"hide-main\")\r\n\r\n        gsap\r\n          .timeline()\r\n          .set(q(\".nav-image\"), {\r\n            display: \"none\",\r\n          })\r\n          .set(q(\".nav-image-primary\"), {\r\n            display: \"none\",\r\n          })\r\n          .set(q(\".nav-circle\"), {\r\n            display: \"none\",\r\n          })\r\n          .to(\r\n            q(\".nav-link\"),\r\n            {\r\n              y: \"100%\",\r\n              stagger: 0.1,\r\n              reversed: true,\r\n              ease: \"power3.in\",\r\n            },\r\n            0\r\n          )\r\n          .set(q(\".nav-circle\"), { display: \"none\" })\r\n          .to(q(\".nav-circle-overlay\"), {\r\n            r: \"60%\",\r\n            duration: 0.6,\r\n            onComplete: () => {\r\n              setIsNavAnimating(false)\r\n              setIsNavOpen(false)\r\n              navItemHoverCount.current = 0\r\n              animationRunning.current = false\r\n\r\n              gsap.set(q(\".nav-image\"), {\r\n                clipPath: \"polygon(0 0,0 0,0 100%,0% 100%)\",\r\n                display: \"block\",\r\n              })\r\n              gsap.set(q(\".nav-image-primary\"), {\r\n                clipPath: \"polygon(0 0,0 0,0 100%,0% 100%)\",\r\n                display: \"block\",\r\n              })\r\n            },\r\n          })\r\n      },\r\n      navImageIn: callback => {\r\n        if (navItemHoverCount.current === 0) {\r\n          callback(true)\r\n\r\n          gsap\r\n            .timeline()\r\n            .set(q(\".nav-circle\"), { display: \"block\" })\r\n            .fromTo(\r\n              q(\".nav-circle\"),\r\n              {\r\n                x: -200,\r\n              },\r\n              {\r\n                x: 0,\r\n                opacity: 1,\r\n                ease: \"expo.out\",\r\n                duration: 1,\r\n              }\r\n            )\r\n            .to(\r\n              q(\".nav-image\"),\r\n              {\r\n                clipPath: \"polygon(0 0, 100% 0, 100% 100%, 0 100%)\",\r\n              },\r\n              0.2\r\n            )\r\n\r\n          navItemHoverCount.current += 1\r\n        } else {\r\n          callback()\r\n\r\n          gsap\r\n            .timeline()\r\n            .to(q(\".nav-circle\"), {\r\n              x: 30,\r\n            })\r\n            .to(q(\".nav-circle\"), {\r\n              x: 0,\r\n              ease: \"expo.out\",\r\n              duration: 1,\r\n            })\r\n\r\n          gsap\r\n            .timeline()\r\n            .to(q(\".nav-image-primary\"), {\r\n              clipPath: \"polygon(0 0, 100% 0, 100% 100%, 0 100%)\",\r\n              onComplete: () => callback(true),\r\n            })\r\n            .set(q(\".nav-image-primary\"), {\r\n              clipPath: \"polygon(0 0, 0 0, 0 100%, 0% 100%)\",\r\n            })\r\n        }\r\n      },\r\n    }\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    if (isNavOpen) navAnimations.current.openNav()\r\n  }, [isNavOpen])\r\n\r\n  function handleNavOpen() {\r\n    if (animationRunning.current) return\r\n\r\n    document.body.classList.toggle(\"nav-open\")\r\n    setIsNavOpen(true)\r\n  }\r\n\r\n  async function handleNavClose() {\r\n    //if (animationRunning.current) return\r\n\r\n    document.body.classList.remove(\"nav-open\")\r\n    navAnimations.current.closeNav()\r\n  }\r\n\r\n  function handleNavToggle() {\r\n    if (isNavOpen) return handleNavClose()\r\n\r\n    handleNavOpen()\r\n  }\r\n\r\n  function handleNavItemHover(item) {\r\n    if (animationRunning.current) return\r\n\r\n    navAnimations.current.navImageIn(isFirstCallback => {\r\n      if (isFirstCallback) {\r\n        const image = document.querySelector(\".nav-image\")\r\n        image.src = item.image\r\n      } else {\r\n        const image = document.querySelector(\".nav-image-primary\")\r\n        image.src = item.image\r\n      }\r\n    })\r\n  }\r\n\r\n  return {\r\n    navRef,\r\n    navAnimations,\r\n    isNavOpen,\r\n    isNavAnimating,\r\n    navItems: navItemRef.current,\r\n    handleNavOpen,\r\n    handleNavClose,\r\n    handleNavToggle,\r\n    handleNavItemHover,\r\n  }\r\n}\r\n","import React from \"react\"\r\n\r\nfunction NavOverlay() {\r\n  return (\r\n    <svg\r\n      viewBox=\"0 0 200 200\"\r\n      preserveAspectRatio=\"xMidYMid slice\"\r\n      width=\"100%\"\r\n      height=\"100%\"\r\n    >\r\n      <defs>\r\n        <mask id=\"mask\" x=\"0\" y=\"0\" width=\"80\" height=\"30\">\r\n          <rect x=\"0\" y=\"0\" width=\"100%\" height=\"100vh\" fill=\"#fff\" />\r\n          <circle cx=\"50%\" cy=\"50%\" r=\"100%\" className=\"nav-circle-overlay\" />\r\n        </mask>\r\n      </defs>\r\n      <rect\r\n        x=\"0\"\r\n        y=\"0\"\r\n        width=\"100vw\"\r\n        height=\"100vh\"\r\n        mask=\"url(#mask)\"\r\n        fill=\"#fcfcfc\"\r\n      />\r\n    </svg>\r\n  )\r\n}\r\n\r\nexport default NavOverlay\r\n","import * as React from \"react\"\r\n\r\nconst SvgComponent = ({ className = \"\", ...rest }) => (\r\n  <svg\r\n    width={1195}\r\n    height={899}\r\n    fill=\"none\"\r\n    viewBox=\"0 0 1195 899\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    className={`nav-circle ${className}`}\r\n    {...rest}\r\n  >\r\n    <path\r\n      fill=\"#F2F2F2\"\r\n      d=\"M192.908-209.1c-393.564 0-702.003 307.41-702.542 700.108-.539 379.472 311.403 694.172 688.265 694.172 385.482 0 702.003-312.001 702.272-692.553.539-382.711-312.211-701.727-687.995-701.457v-.27ZM-824 487.229C-824-82.519-376.291-525.687 200.72-522.988 717.929-520.559 1194.73-105.73 1195 489.118c0 583.512-472.492 1016.962-1026.336 1011.832-547.38-5.12-992.933-455.85-992.664-1013.721Z\"\r\n    />\r\n    <path\r\n      fill=\"#fcfcfc\"\r\n      d=\"M-590 506.703c0-417.74 328.187-742.673 751.157-740.694C540.29-232.21 889.802 71.944 890 508.088c0 427.833-346.354 745.642-752.341 741.882-401.25-3.76-727.856-334.234-727.659-743.267Z\"\r\n    />\r\n  </svg>\r\n)\r\n\r\nexport default SvgComponent\r\n","import { gsap } from \"gsap\"\r\n\r\nexport function parallaxIt(\r\n  e,\r\n  target,\r\n  movement,\r\n  ease = \"Power2.easeOut\",\r\n  duration = 1\r\n) {\r\n  const $this = document.querySelector(\"#root\")\r\n\r\n  const relX = e.pageX - $this.offsetLeft\r\n  const relY = e.pageY - $this.offsetTop\r\n\r\n  gsap.to(target, {\r\n    x: ((relX - $this.offsetWidth / 2) / $this.offsetWidth) * movement,\r\n    y: ((relY - $this.offsetHeight / 2) / $this.offsetHeight) * movement,\r\n    ease,\r\n    duration,\r\n  })\r\n}\r\n\r\nexport function attachIt(e, target, container) {\r\n  const $this = document.querySelector(container)\r\n  const width = $this.offsetWidth\r\n  const height = $this.offsetHeight\r\n\r\n  const relX = e.pageX - $this.offsetLeft\r\n  const relY = e.pageY - $this.offsetTop\r\n\r\n  gsap.to(target, {\r\n    x: ((relX - width / 2) / width) * width,\r\n    y: ((relY - height / 2) / height) * height,\r\n    ease: \"Power2.easeOut\",\r\n    duration: 0.3,\r\n  })\r\n}\r\n\r\nexport function enlargeCursorSize() {\r\n  document.body.classList.add(\"is-cursor-large\")\r\n}\r\n\r\nexport function resetCursorSize() {\r\n  document.body.classList.remove(\"is-cursor-large\")\r\n}\r\n","import React from \"react\"\r\nimport styled from \"styled-components\"\r\nimport { useHistory } from \"react-router-dom\"\r\nimport MenuIcon from \"components/svg/MenuIcon\"\r\nimport Link from \"components/common/Link\"\r\nimport { useNav } from \"hooks/useNav\"\r\nimport NavOverlay from \"components/svg/NavOverlay\"\r\nimport NavCircle from \"components/svg/NavCircle\"\r\nimport Logo from \"components/svg/DefaultLogo\"\r\nimport { enlargeCursorSize, resetCursorSize } from \"utils/animationUtil\"\r\nimport vars from \"styles/variables\"\r\nimport { useFooter } from \"hooks/useFooter\"\r\n\r\nfunction MainNav() {\r\n  const history = useHistory()\r\n\r\n  const {\r\n    navRef,\r\n    isNavOpen,\r\n    navItems,\r\n    handleNavToggle,\r\n    handleNavClose,\r\n    handleNavItemHover,\r\n  } = useNav()\r\n\r\n  const { handleFooterOpen } = useFooter()\r\n\r\n  function handleNavClick(item) {\r\n    handleNavClose()\r\n\r\n    if (item.url === \"/contact\") handleFooterOpen()\r\n    else history.push(item.url)\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <nav ref={navRef}>\r\n        <StyledMenuIcon\r\n          onClick={handleNavToggle}\r\n          onMouseEnter={enlargeCursorSize}\r\n          onMouseLeave={resetCursorSize}\r\n        />\r\n\r\n        <StyledOverlay\r\n          className=\"nav-overlay\"\r\n          isNavOpen={isNavOpen}\r\n          onClick={handleNavClose}\r\n        >\r\n          <NavOverlay />\r\n          <StyledNav className=\"nav\">\r\n            {navItems.map((item, index) => (\r\n              <StyledNavItemContainer\r\n                key={index}\r\n                className=\"nav-link-container\"\r\n              >\r\n                <StyledNavItem\r\n                  className=\"nav-link\"\r\n                  onClick={() => handleNavClick(item)}\r\n                  onMouseEnter={() => {\r\n                    enlargeCursorSize()\r\n                    handleNavItemHover(item)\r\n                  }}\r\n                  onMouseLeave={resetCursorSize}\r\n                >\r\n                  {item.title}\r\n                </StyledNavItem>\r\n              </StyledNavItemContainer>\r\n            ))}\r\n          </StyledNav>\r\n          <StyledNavCircle />\r\n          <StyledNavImage className=\"nav-image\" />\r\n          <StyledNavImage className=\"nav-image-primary\" />\r\n        </StyledOverlay>\r\n      </nav>\r\n      <Link\r\n        // to=\"/\"\r\n        onClick={() => {\r\n          handleNavClose()\r\n          window.location.href = \"/\"\r\n        }}\r\n        onMouseEnter={enlargeCursorSize}\r\n        onMouseLeave={resetCursorSize}\r\n      >\r\n        <StyledLogo />\r\n      </Link>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default MainNav\r\n\r\nconst StyledOverlay = styled.div`\r\n  display: ${props => (props.isNavOpen ? \"block\" : \"none\")};\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  z-index: 200;\r\n  overflow: hidden;\r\n`\r\n\r\nconst StyledNav = styled.div`\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  margin: 120px 0 0 75px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  z-index: 10;\r\n\r\n  &:hover {\r\n    .nav-link-container {\r\n      opacity: 0.2;\r\n    }\r\n  }\r\n`\r\n\r\nconst StyledNavItemContainer = styled.div`\r\n  overflow: hidden;\r\n  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n  transform-origin: 0 50%;\r\n\r\n  &:hover {\r\n    transform: scale(1.2);\r\n    opacity: 1 !important;\r\n  }\r\n`\r\n\r\nconst StyledNavItem = styled(Link)`\r\n  font-size: 20px;\r\n  display: block;\r\n  transform: translate(0px, 100%);\r\n  padding: 20px 0;\r\n  line-height: 1;\r\n`\r\nconst StyledNavImage = styled.img`\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  width: 70vw;\r\n  height: 100vh;\r\n  object-fit: cover;\r\n  clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);\r\n\r\n  &.nav-image-primary {\r\n    z-index: 2;\r\n  }\r\n\r\n  @media (max-width: ${vars.screen_md_max}) {\r\n    display: none !important;\r\n  }\r\n`\r\n\r\nconst StyledNavCircle = styled(NavCircle)`\r\n  position: absolute;\r\n  top: 0;\r\n  right: 50vw;\r\n  z-index: 5;\r\n  height: 100%;\r\n  display: none;\r\n\r\n  @media (max-width: ${vars.screen_lg_max}) {\r\n    right: 46vw;\r\n  }\r\n\r\n  @media (max-width: ${vars.screen_md_max}) {\r\n    display: none !important;\r\n  }\r\n`\r\n\r\nconst StyledMenuIcon = styled(MenuIcon)`\r\n  position: relative;\r\n  z-index: 220;\r\n  margin-left: 15px;\r\n`\r\n\r\nconst StyledLogo = styled(Logo)`\r\n  position: relative;\r\n  z-index: 220;\r\n  margin-left: 25px;\r\n`\r\n","import React from \"react\"\r\nimport styled from \"styled-components\"\r\nimport MainNav from \"components/core/MainNav\"\r\n\r\nfunction Header() {\r\n  return (\r\n    <StyledHeader data-scroll-section>\r\n      <MainNav />\r\n    </StyledHeader>\r\n  )\r\n}\r\n\r\nexport default Header\r\n\r\nconst StyledHeader = styled.header`\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 290;\r\n  height: 100px;\r\n  display: flex;\r\n  align-items: center;\r\n`\r\n","import vars from \"styles/variables\"\r\nimport { createGlobalStyle, css } from \"styled-components\"\r\n\r\nexport const HideBodyOverflow = createGlobalStyle`\r\n  body{\r\n    overflow: hidden;\r\n  }\r\n`\r\n\r\nconst styles = css`\r\n  *,\r\n  *:focus,\r\n  *:hover {\r\n    outline: none;\r\n  }\r\n\r\n  @media (min-width: ${vars.screen_lg_min}) {\r\n    html,\r\n    body {\r\n      &,\r\n      * {\r\n        cursor: none !important;\r\n      }\r\n    }\r\n  }\r\n\r\n  body {\r\n    height: 100vh;\r\n    margin: 0;\r\n    font-family: ${vars.primaryFont};\r\n    background: ${vars.white};\r\n    color: ${vars.black};\r\n    font-size: 16px;\r\n    -webkit-font-smoothing: antialiased;\r\n    text-rendering: geometricPrecision;\r\n\r\n    &.is-cursor-large {\r\n      .app-cursor-inner {\r\n        transform: scale(2);\r\n      }\r\n    }\r\n\r\n    &.hide-main {\r\n      main {\r\n        opacity: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  #cursor {\r\n    --size: 27px;\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    height: var(--size);\r\n    width: var(--size);\r\n    background-color: #f1f1f1;\r\n    border-radius: 50%;\r\n    transform: translate3d(\r\n      calc(100vw * var(--cursor-x) - var(--size) / 2),\r\n      calc(100vh * var(--cursor-y) - var(--size) / 2),\r\n      0\r\n    );\r\n    pointer-events: none;\r\n    z-index: 999999;\r\n    mix-blend-mode: difference;\r\n\r\n    .app-cursor-inner {\r\n      transition: all 400ms cubic-bezier(0.77, 0, 0.175, 1);\r\n      border-radius: 50%;\r\n      width: 30px;\r\n      height: 30px;\r\n      background: #f1f1f1;\r\n    }\r\n\r\n    @media (max-width: ${vars.screen_md_max}) {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  .nav-open {\r\n    overflow: hidden;\r\n  }\r\n\r\n  textarea {\r\n    font-family: ${vars.primaryFont};\r\n  }\r\n\r\n  main {\r\n    flex-grow: 1;\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  h1,\r\n  h2,\r\n  h3 {\r\n    margin-top: 0;\r\n    font-weight: bold;\r\n  }\r\n\r\n  h1 {\r\n    font-size: 32px;\r\n  }\r\n\r\n  h2 {\r\n    font-size: 24px;\r\n  }\r\n\r\n  .font-secondary {\r\n    font-family: ${vars.secondaryFont};\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n    color: ${vars.black};\r\n  }\r\n\r\n  p {\r\n    margin-top: 0;\r\n  }\r\n\r\n  .error-text {\r\n    color: ${vars.red};\r\n  }\r\n\r\n  .full-width,\r\n  .w-100 {\r\n    width: 100%;\r\n  }\r\n\r\n  .img-fluid {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .img-circle {\r\n    border-radius: 50%;\r\n  }\r\n\r\n  .cursor-pointer {\r\n    cursor: pointer;\r\n  }\r\n\r\n  .heading {\r\n    border-left: 16px solid transparent;\r\n    padding-left: 8px;\r\n    position: relative;\r\n\r\n    :before {\r\n      content: \"\";\r\n      width: 16px;\r\n      height: calc(100% - 10px);\r\n      top: 5px;\r\n      left: -16px;\r\n      position: absolute;\r\n      background: ${vars.primary};\r\n    }\r\n  }\r\n\r\n  .list-unstyled {\r\n    padding-left: 0;\r\n    list-style: none;\r\n    margin: 0;\r\n  }\r\n\r\n  .slick-slide div {\r\n    outline: none;\r\n  }\r\n\r\n  hr {\r\n    border: none;\r\n    border-bottom: 1px solid ${vars.grey_500};\r\n  }\r\n\r\n  .box-hover {\r\n    .img {\r\n      width: 100%;\r\n      height: 100%;\r\n      object-fit: cover;\r\n      /* display: block; */\r\n      transition: ease-in-out 500ms;\r\n    }\r\n\r\n    &:hover {\r\n      color: ${vars.white};\r\n\r\n      .img {\r\n        filter: blur(3px);\r\n        transform: scale(1.1);\r\n      }\r\n    }\r\n  }\r\n\r\n  .react-loading-skeleton::after {\r\n    top: 0;\r\n  }\r\n\r\n  ${[1, 2, 3, 4, 5].map(\r\n    x => `.bg-grey_${x}00 { background-color: ${vars[`grey_${x}00`]}; }`\r\n  )}\r\n\r\n  .sticky {\r\n    position: sticky;\r\n    top: 1.5rem;\r\n  }\r\n\r\n  .overflow-hidden {\r\n    overflow: hidden;\r\n  }\r\n\r\n  .animate-slide-down {\r\n    transform: translateY(-100%);\r\n    -webkit-transform: translateY(-100%);\r\n\r\n    animation: slide-in-horizontal 0.5s forwards;\r\n    -webkit-animation: slide-in-horizontal 0.5s forwards;\r\n  }\r\n\r\n  .animate-slide-in-left {\r\n    transform: translateX(-100%);\r\n    -webkit-transform: translateX(-100%);\r\n\r\n    animation: slide-in-vertical 0.5s forwards;\r\n    -webkit-animation: slide-in-vertical 0.5s forwards;\r\n  }\r\n\r\n  .animate-slide-in-right {\r\n    transform: translateX(100%);\r\n    -webkit-transform: translateX(100%);\r\n\r\n    animation: slide-in-vertical 0.5s forwards;\r\n    -webkit-animation: slide-in-vertical 0.5s forwards;\r\n  }\r\n\r\n  @keyframes slide-in-vertical {\r\n    100% {\r\n      transform: translateX(0%);\r\n    }\r\n  }\r\n\r\n  @keyframes slide-in-horizontal {\r\n    100% {\r\n      transform: translateX(0%);\r\n    }\r\n  }\r\n\r\n  .animate-fade-in {\r\n    animation: fade-in 0.5s forwards;\r\n  }\r\n\r\n  @keyframes fade-in {\r\n    0% {\r\n      opacity: 0;\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  .max-width-500 {\r\n    max-width: 500px;\r\n  }\r\n\r\n  .margin-center {\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n  }\r\n\r\n  .fs-14px {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .primary-button {\r\n    font-size: 16px;\r\n    height: 42px;\r\n    display: inline-flex;\r\n    -webkit-box-pack: center;\r\n    justify-content: center;\r\n    -webkit-box-align: center;\r\n    align-items: center;\r\n    text-decoration: none;\r\n    padding: 0px 1.5rem;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n    border: none;\r\n    color: rgb(255, 255, 255);\r\n    opacity: 1;\r\n    transition: all 200ms ease-in-out 0s;\r\n    background: rgb(0, 168, 216);\r\n    border-radius: 0px;\r\n    font-family: sans-serif;\r\n    font-weight: normal;\r\n    text-transform: uppercase;\r\n    position: relative;\r\n    user-select: none;\r\n    z-index: 10;\r\n\r\n    &:hover,\r\n    &:disabled,\r\n    &[disabled] {\r\n      background: ${vars.primaryDark};\r\n    }\r\n  }\r\n\r\n  .text-nowrap {\r\n    white-space: nowrap;\r\n  }\r\n\r\n  .reveal-up {\r\n    clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0 100%);\r\n    transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1);\r\n\r\n    &.is-reveal {\r\n      opacity: 1;\r\n      clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);\r\n    }\r\n  }\r\n\r\n  .reveal-left {\r\n    clip-path: polygon(0 100%, 0 100%, 0 0, 0 0);\r\n    transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1);\r\n\r\n    &.is-reveal {\r\n      opacity: 1;\r\n      clip-path: polygon(100% 100%, 0 100%, 0 0, 100% 0);\r\n    }\r\n  }\r\n\r\n  .reveal-right {\r\n    clip-path: polygon(100% 100%, 100% 100%, 100% 0, 100% 0);\r\n    transition: clip-path 1s cubic-bezier(0.77, 0, 0.175, 1);\r\n\r\n    &.is-reveal {\r\n      opacity: 1;\r\n      clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);\r\n    }\r\n  }\r\n\r\n  .reveal-circle {\r\n    clip-path: circle(10%);\r\n    transition: clip-path 1.8s cubic-bezier(0.77, 0, 0.175, 1);\r\n\r\n    &.is-reveal {\r\n      opacity: 1;\r\n      clip-path: circle(100%);\r\n    }\r\n  }\r\n`\r\n\r\nexport default createGlobalStyle`\r\n  ${styles}\r\n`\r\n","import * as React from \"react\"\r\n\r\nconst ArrowUpIcon = props => (\r\n  <svg\r\n    width={8}\r\n    height={9}\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M4.354.646a.5.5 0 0 0-.708 0L.464 3.828a.5.5 0 1 0 .708.708L4 1.707l2.828 2.829a.5.5 0 1 0 .708-.708L4.354.646ZM4.5 9V1h-1v8h1Z\"\r\n      fill=\"#fff\"\r\n    />\r\n  </svg>\r\n)\r\n\r\nexport default ArrowUpIcon\r\n","import React from \"react\"\r\nimport PropTypes from \"prop-types\"\r\nimport { Controller } from \"react-hook-form\"\r\nimport styled from \"styled-components\"\r\nimport { Col, Row } from \"reactstrap\"\r\nimport vars from \"styles/variables\"\r\n\r\nconst TextField = React.forwardRef((props, ref) => {\r\n  const {\r\n    control,\r\n    label,\r\n    error,\r\n    defaultValue,\r\n    name,\r\n    rules,\r\n    required,\r\n    margin = \"0 0 1.5rem 0\",\r\n    multiline,\r\n    ...rest\r\n  } = props\r\n\r\n  return (\r\n    <StyledTextFieldContainer margin={margin}>\r\n      <Row className=\"justify-content-between\">\r\n        {label && (\r\n          <Col xs=\"auto\">\r\n            <label className=\"mb-1 d-inline-block\">{label}</label>\r\n          </Col>\r\n        )}\r\n        {error && (\r\n          <Col xs=\"auto\" className=\"text-danger mb-1\">\r\n            <div className=\"overflow-hidden\">\r\n              <div className=\"animate-slide-in-right\">\r\n                {error.type === \"required\" ? \"Required\" : error.message}\r\n              </div>\r\n            </div>\r\n          </Col>\r\n        )}\r\n      </Row>\r\n      <Controller\r\n        control={control}\r\n        name={name}\r\n        defaultValue={defaultValue}\r\n        rules={{ required, ...rules }}\r\n        render={({ field: { onChange, onBlur, value } }) => (\r\n          <StyledTextField\r\n            ref={ref}\r\n            as={multiline ? \"textarea\" : \"input\"}\r\n            rows={6}\r\n            type=\"text\"\r\n            onBlur={onBlur}\r\n            onChange={value => onChange(value)}\r\n            value={value || \"\"}\r\n            error={error}\r\n            multiline={multiline}\r\n            {...rest}\r\n          />\r\n        )}\r\n      />\r\n    </StyledTextFieldContainer>\r\n  )\r\n})\r\n\r\nexport default TextField\r\n\r\nTextField.propTypes = {\r\n  name: PropTypes.string.isRequired,\r\n  label: PropTypes.string,\r\n  error: PropTypes.object,\r\n  defaultValue: PropTypes.string,\r\n  rules: PropTypes.object,\r\n  required: PropTypes.bool,\r\n  transparent: PropTypes.bool,\r\n}\r\n\r\nconst StyledTextFieldContainer = styled.div`\r\n  margin: ${props => props.margin};\r\n`\r\n\r\nconst StyledTextField = styled.input`\r\n  border: 1px solid\r\n    ${props => (props.error ? `${vars.red} !important` : vars.black)};\r\n  padding: 10px;\r\n  width: 100%;\r\n  padding: 10px;\r\n  ${props => !props.multiline && \"height: 50px;\"}\r\n  font-family: ${vars.primaryFont};\r\n  font-size: 1rem;\r\n  transition: ease-in-out 300ms;\r\n  border-radius: 20px;\r\n\r\n  &:focus {\r\n    border-color: ${vars.primary};\r\n  }\r\n\r\n  &::placeholder {\r\n    color: ${vars.grey_500};\r\n    opacity: 1;\r\n  }\r\n`\r\n","import React from \"react\"\r\nimport styled, { css } from \"styled-components\"\r\nimport { Link } from \"react-router-dom\"\r\nimport vars from \"styles/variables\"\r\nimport LoadingIcon from \"components/common/LoadingIcon\"\r\n\r\nconst Button = ({\r\n  children,\r\n  isLoading,\r\n  styleType = \"primary\",\r\n  type = \"button\",\r\n  to,\r\n  isFullWidth,\r\n  isLarge,\r\n  minWidth,\r\n  ...other\r\n}) => {\r\n  if (!to) {\r\n    // No property for 'to' has been passed, return a form button\r\n    return (\r\n      <StyledButtonContainer isFullWidth={isFullWidth}>\r\n        <StyledButton\r\n          styleType={styleType}\r\n          type={type}\r\n          isLoading={isLoading}\r\n          disabled={isLoading}\r\n          isFullWidth={isFullWidth}\r\n          isLarge={isLarge}\r\n          minWidth={minWidth}\r\n          {...other}\r\n        >\r\n          <span className=\"button-text\">{children}</span>\r\n          <StyledLoadingContainer isLoading={isLoading}>\r\n            <LoadingIcon />\r\n          </StyledLoadingContainer>\r\n        </StyledButton>\r\n      </StyledButtonContainer>\r\n    )\r\n  } else {\r\n    // The 'to' property has a value, retrun an internal or external link.\r\n    // The below regex assumes that any internal link will start with exactly one slash, and that anything else is external.\r\n    const internal = /^\\/(?!\\/)/.test(to)\r\n\r\n    if (internal) {\r\n      return (\r\n        <StyledButtonContainer isFullWidth={isFullWidth}>\r\n          <StyledButton\r\n            as={({\r\n              styleType,\r\n              isLoading,\r\n              isFullWidth,\r\n              isLarge,\r\n              minWidth,\r\n              ...rest\r\n            }) => <Link {...rest} />}\r\n            to={to}\r\n            styleType={styleType}\r\n            isFullWidth={isFullWidth}\r\n            isLarge={isLarge}\r\n            minWidth={minWidth}\r\n            {...other}\r\n          >\r\n            {children}\r\n          </StyledButton>\r\n        </StyledButtonContainer>\r\n      )\r\n    } else {\r\n      return (\r\n        <StyledButtonContainer isFullWidth={isFullWidth}>\r\n          <StyledButton\r\n            as=\"a\"\r\n            href={to}\r\n            styleType={styleType}\r\n            isFullWidth={isFullWidth}\r\n            isLarge={isLarge}\r\n            minWidth={minWidth}\r\n            {...other}\r\n          >\r\n            {children}\r\n          </StyledButton>\r\n        </StyledButtonContainer>\r\n      )\r\n    }\r\n  }\r\n}\r\n\r\nexport default Button\r\n\r\nconst StyledButtonContainer = styled.div`\r\n  display: inline-block;\r\n  position: relative;\r\n  ${props => (props.isFullWidth ? \"width:100%;\" : \"\")}\r\n`\r\n\r\nconst ButtonStyle = css`\r\n  font-size: ${props => (props.isLarge ? \"18px\" : \"16px\")};\r\n  height: ${props => (props.isLarge ? \"48px\" : \"42px\")};\r\n  ${props => (props.isFullWidth ? \"width:100%;\" : \"\")}\r\n  ${props => (props.minWidth ? `min-width:${props.minWidth}px;` : \"\")}\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  padding: 0 1.5rem;\r\n  cursor: pointer;\r\n  line-height: 1;\r\n  border: 1px solid ${vars.white};\r\n  border-radius: 20px;\r\n  color: ${vars.white};\r\n  opacity: 1;\r\n  transition: ease-in-out 500ms;\r\n  background: ${props =>\r\n    props.styleType === \"black\" ? vars.black : vars.grey_700};\r\n  font-family: ${vars.primaryFont};\r\n  font-weight: normal;\r\n  text-transform: uppercase;\r\n  position: relative;\r\n  user-select: none;\r\n  z-index: 10;\r\n\r\n  .button-text {\r\n    visibility: ${props => (props.isLoading ? \"hidden\" : \"visible\")};\r\n  }\r\n\r\n  &:hover,\r\n  &:disabled,\r\n  &[disabled] {\r\n    background: ${vars.grey_600};\r\n  }\r\n`\r\n\r\nconst StyledButton = styled(\r\n  ({ styleType, isLoading, isFullWidth, isLarge, minWidth, ...rest }) => (\r\n    <button {...rest} />\r\n  )\r\n)`\r\n  ${ButtonStyle}\r\n`\r\nconst StyledLoadingContainer = styled.span`\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  justify-content: center;\r\n  align-items: center;\r\n  display: ${props => (props.isLoading ? \"flex\" : \"none\")};\r\n`\r\n","import React, { useRef, useEffect, useState } from \"react\"\r\nimport { useForm } from \"react-hook-form\"\r\nimport { Col, Row } from \"reactstrap\"\r\nimport TextField from \"components/common/TextField\"\r\nimport Button from \"components/common/Button\"\r\nimport { toastSuccess } from \"utils/toastUtil\"\r\nimport { submitContactForm } from \"services/contactService\"\r\n\r\nfunction ContactForm({ handleFooterToggle }) {\r\n  const isMounted = useRef(true)\r\n  const [isSubmitLoading, setIsSubmitLoading] = useState(false)\r\n  const { control, handleSubmit, formState, reset } = useForm({\r\n    mode: \"onChange\",\r\n  })\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      isMounted.current = false\r\n    }\r\n  }, [])\r\n\r\n  async function onSubmit(formData) {\r\n    setIsSubmitLoading(true)\r\n    await submitContactForm(formData)\r\n\r\n    reset()\r\n    setIsSubmitLoading(false)\r\n    handleFooterToggle()\r\n    toastSuccess(\"Thank you, we will be in touch\")\r\n  }\r\n\r\n  return (\r\n    <form id=\"contact-form\" onSubmit={handleSubmit(onSubmit)}>\r\n      <Row>\r\n        <Col xs=\"12\" sm=\"6\">\r\n          <TextField\r\n            required\r\n            control={control}\r\n            name=\"name\"\r\n            error={formState.errors.name}\r\n            placeholder=\"Name...\"\r\n          />\r\n        </Col>\r\n        <Col>\r\n          <TextField\r\n            required\r\n            control={control}\r\n            name=\"email\"\r\n            error={formState.errors.email}\r\n            placeholder=\"Email...\"\r\n          />\r\n        </Col>\r\n      </Row>\r\n\r\n      <TextField\r\n        required\r\n        control={control}\r\n        name=\"message\"\r\n        error={formState.errors.message}\r\n        placeholder=\"Message...\"\r\n        multiline\r\n      />\r\n\r\n      <Button type=\"submit\" isLoading={isSubmitLoading} isFullWidth>\r\n        Enquire Now\r\n      </Button>\r\n    </form>\r\n  )\r\n}\r\n\r\nexport default ContactForm\r\n","import axios from \"axios\"\r\n\r\nexport async function submitContactForm(formData) {\r\n  try {\r\n    const response = await axios.post(\r\n      `${process.env.REACT_APP_BASE_URL}/contact`,\r\n      formData,\r\n      {\r\n        headers: {\r\n          \"Content-Type\": \"application/json\",\r\n        },\r\n      }\r\n    )\r\n\r\n    if (response.status === 200) {\r\n      return response.data\r\n    } else {\r\n      console.error(\"Request failed:\", response)\r\n      return { success: false, message: \"Unexpected response status\" }\r\n    }\r\n  } catch (error) {\r\n    console.error(\"Error submitting contact form:\", error)\r\n    return { success: false, message: error.response?.data || error.message }\r\n  }\r\n}\r\n","import * as React from \"react\"\r\n\r\nfunction LinkedInIcon({ color = \"#242424\", ...rest }) {\r\n  return (\r\n    <svg width={27} height={27} xmlns=\"http://www.w3.org/2000/svg\" {...rest}>\r\n      <circle cx={13.5} cy={13.5} r={13.5} fill=\"#fff\" />\r\n      <g clipPath=\"url(#a)\" fill={color}>\r\n        <path d=\"M19.996 19H20v-4.768c0-2.333-.502-4.13-3.228-4.13-1.311 0-2.19.72-2.55 1.402h-.038V10.32h-2.585V19h2.692v-4.298c0-1.132.214-2.226 1.616-2.226 1.38 0 1.4 1.291 1.4 2.298V19h2.69ZM7.215 10.32H9.91V19H7.215v-8.68ZM8.561 6C7.7 6 7 6.7 7 7.561c0 .862.7 1.576 1.561 1.576.862 0 1.561-.714 1.561-1.576 0-.862-.7-1.561-1.56-1.561Z\" />\r\n      </g>\r\n      <defs>\r\n        <clipPath id=\"a\">\r\n          <path fill=\"#fff\" transform=\"translate(7 6)\" d=\"M0 0h13v13H0z\" />\r\n        </clipPath>\r\n      </defs>\r\n    </svg>\r\n  )\r\n}\r\n\r\nexport default LinkedInIcon\r\n","import * as React from \"react\"\r\n\r\nfunction InstagramIcon(props) {\r\n  return (\r\n    <svg\r\n      width={27}\r\n      height={27}\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      {...props}\r\n    >\r\n      <circle cx={13.5} cy={13.5} r={13.5} fill=\"#fff\" />\r\n      <g clipPath=\"url(#InstagramIcon)\" fill=\"#242424\">\r\n        <path d=\"M13.503 9.649a3.848 3.848 0 1 0 0 7.696 3.848 3.848 0 0 0 0-7.696Zm0 6.347a2.497 2.497 0 1 1 0-4.997 2.498 2.498 0 1 1 0 4.997Z\" />\r\n        <path d=\"M16.593 6.048c-1.38-.065-4.799-.062-6.18 0-1.213.056-2.284.35-3.147 1.213-1.443 1.442-1.258 3.386-1.258 6.237 0 2.917-.163 4.816 1.258 6.237 1.448 1.447 3.42 1.258 6.237 1.258 2.89 0 3.887.002 4.909-.394 1.39-.54 2.438-1.781 2.54-4.012.066-1.38.062-4.798 0-6.18-.123-2.633-1.536-4.23-4.36-4.36Zm2.184 12.732c-.946.946-2.258.861-5.293.861-3.124 0-4.378.047-5.292-.87-1.053-1.048-.862-2.732-.862-5.283 0-3.454-.355-5.94 3.11-6.118.797-.028 1.031-.037 3.036-.037l.028.018c3.33 0 5.944-.348 6.1 3.117.036.79.044 1.028.044 3.029 0 3.089.058 4.35-.871 5.283Z\" />\r\n        <path d=\"M17.503 10.396a.9.9 0 1 0 0-1.799.9.9 0 0 0 0 1.8Z\" />\r\n      </g>\r\n      <defs>\r\n        <clipPath id=\"InstagramIcon\">\r\n          <path fill=\"#fff\" transform=\"translate(6 6)\" d=\"M0 0h15v15H0z\" />\r\n        </clipPath>\r\n      </defs>\r\n    </svg>\r\n  )\r\n}\r\n\r\nexport default InstagramIcon\r\n","import React from \"react\"\r\nimport styled from \"styled-components\"\r\nimport { Container, Row, Col } from \"reactstrap\"\r\nimport vars from \"styles/variables\"\r\nimport Link from \"components/common/Link\"\r\nimport ArrowUpIcon from \"components/svg/ArrowUpIcon\"\r\nimport { enlargeCursorSize, resetCursorSize } from \"utils/animationUtil\"\r\nimport ContactForm from \"components/core/ContactForm\"\r\nimport { HideBodyOverflow } from \"styles/globalStyles\"\r\nimport LinkedInIcon from \"components/svg/LinkedInIcon\"\r\nimport InstagramIcon from \"components/svg/InstagramIcon\"\r\nimport { useFooter } from \"hooks/useFooter\"\r\n\r\nfunction Footer() {\r\n  const { isFooterOpen, isShowMore, footerRef, handleFooterToggle } =\r\n    useFooter()\r\n\r\n  return (\r\n    <StyledFooterContainer ref={footerRef}>\r\n      {isFooterOpen && <HideBodyOverflow />}\r\n\r\n      <StyledFooterToggleButton\r\n        onMouseEnter={enlargeCursorSize}\r\n        onMouseLeave={resetCursorSize}\r\n        onClick={handleFooterToggle}\r\n        className={`${isFooterOpen ? \"active\" : \"\"}`}\r\n      >\r\n        {isFooterOpen ? \"Close\" : \"Contact Us\"}\r\n        <ArrowUpIcon />\r\n      </StyledFooterToggleButton>\r\n\r\n      <StyledFooter className=\"footer-container\">\r\n        <StyledFooterCircle className=\"footer-circle\" />\r\n        <StyledFooterContent isShowMore={isShowMore}>\r\n          <Container>\r\n            <Row>\r\n              <Col>\r\n                <Row>\r\n                  <Col md=\"6\" className=\"mb-4 col-xl\">\r\n                    <p className=\"mb-3 text-uppercase\">Email</p>\r\n                    <a\r\n                      href=\"mailto:studio@io-atelier.com\"\r\n                      className=\"cta-footer-link\"\r\n                      target=\"_blank\"\r\n                    >\r\n                      studio@io-atelier.com\r\n                    </a>\r\n                  </Col>\r\n                  <Col md=\"6\" className=\"mb-4 col-xl\">\r\n                    <p className=\"mb-3 text-uppercase\">Phone</p>\r\n                    <p>\r\n                      <a href=\"tel:+447800582169\" className=\"cta-footer-link\">\r\n                        +44 (0) 7800 582169\r\n                      </a>\r\n                    </p>\r\n                  </Col>\r\n                  <Col lg=\"12\" className=\"mb-4 col-xl\">\r\n                    <Row>\r\n                      <Col md=\"6\" xl=\"12\" className=\"mb-2 \">\r\n                        <p className=\"mb-3 text-uppercase mr-sm-3 mr-md-0\">\r\n                          London\r\n                        </p>\r\n                        <p>\r\n                          Unit 4.01, The Tea Building, 56 Shoreditch High\r\n                          Street, E1 6JJ London, United Kingdom\r\n                        </p>\r\n                      </Col>\r\n                      <Col>\r\n                        <p className=\"mb-3 text-uppercase mr-sm-3 mr-md-0\">\r\n                          Riyadh\r\n                        </p>\r\n                        <p>Kingdom of Saudi Arabia</p>\r\n                      </Col>\r\n                    </Row>\r\n                  </Col>\r\n                </Row>\r\n                <Row className=\"mb-4\">\r\n                  <Col lg={4}>\r\n                    <p className=\"mb-4\">\r\n                      <span className=\"d-block mb-2 text-uppercase\">\r\n                        Steven Charlton\r\n                      </span>\r\n                      <a href=\"mailto:steven@io-atelier.com\" target=\"_blank\">\r\n                        steven@io-atelier.com\r\n                      </a>\r\n                    </p>\r\n                    <p className=\"mb-4\">\r\n                      <span className=\"d-block mb-2 text-uppercase\">\r\n                        Amanda Baldwin\r\n                      </span>\r\n                      <a href=\"mailto:amanda@io-atelier.com\" target=\"_blank\">\r\n                        amanda@io-atelier.com\r\n                      </a>\r\n                    </p>\r\n                  </Col>\r\n                  <Col>\r\n                    <p className=\"text-uppercase mb-3 mt-3 mt-lg-0\">Enquire</p>\r\n                    <ContactForm handleFooterToggle={handleFooterToggle} />\r\n                  </Col>\r\n                </Row>\r\n              </Col>\r\n              {/* <Col\r\n                xs=\"12\"\r\n                lg=\"auto\"\r\n                className={\"align-self-end\"}\r\n              >\r\n                <Row>\r\n                  <Col\r\n                    xs=\"auto\"\r\n                    className={`mb-4 ${isShowMore ? \"d-none d-lg-block\" : \"\"}`}\r\n                  >\r\n                    <Button onClick={handleShowMoreToggle} minWidth={159}>\r\n                      {isShowMore ? \"Show Less\" : \"Enquire\"}\r\n                    </Button>\r\n                  </Col>\r\n                </Row>\r\n              </Col> */}\r\n            </Row>\r\n            <Row className=\"footer-bottom align-items-center\">\r\n              <Col xs=\"auto\" className=\"order-2 order-md-1\">\r\n                <a\r\n                  href=\"https://www.inspiredagency.co.uk/\"\r\n                  target=\"_blank\"\r\n                  className=\"small-footer-link\"\r\n                >\r\n                  A website by <span>Inspired Agency</span>\r\n                </a>\r\n              </Col>\r\n              <Col xs=\"auto\" className=\"order-3 order-md-2\">\r\n                <Link\r\n                  to=\"/cookie-policy\"\r\n                  className=\"small-footer-link\"\r\n                  onClick={handleFooterToggle}\r\n                >\r\n                  View our <span>Cookie Policy</span>\r\n                </Link>\r\n              </Col>\r\n              <Col xs=\"12\" className=\"col-md order-1 order-md-3 mb-3 mb-md-0\">\r\n                <Row noGutters className=\"align-items-center\">\r\n                  <Col xs=\"auto\">\r\n                    <span className=\"text-uppercase\">Connect</span>\r\n                  </Col>\r\n                  <Col xs=\"auto\" className=\"mx-3\">\r\n                    <a\r\n                      href=\"https://www.linkedin.com/company/i-o-atelier/\"\r\n                      target=\"_blank\"\r\n                      className=\"d-flex\"\r\n                    >\r\n                      <LinkedInIcon />\r\n                    </a>\r\n                  </Col>\r\n                  <Col xs=\"auto\">\r\n                    <a\r\n                      href=\"https://www.instagram.com/i.o_atelier/\"\r\n                      target=\"_blank\"\r\n                      className=\"d-flex\"\r\n                    >\r\n                      <InstagramIcon />\r\n                    </a>\r\n                  </Col>\r\n                </Row>\r\n              </Col>\r\n            </Row>\r\n          </Container>\r\n        </StyledFooterContent>\r\n      </StyledFooter>\r\n    </StyledFooterContainer>\r\n  )\r\n}\r\n\r\nexport default Footer\r\n\r\nconst StyledFooterContainer = styled.div`\r\n  line-height: 1.4;\r\n`\r\n\r\nconst StyledFooterToggleButton = styled.div`\r\n  position: fixed;\r\n  background: ${vars.grey_600};\r\n  color: ${vars.white};\r\n  padding: 10px 20px;\r\n  border-radius: 56px;\r\n  text-transform: uppercase;\r\n  z-index: 300;\r\n  display: grid;\r\n  grid-template-columns: auto auto;\r\n  align-items: center;\r\n  gap: 1rem;\r\n  bottom: 20px;\r\n  right: 20px;\r\n  line-height: 1;\r\n  font-size: 14px;\r\n\r\n  &.active {\r\n    svg {\r\n      transform: rotate(-180deg);\r\n    }\r\n  }\r\n\r\n  svg {\r\n    transition: all 500ms cubic-bezier(0.77, 0, 0.175, 1);\r\n  }\r\n`\r\n\r\nconst StyledFooterCircle = styled.div`\r\n  position: absolute;\r\n  left: -30%;\r\n  width: 160%;\r\n  height: 100%;\r\n  display: block;\r\n  background: ${vars.grey_700};\r\n  border-radius: 50%;\r\n  top: 0;\r\n  aspect-ratio: 1 / 1;\r\n\r\n  @media (max-width: ${vars.screen_sm_min}) {\r\n    display: none;\r\n  }\r\n`\r\n\r\nconst StyledFooter = styled.footer`\r\n  position: fixed;\r\n  z-index: 290;\r\n  left: 0;\r\n  width: 100%;\r\n  display: block;\r\n  /* top: 0; */\r\n  bottom: 0;\r\n  transform: translate(0px, 100vh);\r\n\r\n  @media (max-width: ${vars.screen_sm_min}) {\r\n    background: ${vars.grey_700};\r\n    border-radius: 0 !important;\r\n    z-index: 295;\r\n  }\r\n\r\n  .cta-footer-link {\r\n    font-size: 26px;\r\n\r\n    @media (max-width: ${vars.screen_md_max}) and (min-width: ${vars.screen_md_min}) {\r\n      font-size: 22px;\r\n    }\r\n  }\r\n\r\n  .small-footer-link {\r\n    font-size: 12px;\r\n    opacity: 0.8;\r\n\r\n    span {\r\n      text-decoration: underline;\r\n    }\r\n  }\r\n`\r\n\r\nconst StyledFooterContent = styled.div`\r\n  color: ${vars.white};\r\n  padding-top: 40px;\r\n  padding-bottom: 40px;\r\n  display: flex;\r\n\r\n  @media (min-width: ${vars.screen_xl_min}) and (min-height: 610px) {\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  height: 100vh;\r\n  overflow-y: scroll;\r\n\r\n  @media (max-width: ${vars.screen_md_max}) {\r\n    padding-top: 40px;\r\n    display: block;\r\n  }\r\n\r\n  @media (max-width: ${vars.screen_sm_min}) {\r\n    padding-top: 90px;\r\n    padding-bottom: 70px;\r\n    height: 100vh;\r\n  }\r\n\r\n  a {\r\n    color: ${vars.white};\r\n  }\r\n\r\n  .footer-bottom {\r\n    margin-top: 0 !important;\r\n\r\n    @media (min-width: ${vars.screen_xl_min}) {\r\n      margin-top: -62px;\r\n    }\r\n  }\r\n`\r\n","import React, { useEffect } from \"react\"\r\nimport { useLocation } from \"react-router-dom\"\r\nimport styled from \"styled-components\"\r\nimport { Helmet } from \"react-helmet\"\r\nimport Header from \"components/core/Header\"\r\nimport GlobalStyles from \"styles/globalStyles\"\r\nimport Footer from \"components/core/Footer\"\r\n\r\nfunction Layout({ children }) {\r\n  const { pathname } = useLocation()\r\n\r\n  //* Scrolls the user to the top on every page transition\r\n  useEffect(() => {\r\n    window.scrollTo(0, 0)\r\n  }, [pathname])\r\n\r\n  // Remove layout for admin area, it has it's own\r\n  if (/\\/admin/gi.test(pathname)) return children\r\n\r\n  return (\r\n    <LayoutContainer\r\n      className=\"main-container\"\r\n      id=\"main-container\"\r\n      data-scroll-container\r\n    >\r\n      <Helmet></Helmet>\r\n      <GlobalStyles />\r\n      <Header />\r\n      <main>{children}</main>\r\n      <Footer />\r\n    </LayoutContainer>\r\n  )\r\n}\r\n\r\nexport default Layout\r\n\r\nconst LayoutContainer = styled.div`\r\n  display: flex;\r\n  min-height: 100vh;\r\n  flex-direction: column;\r\n`\r\n","import React from \"react\"\r\nimport styled from \"styled-components\"\r\nimport vars from \"styles/variables\"\r\n\r\nfunction PageTemplate({ title, children, hideTitle, ...rest }) {\r\n  return (\r\n    <div {...rest}>\r\n      <StyledPageTemplateContent data-scroll-section hideTitle={hideTitle}>\r\n        {title && (\r\n          <h1 className={`mb-0 ${hideTitle ? \"d-none \" : \"\"}`}>{title}</h1>\r\n        )}\r\n      </StyledPageTemplateContent>\r\n      {children}\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default PageTemplate\r\n\r\nconst StyledPageTemplateContent = styled.div`\r\n  height: 100px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  margin-bottom: 30px;\r\n\r\n  @media (max-width: ${vars.screen_lg_max}) {\r\n    margin-top: ${props => (props.hideTitle ? \"0\" : \"80px\")};\r\n    margin-bottom: 10px;\r\n  }\r\n`\r\n","import React from \"react\"\r\nimport { Container, Col, Row } from \"reactstrap\"\r\nimport PageTemplate from \"templates/PageTemplate\"\r\n\r\nfunction NotFoundPage() {\r\n  return (\r\n    <PageTemplate>\r\n      <Container fluid>\r\n        <Row>\r\n          <Col>\r\n            <h1>404: Page Not Found</h1>\r\n            <p>We can not find the page you are looking for.</p>\r\n          </Col>\r\n        </Row>\r\n      </Container>\r\n    </PageTemplate>\r\n  )\r\n}\r\n\r\nexport default NotFoundPage\r\n","import { useEffect, useRef } from \"react\"\r\nimport { gsap } from \"gsap\"\r\nimport {\r\n  Scene,\r\n  OrthographicCamera,\r\n  WebGLRenderer,\r\n  TextureLoader,\r\n  LinearFilter,\r\n  ShaderMaterial,\r\n  PlaneGeometry,\r\n  Mesh,\r\n} from \"three\"\r\n\r\n//import createWorker from \"offscreen-canvas/create-worker\"\r\n\r\n// Functionality taken from below github project and converted for use in React.\r\n// https://github.com/SaboSuke/ripple-hover-effect\r\n\r\nexport default function useWaterRipple(props) {\r\n  const startRef = useRef()\r\n  const stopRef = useRef()\r\n\r\n  useEffect(() => {\r\n    //TODO: Unfinished service worker functionality\r\n    // console.log(\"canvas\", props.canvas)\r\n    // if (!workerRef.current && props.canvas) {\r\n    //   console.log(\"INIT Worker\")\r\n    //   workerRef.current = createWorker(props.canvas, \"/worker.js\", e => {\r\n    //     // Messages from the worker\r\n    //     console.log(\"Messages from the worker\", e)\r\n    //   })\r\n    // }\r\n    //TODO: ---\r\n\r\n    //if (!props.isReady) return\r\n    if (!props.canvas) return\r\n\r\n    let vertex = `\r\n        varying vec2 vUv;\r\n\r\n        void main() {\r\n            vUv = uv;\r\n            gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\r\n        }\r\n    `\r\n\r\n    let fragment = `\r\n        uniform sampler2D image;\r\n        uniform sampler2D image2;\r\n        uniform float time;\r\n        uniform float mouseOver;\r\n        uniform float intensity;\r\n        uniform float strength;\r\n        uniform float area;\r\n        uniform float waveSpeed;\r\n        varying vec2 vUv;\r\n        #define NUM_OCTAVES 5\r\n        float rand(vec2 n) {\r\n            return fract(sin(dot(n, vec2(12.9898, 4.1414))) * 43758.5453);\r\n        }\r\n        float noise(vec2 p) {\r\n            vec2 ip = floor(p);\r\n            vec2 u = fract(p);\r\n            u = u*u*(3.0-2.0*u);\r\n\r\n            float res = mix(\r\n                mix(rand(ip),rand(ip+vec2(1.0,0.0)),u.x),\r\n                mix(rand(ip+vec2(0.0,1.0)),rand(ip+vec2(1.0,1.0)),u.x),u.y);\r\n            return res*res;\r\n        }\r\n        float fbm(vec2 x) {\r\n            float v = 0.0;\r\n            float a = 0.5;\r\n            vec2 shift = vec2(100);\r\n            // Rotate to reduce axial bias\r\n            mat2 rot = mat2(cos(0.5), sin(0.5), -sin(0.5), cos(0.50));\r\n            for (int i = 0; i < NUM_OCTAVES; ++i) {\r\n                v += a * noise(x);\r\n                x = rot * x * 2.0 + shift;\r\n                a *= 0.5;\r\n            }\r\n            return v;\r\n        }\r\n        void main(void) {\r\n            vec2 uv = vUv;\r\n\r\n            vec2 surface = strength * vec2(\r\n                mix(-0.1, 0.2, fbm(5.*uv + waveSpeed * time)),\r\n                mix(-0.1, 0.2, fbm(5.*uv + waveSpeed * time))\r\n            );\r\n            uv += mouseOver * intensity * refract(\r\n                vec2(0, 0),\r\n                surface,\r\n                1.0 / 1.333\r\n            );\r\n            vec3 _texture = texture2D(image, uv).rgb;\r\n            gl_FragColor = vec4(_texture,1.0);\r\n        }\r\n    `\r\n\r\n    const rand = function (a, b) {\r\n      return a + (b - a) * Math.random()\r\n    }\r\n\r\n    let time = 0\r\n    let mouseOver = 0\r\n    let playhead = rand(1, 2)\r\n\r\n    const parentObj = document.querySelector(props.parent)\r\n    const parent = parentObj || console.warn(\"no parent!\")\r\n    const intensity = props.intensity || 0.5\r\n    const strength = props.strength || 1\r\n    const area = props.area || 2\r\n    const waveSpeed = props.waveSpeed || 0.001\r\n    const speedIn = props.speedIn || 1\r\n    const speedOut = props.speedOut || 1\r\n\r\n    let texture = props.texture || console.error(\"no texture!\")\r\n    let easing = props.easing || \"Expo.easeInOut\"\r\n\r\n    const scene = new Scene()\r\n\r\n    const camera = new OrthographicCamera(\r\n      parent.offsetWidth / -2,\r\n      parent.offsetWidth / 2,\r\n      parent.offsetHeight / 2,\r\n      parent.offsetHeight / -2,\r\n      1,\r\n      1000\r\n    )\r\n\r\n    camera.position.z = 1\r\n\r\n    const renderer = new WebGLRenderer({\r\n      antialias: false,\r\n      canvas: props.canvas,\r\n    })\r\n\r\n    renderer.setPixelRatio(window.devicePixelRatio)\r\n    renderer.setClearColor(0xffffff, 0.0)\r\n    renderer.setSize(parent.offsetWidth, parent.offsetHeight)\r\n\r\n    const loader = new TextureLoader()\r\n    loader.crossOrigin = \"\"\r\n    texture = loader.load(texture, initAnimation)\r\n\r\n    texture.minFilter = LinearFilter\r\n    texture.anisotropy = renderer.capabilities.getMaxAnisotropy()\r\n\r\n    const mat = new ShaderMaterial({\r\n      uniforms: {\r\n        time: { type: \"f\", value: 0 },\r\n        image: { type: \"t\", value: texture },\r\n        mouseOver: { type: \"f\", value: mouseOver },\r\n        intensity: { type: \"f\", value: intensity * playhead },\r\n        strength: { type: \"f\", value: strength * playhead },\r\n        area: { type: \"f\", value: area * playhead },\r\n        waveSpeed: { type: \"f\", value: waveSpeed * playhead },\r\n      },\r\n      vertexShader: vertex,\r\n      fragmentShader: fragment,\r\n      transparent: true,\r\n    })\r\n\r\n    const geometry = new PlaneGeometry(\r\n      parent.offsetWidth,\r\n      parent.offsetHeight,\r\n      1\r\n    )\r\n\r\n    const object = new Mesh(geometry, mat)\r\n    scene.add(object)\r\n\r\n    function start() {\r\n      gsap.to(mat.uniforms.mouseOver, {\r\n        duration: speedIn,\r\n        value: 1,\r\n        ease: easing,\r\n      })\r\n    }\r\n\r\n    startRef.current = start\r\n\r\n    function stop() {\r\n      gsap.to(mat.uniforms.mouseOver, {\r\n        duration: speedOut,\r\n        value: 0,\r\n        ease: easing,\r\n      })\r\n    }\r\n\r\n    stopRef.current = stop\r\n\r\n    const animate = function () {\r\n      time++\r\n\r\n      mat.uniforms.time.value = time\r\n      requestAnimationFrame(animate)\r\n      renderer.render(scene, camera)\r\n    }\r\n\r\n    function handleResize() {\r\n      renderer.setSize(parent.offsetWidth, parent.offsetHeight)\r\n    }\r\n\r\n    window.addEventListener(\"resize\", handleResize)\r\n\r\n    if (props.pauseOnHover) {\r\n      parent.addEventListener(\"mouseenter\", stop)\r\n      parent.addEventListener(\"mouseleave\", start)\r\n    }\r\n\r\n    function initAnimation() {\r\n      animate()\r\n      startRef.current()\r\n    }\r\n\r\n    return () => {\r\n      scene.remove.apply(scene, scene.children)\r\n\r\n      //   renderer.renderLists.dispose()\r\n      //   renderer.dispose()\r\n      //   geometry.dispose()\r\n      //   mat.dispose()\r\n      //   texture.dispose()\r\n\r\n      // traverse the scene for all disposables\r\n      scene.traverse(function (obj) {\r\n        // dispose geometry\r\n        if (obj.geometry) {\r\n          obj.geometry.dispose()\r\n        }\r\n        // dispose materials\r\n        if (obj.material) {\r\n          // a mesh's material may be an array\r\n          if (Array.isArray(obj.material)) {\r\n            obj.material.forEach(function (mtl) {\r\n              mtl.dispose()\r\n            })\r\n          } else {\r\n            obj.material.dispose()\r\n          }\r\n        }\r\n      })\r\n\r\n      // dispose textures, cache them while constructing the scene\r\n      texture.dispose()\r\n      // texture.forEach(function (t) {\r\n      //   t.dispose()\r\n      // })\r\n\r\n      // dispose the scene if needed\r\n      //scene.dispose()\r\n      renderer.dispose()\r\n\r\n      window.removeEventListener(\"resize\", handleResize)\r\n\r\n      if (props.pauseOnHover) {\r\n        parent.removeEventListener(\"mouseenter\", stop)\r\n        parent.removeEventListener(\"mouseleave\", start)\r\n      }\r\n    }\r\n  }, [props.isReady])\r\n\r\n  return {\r\n    start: startRef.current,\r\n    stop: stopRef.current,\r\n  }\r\n}\r\n","export const homeCoreImages = {\r\n  innerLarge: require(\"assets/images/Home4.jpg\"),\r\n  innerSmall: require(\"assets/images/Home4.jpg\"),\r\n  middleLarge: require(\"assets/images/Home2.jpg\"),\r\n  middleSmall: require(\"assets/images/Home2.jpg\"),\r\n  outerLarge: require(\"assets/images/Home1.jpg\"),\r\n  outerSmall: require(\"assets/images/Home1.jpg\"),\r\n}\r\n\r\nexport const homeBackgroundImage = require(\"assets/images/core-abstract-large.jpg\")\r\n\r\nexport const noImage = require(\"assets/images/team-member-placeholder.svg\")\r\n","import { useLayoutEffect, useRef, useState } from \"react\"\r\nimport { gsap } from \"gsap\"\r\nimport { useHistory } from \"react-router\"\r\nimport { enlargeCursorSize, resetCursorSize } from \"utils/animationUtil\"\r\nimport useWaterRipple from \"hooks/useWaterRipple\"\r\nimport { homeCoreImages, homeBackgroundImage } from \"utils/imageUtil\"\r\n\r\nexport default function useHome() {\r\n  const homeRef = useRef()\r\n  const bgCanvasRef = useRef()\r\n  const innerCircleCanvasRef = useRef()\r\n  const middleCircleCanvasRef = useRef()\r\n  const outerCircleCanvasRef = useRef()\r\n  const q = gsap.utils.selector(homeRef)\r\n  const breathTimeline = useRef()\r\n  const history = useHistory()\r\n  const [isBgImageReady, setIsBgImageReady] = useState(false)\r\n  const [isCirclesReady, setIsCirclesReady] = useState(false)\r\n  const [showWaterCircles, setShowWaterCircle] = useState(false)\r\n  const [showWeAre, setShowWeAre] = useState(false)\r\n  const [showLogo, setShowLogo] = useState(false)\r\n  const [showCoreContent, setShowCoreContent] = useState(true)\r\n\r\n  const bgImages = useRef([\r\n    homeCoreImages.outerLarge,\r\n    homeCoreImages.middleLarge,\r\n    homeCoreImages.innerLarge,\r\n  ])\r\n\r\n  const [bgImage, setBgImage] = useState(homeBackgroundImage)\r\n\r\n  // useWaterRipple({\r\n  //   parent: \".home-bg-image\",\r\n  //   texture: bgImage,\r\n  //   isReady: isBgImageReady,\r\n  //   canvas: bgCanvasRef?.current,\r\n  // })\r\n\r\n  useWaterRipple({\r\n    parent: \".dynamic-circle-1\",\r\n    texture: homeCoreImages.innerSmall,\r\n    intensity: 0.8,\r\n    canvas: innerCircleCanvasRef?.current,\r\n    isReady: isCirclesReady,\r\n    pauseOnHover: true,\r\n  })\r\n\r\n  useWaterRipple({\r\n    parent: \".dynamic-circle-2\",\r\n    texture: homeCoreImages.middleSmall,\r\n    canvas: middleCircleCanvasRef?.current,\r\n    isReady: isCirclesReady,\r\n    pauseOnHover: true,\r\n  })\r\n\r\n  useWaterRipple({\r\n    parent: \".dynamic-circle-3\",\r\n    texture: homeCoreImages.outerSmall, //? Could also try large version\r\n    canvas: outerCircleCanvasRef?.current,\r\n    isReady: isCirclesReady,\r\n    pauseOnHover: true,\r\n  })\r\n\r\n  const [homeContainerClass, setHomeContainerClass] = useState(\"active\")\r\n  const [innerCircleData, setInnerCircleData] = useState(null)\r\n\r\n  useLayoutEffect(() => {\r\n    const isHomepageIntroComplete = sessionStorage.getItem(\r\n      \"home-intro-complete\"\r\n    )\r\n\r\n    homepageInit()\r\n    setIsBgImageReady(true)\r\n    //setIsCirclesReady(true)\r\n\r\n    function homepageInit() {\r\n      gsap\r\n        .timeline()\r\n        .set(q(\".inner-circle\"), { opacity: 1, height: \"42%\" })\r\n        .set(q(\".core-content\"), { opacity: 1 })\r\n        .call(() => {\r\n          setHomeContainerClass(null)\r\n          setInnerCircleData(null)\r\n          setShowWaterCircle(true)\r\n        })\r\n        .call(introInnerCircles)\r\n\r\n      // gsap\r\n      //   .timeline()\r\n      //   .to(q(\".inner-circle\"), {\r\n      //     opacity: 1,\r\n      //     duration: 1,\r\n      //     height: \"42%\",\r\n      //     onComplete: () => {\r\n      //       if (!isHomepageIntroComplete) {\r\n      //         setInnerCircleData({\r\n      //           title: \"We are an international design consultancy\",\r\n      //         })\r\n      //         setShowCoreContent(false)\r\n      //       } else {\r\n      //         setHomeContainerClass(null)\r\n      //         setInnerCircleData(null)\r\n      //       }\r\n      //     },\r\n      //   })\r\n      //   .to(q(\".core-content\"), {\r\n      //     opacity: 1,\r\n      //     duration: 1,\r\n      //     onComplete: () => {\r\n      //       if (!isHomepageIntroComplete) {\r\n      //         homepageIntro()\r\n      //       } else {\r\n      //         introInnerCircles()\r\n      //       }\r\n      //     },\r\n      //   })\r\n    }\r\n\r\n    function homepageIntro() {\r\n      gsap\r\n        .timeline({\r\n          onComplete: () => {\r\n            setShowWeAre(false)\r\n            introInnerCircles()\r\n          },\r\n        })\r\n        .to(q(\".core-content\"), {\r\n          delay: 4,\r\n          opacity: 0,\r\n          duration: 1,\r\n          onComplete: () => {\r\n            setInnerCircleData({\r\n              title:\r\n                \"We blend <strong>data with innovation</strong>, helping global brands realise their creative dreams.\",\r\n            })\r\n          },\r\n        })\r\n        .to(q(\".core-content\"), {\r\n          opacity: 1,\r\n          duration: 1,\r\n        })\r\n        .to(q(\".core-content\"), {\r\n          delay: 4,\r\n          opacity: 0,\r\n          duration: 1,\r\n          onComplete: () => {\r\n            setShowWeAre(true)\r\n            setShowLogo(true)\r\n            setHomeContainerClass(null)\r\n            setInnerCircleData(null)\r\n            sessionStorage.setItem(\"home-intro-complete\", \"true\")\r\n          },\r\n        })\r\n        .to(q(\".core-content\"), {\r\n          opacity: 1,\r\n          duration: 1,\r\n        })\r\n        .to(q(\".default-core-content-we-are\"), {\r\n          delay: 1,\r\n          opacity: 0,\r\n          duration: 1,\r\n        })\r\n        .to(q(\".default-core-logo\"), {\r\n          y: -20,\r\n        })\r\n    }\r\n\r\n    function introInnerCircles() {\r\n      gsap.to(q(\".dynamic-circle\"), {\r\n        clipPath: function (index, target) {\r\n          return `circle(${target.dataset.defaultClipPath}%)`\r\n        },\r\n        duration: 2,\r\n        ease: \"back.out(1.5)\",\r\n        onStart: introOuterCircles,\r\n        delay: isHomepageIntroComplete ? 1 : 0,\r\n      })\r\n    }\r\n\r\n    function introOuterCircles() {\r\n      const introEase = \"back.out(1.7)\"\r\n\r\n      gsap\r\n        .timeline({\r\n          onComplete: () => {\r\n            breath()\r\n            setIsCirclesReady(true)\r\n            setShowWaterCircle(true)\r\n            setShowLogo(false)\r\n            setShowCoreContent(true)\r\n          },\r\n        })\r\n        .to(\r\n          q(\".circle-thin\"),\r\n          {\r\n            height: \"130%\",\r\n            duration: 1.7,\r\n            ease: introEase,\r\n          },\r\n          0\r\n        )\r\n        .to(\r\n          q(\".fade-circle-1\"),\r\n          {\r\n            height: \"120%\",\r\n            duration: 2,\r\n            ease: introEase,\r\n          },\r\n          0\r\n        )\r\n        .to(\r\n          q(\".fade-circle-2\"),\r\n          {\r\n            height: \"180%\",\r\n            duration: 1.5,\r\n            ease: introEase,\r\n          },\r\n          0\r\n        )\r\n        .to(q(\".default-core-logo\"), {\r\n          duration: 1,\r\n          opacity: 0,\r\n        })\r\n    }\r\n\r\n    function breath() {\r\n      breathTimeline.current = gsap\r\n        .timeline()\r\n        .to(q(\".dynamic-circle\"), {\r\n          clipPath: `circle(+=2%)`,\r\n          duration: 3,\r\n        })\r\n        .yoyo(true)\r\n        .repeat(-1)\r\n\r\n      gsap\r\n        .to(q(\".circle-breath\"), {\r\n          height: `+=20%`,\r\n          duration: 3,\r\n        })\r\n        .yoyo(true)\r\n        .repeat(-1)\r\n\r\n      gsap\r\n        .to(q(\".inner-circle\"), {\r\n          scale: 1.05,\r\n          duration: 3,\r\n        })\r\n        .yoyo(true)\r\n        .repeat(-1)\r\n    }\r\n\r\n    return () => resetCursorSize()\r\n  }, [])\r\n\r\n  function handleCircleEnter(e, circleData) {\r\n    setHomeContainerClass(\"active\")\r\n\r\n    enlargeCursorSize()\r\n\r\n    if (breathTimeline.current) {\r\n      breathTimeline.current.pause()\r\n    }\r\n\r\n    gsap\r\n      .timeline()\r\n      .to(q(\".core-content\"), {\r\n        opacity: 0,\r\n        duration: 0.3,\r\n        onComplete: () => setInnerCircleData(circleData),\r\n      })\r\n      .to(q(\".core-content\"), {\r\n        opacity: 1,\r\n        duration: 0.6,\r\n      })\r\n\r\n    const index = e.target.getAttribute(\"data-index\")\r\n    const defaultClipPath = Number(\r\n      e.target.getAttribute(\"data-default-clip-path\")\r\n    )\r\n\r\n    gsap.to(q(`.dynamic-circle-${index}`), {\r\n      clipPath: `circle(${defaultClipPath + 4}%)`,\r\n    })\r\n\r\n    // gsap.to(q(\".home-bg-image\"), {\r\n    //   opacity: 0.4,\r\n    //   duration: 0.4,\r\n    //   onComplete: updateBackground,\r\n    // })\r\n\r\n    // function updateBackground() {\r\n    //   //? We no longer update the background image as we are using the webgl water effect on the background\r\n    //   //setBgImage(bgImages.current[index - 1])\r\n    //   gsap.to(q(\".home-bg-image\"), { opacity: 1, duration: 0.4 })\r\n    // }\r\n  }\r\n\r\n  function handleCircleLeave(e) {\r\n    resetCursorSize()\r\n\r\n    const index = e.target.getAttribute(\"data-index\")\r\n    const defaultClipPath = Number(\r\n      e.target.getAttribute(\"data-default-clip-path\")\r\n    )\r\n\r\n    setHomeContainerClass(\"\")\r\n\r\n    gsap.to(q(`.dynamic-circle-${index}`), {\r\n      clipPath: `circle(${defaultClipPath}%)`,\r\n    })\r\n  }\r\n\r\n  function handleCircleClick(url) {\r\n    history.push(url)\r\n  }\r\n\r\n  return {\r\n    homeRef,\r\n    bgCanvasRef,\r\n    innerCircleCanvasRef,\r\n    middleCircleCanvasRef,\r\n    outerCircleCanvasRef,\r\n    bgImage,\r\n    homeContainerClass,\r\n    innerCircleData,\r\n    showWaterCircles,\r\n    showWeAre,\r\n    showLogo,\r\n    showCoreContent,\r\n    handleCircleClick,\r\n    handleCircleEnter,\r\n    handleCircleLeave,\r\n  }\r\n}\r\n","import React from \"react\"\r\nimport { Helmet } from \"react-helmet\"\r\n\r\nfunction Seo({ title, metaDescription }) {\r\n  return (\r\n    <Helmet title={`${title} | i/o atelier`}>\r\n      {metaDescription && <meta name=\"description\" content={metaDescription} />}\r\n    </Helmet>\r\n  )\r\n}\r\n\r\nexport default Seo\r\n","import React, { useCallback } from \"react\"\r\nimport Particles from \"react-tsparticles\"\r\nimport { loadFull } from \"tsparticles\"\r\n\r\nfunction ParticleAnimation() {\r\n  const particlesInit = useCallback(async engine => {\r\n    // you can initiate the tsParticles instance (engine) here, adding custom shapes or presets\r\n    // this loads the tsparticles package bundle, it's the easiest method for getting everything ready\r\n    // starting from v2 you can add only the features you need reducing the bundle size\r\n    await loadFull(engine)\r\n  }, [])\r\n\r\n  return (\r\n    <Particles\r\n      id=\"tsparticles\"\r\n      init={particlesInit}\r\n      options={{\r\n        background: {\r\n          color: {\r\n            value: \"#ffffff\",\r\n          },\r\n        },\r\n        fpsLimit: 120,\r\n        interactivity: {\r\n          events: {\r\n            resize: true,\r\n          },\r\n          modes: {\r\n            push: {\r\n              quantity: 4,\r\n            },\r\n            repulse: {\r\n              distance: 200,\r\n              duration: 0.4,\r\n            },\r\n          },\r\n        },\r\n        particles: {\r\n          color: {\r\n            value: \"#6e6b6b\",\r\n          },\r\n          links: {\r\n            color: \"#6e6b6b\",\r\n            distance: 150,\r\n            enable: true,\r\n            opacity: 0.5,\r\n            width: 1,\r\n          },\r\n          collisions: {\r\n            enable: false,\r\n          },\r\n          move: {\r\n            directions: \"none\",\r\n            enable: true,\r\n            outModes: {\r\n              default: \"bounce\",\r\n            },\r\n            random: false,\r\n            speed: 2,\r\n            straight: false,\r\n          },\r\n          number: {\r\n            density: {\r\n              enable: true,\r\n              area: 800,\r\n            },\r\n            value: 80,\r\n          },\r\n          opacity: {\r\n            value: 1,\r\n          },\r\n          shape: {\r\n            type: \"circle\",\r\n          },\r\n          size: {\r\n            value: { min: 1, max: 5 },\r\n          },\r\n        },\r\n        detectRetina: true,\r\n      }}\r\n    />\r\n  )\r\n}\r\n\r\nexport default ParticleAnimation\r\n","import React from \"react\"\r\nimport styled from \"styled-components\"\r\nimport vars from \"styles/variables\"\r\nimport { HideBodyOverflow } from \"styles/globalStyles\"\r\nimport useHome from \"hooks/useHome\"\r\nimport { enlargeCursorSize, resetCursorSize } from \"utils/animationUtil\"\r\nimport Logo from \"components/svg/DefaultLogo\"\r\nimport { homeCoreImages } from \"utils/imageUtil\"\r\nimport { useFooter } from \"hooks/useFooter\"\r\nimport Seo from \"components/common/Seo\"\r\nimport ParticleAnimation from \"components/core/ParticleAnimation\"\r\nimport creativityDataLogoV2 from \"assets/svg/creativityxdatav2.svg\"\r\n\r\nexport default function HomePage() {\r\n  const {\r\n    homeRef,\r\n    innerCircleCanvasRef,\r\n    middleCircleCanvasRef,\r\n    outerCircleCanvasRef,\r\n    homeContainerClass,\r\n    innerCircleData,\r\n    showWaterCircles,\r\n    showWeAre,\r\n    showLogo,\r\n    handleCircleClick,\r\n    handleCircleEnter,\r\n    handleCircleLeave,\r\n  } = useHome()\r\n\r\n  const { handleFooterOpen } = useFooter()\r\n\r\n  return (\r\n    <StyledHome ref={homeRef} className={homeContainerClass}>\r\n      <Seo title=\"Home\" />\r\n      <HideBodyOverflow />\r\n      <StyledBackground className=\"home-bg-image\">\r\n        <ParticleAnimation />\r\n      </StyledBackground>\r\n      <StyledCircleContainer>\r\n        <StyledCoreOuter\r\n          data-index={3}\r\n          data-default-clip-path={46}\r\n          className={`dynamic-circle dynamic-circle-3 ${\r\n            showWaterCircles ? \"show-water\" : \"\"\r\n          }`}\r\n          onMouseEnter={e =>\r\n            handleCircleEnter(e, { title: \"<h2>our projects</h2>\" })\r\n          }\r\n          onMouseLeave={handleCircleLeave}\r\n          onClick={() => handleCircleClick(\"/projects\")}\r\n          onTouchStart={e =>\r\n            handleCircleEnter(e, { title: \"<h2>our projects</h2>\" })\r\n          }\r\n          image={homeCoreImages.outerLarge}\r\n        >\r\n          <canvas\r\n            ref={outerCircleCanvasRef}\r\n            style={{ width: \"100%\", height: \"100%\" }}\r\n          />\r\n        </StyledCoreOuter>\r\n        <StyledCoreMiddle\r\n          data-index={2}\r\n          data-default-clip-path={36}\r\n          className={`dynamic-circle dynamic-circle-2 ${\r\n            showWaterCircles ? \"show-water\" : \"\"\r\n          }`}\r\n          onMouseEnter={e =>\r\n            handleCircleEnter(e, { title: \"<h2>our people</h2>\" })\r\n          }\r\n          onMouseLeave={handleCircleLeave}\r\n          onClick={() => handleCircleClick(\"/meet-the-team\")}\r\n          image={homeCoreImages.middleSmall}\r\n        >\r\n          <canvas\r\n            ref={middleCircleCanvasRef}\r\n            style={{ width: \"100%\", height: \"100%\" }}\r\n          />\r\n        </StyledCoreMiddle>\r\n        <StyledCoreInner\r\n          data-index={1}\r\n          data-default-clip-path={26}\r\n          className={`dynamic-circle dynamic-circle-1 ${\r\n            showWaterCircles ? \"show-water\" : \"\"\r\n          }`}\r\n          onMouseEnter={e =>\r\n            handleCircleEnter(e, { title: \"<h2>about us</h2>\" })\r\n          }\r\n          onMouseLeave={handleCircleLeave}\r\n          onClick={() => handleCircleClick(\"/about-us\")}\r\n          image={homeCoreImages.innerSmall}\r\n        >\r\n          <canvas\r\n            ref={innerCircleCanvasRef}\r\n            style={{ width: \"100%\", height: \"100%\" }}\r\n          />\r\n        </StyledCoreInner>\r\n        <StyledInfoCircle className=\"inner-circle\"></StyledInfoCircle>\r\n        <StyledCoreContent className=\"core-content\">\r\n          {homeContainerClass === \"active\" && (\r\n            <div dangerouslySetInnerHTML={{ __html: innerCircleData?.title }} />\r\n          )}\r\n\r\n          <div\r\n            className={`default-core-content ${\r\n              homeContainerClass === \"active\" ? \"d-none\" : \"\"\r\n            }`}\r\n          >\r\n            <p\r\n              className={`default-core-content-we-are ${\r\n                !showWeAre ? \"d-none\" : \"\"\r\n              }`}\r\n            >\r\n              We are\r\n            </p>\r\n\r\n            <Logo\r\n              width={182}\r\n              height={30}\r\n              className={`default-core-logo ${!showLogo ? \"d-none\" : \"\"}`}\r\n              style={!showWeAre ? { transform: \"unset\" } : {}}\r\n            />\r\n\r\n            <div style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>\r\n\r\n            <StyledCoreContent className=\"core-content\">\r\n              {homeContainerClass === \"active\" && (\r\n                <div dangerouslySetInnerHTML={{ __html: innerCircleData?.title }} />\r\n              )}\r\n\r\n              <div\r\n                className={`default-core-content ${\r\n                  homeContainerClass === \"active\" ? \"d-none\" : \"\"\r\n                }`}\r\n              >\r\n                <p className={`default-core-content-we-are ${!showWeAre ? \"d-none\" : \"\"}`}>\r\n                  We are\r\n                </p>\r\n\r\n                <Logo\r\n                  width={182}\r\n                  height={30}\r\n                  className={`default-core-logo ${!showLogo ? \"d-none\" : \"\"}`}\r\n                  style={!showWeAre ? { transform: \"unset\" } : {}}\r\n                />\r\n\r\n                <SvgContainer>\r\n                  <CreativitySvgResponsive src={creativityDataLogoV2} alt=\"creativity x data\" />\r\n                </SvgContainer>\r\n              </div>\r\n            </StyledCoreContent>\r\n\r\n            </div>\r\n          </div>\r\n        </StyledCoreContent>\r\n        <StyledCircleThin className=\"circle-thin circle-breath\" />\r\n        <StyledFadeCircle\r\n          className=\"fade-circle-1 circle-breath\"\r\n          src={require(\"assets/images/fade-circle-1.svg\")}\r\n        />\r\n        <StyledFadeCircle\r\n          className=\"fade-circle-2 circle-breath\"\r\n          src={require(\"assets/images/fade-circle-2.svg\")}\r\n        />\r\n      </StyledCircleContainer>\r\n      <StyledLocations\r\n        onClick={e => {\r\n          e.preventDefault()\r\n          handleFooterOpen()\r\n        }}\r\n        onMouseEnter={enlargeCursorSize}\r\n        onMouseLeave={resetCursorSize}\r\n      >\r\n        London | Riyadh\r\n      </StyledLocations>\r\n    </StyledHome>\r\n  )\r\n}\r\n\r\nconst StyledHome = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  overflow: hidden;\r\n\r\n  .default-core-content,\r\n  .default-core-content-wrapper {\r\n    animation: fadeIn 2s;\r\n    line-height: 1;\r\n  }\r\n\r\n  @keyframes fadeIn {\r\n    0% {\r\n      opacity: 0;\r\n    }\r\n    100% {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  .dynamic-circle {\r\n    canvas {\r\n      //opacity: 0;\r\n      //transition: opacity ease-in-out 1000ms;\r\n    }\r\n  }\r\n\r\n  .show-water {\r\n    canvas {\r\n      opacity: 1;\r\n    }\r\n  }\r\n\r\n  &.active {\r\n    .default-core-content {\r\n      animation: unset;\r\n    }\r\n\r\n    .dynamic-circle {\r\n      &:after {\r\n        content: \"\";\r\n        background: ${vars.dynamicColour(\"0.7\")};\r\n      }\r\n    }\r\n  }\r\n`\r\n\r\nconst StyledCircleContainer = styled.div`\r\n  overflow: hidden;\r\n\r\n  .default-core-content-wrapper {\r\n    font-size: 28px;\r\n    margin-bottom: 0;\r\n    line-height: 1;\r\n  }\r\n\r\n  .dynamic-circle {\r\n    background-repeat: no-repeat;\r\n    background-position: center;\r\n    background-size: cover;\r\n    height: 106%;\r\n    display: inline-block;\r\n    position: absolute;\r\n    top: 50%;\r\n    aspect-ratio: 1 / 1;\r\n    left: 50%;\r\n    transform: translate(-50%, -50%);\r\n    cursor: pointer;\r\n    max-height: 929px;\r\n\r\n    &:hover:after,\r\n    &.active:after {\r\n      background: ${vars.dynamicColour(\"0\")} !important;\r\n    }\r\n\r\n    &:after {\r\n      content: \"\";\r\n      transition: 1s ease-in-out;\r\n      width: 100%;\r\n      height: 100%;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n    }\r\n  }\r\n`\r\n\r\nconst StyledCoreOuter = styled.div`\r\n  background-image: url(${props => props.image});\r\n  background-color: white;\r\n  clip-path: circle(0%);\r\n  z-index: 10;\r\n  min-height: 600px;\r\n\r\n  @media (max-width: ${vars.screen_sm_max}) {\r\n    display: none !important;\r\n  }\r\n`\r\n\r\nconst StyledCoreMiddle = styled.div`\r\n  background-image: url(${props => props.image});\r\n  background-color: white;\r\n  clip-path: circle(0%);\r\n  z-index: 20;\r\n  min-height: 500px;\r\n`\r\n\r\nconst StyledCoreInner = styled.div`\r\n  background-image: url(${props => props.image});\r\n  background-color: white;\r\n  clip-path: circle(0%);\r\n  z-index: 30;\r\n  min-height: 400px;\r\n`\r\n\r\nconst StyledFadeCircle = styled.img`\r\n  position: absolute;\r\n  z-index: 5;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  aspect-ratio: 1 / 1;\r\n  height: 20%;\r\n\r\n  @media (max-width: ${vars.screen_sm_max}) {\r\n    display: none;\r\n  }\r\n`\r\n\r\nconst StyledCircleThin = styled.div`\r\n  height: 20%;\r\n  border: 2px solid #fcfcfc;\r\n  position: absolute;\r\n  z-index: 5;\r\n  top: 50%;\r\n  left: 50%;\r\n  transform: translate(-50%, -50%);\r\n  aspect-ratio: 1 / 1;\r\n  border-radius: 50%;\r\n  @media (max-width: ${vars.screen_sm_max}) {\r\n    display: none;\r\n  }\r\n`\r\n\r\nconst StyledInfoCircle = styled.div`\r\n  background: ${vars.dynamicColour()};\r\n  height: 22%;\r\n  max-height: 320px;\r\n  min-height: 230px;\r\n  border-radius: 50%;\r\n  display: inline-flex;\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  z-index: 40;\r\n  align-items: center;\r\n  justify-content: center;\r\n  font-size: 1.6rem;\r\n  aspect-ratio: 1 / 1;\r\n  transform: translate(-50%, -50%);\r\n  text-align: center;\r\n  line-height: 1.4;\r\n  overflow: hidden;\r\n  opacity: 0;\r\n  border: 1px solid #cccccc;\r\n`\r\n\r\nconst StyledCoreContent = styled(StyledInfoCircle)`\r\n  background: none;\r\n  height: 38%;\r\n  z-index: 50;\r\n  font-size: 20px;\r\n  line-height: 1.5;\r\n  padding: 0 2%;\r\n  flex-direction: column;\r\n  border: none;\r\n\r\n  h2 {\r\n    font-weight: normal;\r\n    margin: 0;\r\n    font-size: 28px;\r\n  }\r\n`\r\n\r\nconst StyledBackground = styled.div`\r\n  width: 100vw;\r\n  height: 100vh;\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 0;\r\n  opacity: 1;\r\n  background: url(${props => props.bgImage});\r\n\r\n  .home-bg-image-overlay {\r\n    width: 100%;\r\n    height: 100%;\r\n    background: ${vars.dynamicColour(0.6)};\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    opacity: 1;\r\n  }\r\n`\r\n\r\nconst StyledLocations = styled.a`\r\n  position: fixed;\r\n  bottom: 20px;\r\n  left: 20px;\r\n  font-size: 16px;\r\n  z-index: 100;\r\n`\r\nconst SvgContainer = styled.div`\r\n  width: 100%;\r\n  height: 100%;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n`;\r\n\r\nconst CreativitySvgResponsive = styled.img`\r\n  width: 100%; // adjust percentage based on your desired scale relative to circle\r\n  height: auto;\r\n  object-fit: contain;\r\n`;\r\n","import React from \"react\"\r\nimport { Container, Col, Row } from \"reactstrap\"\r\nimport PageTemplate from \"templates/PageTemplate\"\r\n\r\nfunction ForbiddenPage() {\r\n  return (\r\n    <PageTemplate>\r\n      <Container fluid>\r\n        <Row>\r\n          <Col className=\"text-danger\">\r\n            <h1>403: Forbidden</h1>\r\n            <p>You do not have permission to access this page.</p>\r\n          </Col>\r\n        </Row>\r\n      </Container>\r\n    </PageTemplate>\r\n  )\r\n}\r\n\r\nexport default ForbiddenPage\r\n","import { useEffect, useRef } from \"react\"\r\nimport gsap from \"gsap\"\r\nimport ScrollTrigger from \"gsap/ScrollTrigger\"\r\nimport LocomotiveScroll from \"locomotive-scroll\"\r\nimport \"locomotive-scroll/dist/locomotive-scroll.css\"\r\nimport { useNav } from \"hooks/useNav\"\r\n\r\ngsap.registerPlugin(ScrollTrigger)\r\n\r\nexport default function useLocoScroll(start) {\r\n  const locoScroll = useRef()\r\n  const { isNavOpen } = useNav()\r\n\r\n  useEffect(() => {\r\n    if (!start || !locoScroll.current) return\r\n\r\n    if (isNavOpen) locoScroll.current.stop()\r\n    else locoScroll.current.start()\r\n  }, [isNavOpen, start])\r\n\r\n  useEffect(() => {\r\n    if (!start) return\r\n\r\n    const scrollEl = document.querySelector(\"#main-container\")\r\n\r\n    locoScroll.current = new LocomotiveScroll({\r\n      el: scrollEl,\r\n      smooth: true,\r\n      multiplier: 1,\r\n      class: \"is-reveal\",\r\n    })\r\n\r\n    locoScroll.current.on(\"scroll\", () => {\r\n      ScrollTrigger.update()\r\n    })\r\n\r\n    ScrollTrigger.scrollerProxy(scrollEl, {\r\n      scrollTop(value) {\r\n        if (locoScroll.current) {\r\n          return arguments.length\r\n            ? locoScroll.current.scrollTo(value, 0, 0)\r\n            : locoScroll.current.scroll.instance.scroll.y\r\n        }\r\n        return null\r\n      },\r\n      scrollLeft(value) {\r\n        if (locoScroll.current) {\r\n          return arguments.length\r\n            ? locoScroll.current.scrollTo(value, 0, 0)\r\n            : locoScroll.current.scroll.instance.scroll.x\r\n        }\r\n        return null\r\n      },\r\n    })\r\n\r\n    const lsUpdate = () => {\r\n      if (locoScroll.current) {\r\n        locoScroll.current.update()\r\n      }\r\n    }\r\n\r\n    ScrollTrigger.addEventListener(\"refresh\", lsUpdate)\r\n    ScrollTrigger.refresh()\r\n\r\n    return () => {\r\n      if (locoScroll.current) {\r\n        ScrollTrigger.removeEventListener(\"refresh\", lsUpdate)\r\n        locoScroll.current.destroy()\r\n        locoScroll.current = null\r\n      }\r\n    }\r\n  }, [start])\r\n\r\n  function locoScrollTop() {\r\n    if (locoScroll?.current)\r\n      locoScroll.current.scroll.scrollTo(\"top\", {\r\n        offset: 0,\r\n        duration: 600,\r\n        easing: [0.25, 0.0, 0.35, 1.0],\r\n        disableLerp: true,\r\n      })\r\n  }\r\n\r\n  return {\r\n    locoScrollTop,\r\n    locoScroll: locoScroll.current,\r\n  }\r\n}\r\n","import { useEffect, useState } from \"react\"\r\n\r\nfunction preloadImage(src) {\r\n  return new Promise((resolve, reject) => {\r\n    const img = new Image()\r\n    img.onload = function () {\r\n      resolve(img)\r\n    }\r\n    img.onerror = img.onabort = function () {\r\n      reject(src)\r\n    }\r\n    img.src = src\r\n  })\r\n}\r\n\r\nexport default function useImagePreloader(imageList) {\r\n  const [imagesPreloaded, setImagesPreloaded] = useState(false)\r\n\r\n  useEffect(() => {\r\n    let isCancelled = false\r\n\r\n    async function effect() {\r\n      //console.log(\"PRELOAD\", imageList)\r\n\r\n      if (isCancelled || !imageList) {\r\n        return\r\n      }\r\n\r\n      const imagesPromiseList = []\r\n      for (const i of imageList) {\r\n        if (i) imagesPromiseList.push(preloadImage(i))\r\n      }\r\n\r\n      await Promise.all(imagesPromiseList)\r\n\r\n      if (isCancelled) {\r\n        return\r\n      }\r\n\r\n      setImagesPreloaded(true)\r\n    }\r\n\r\n    effect()\r\n\r\n    return () => {\r\n      isCancelled = true\r\n    }\r\n  }, [imageList])\r\n\r\n  return { imagesPreloaded }\r\n}\r\n","import * as React from \"react\"\r\n\r\nconst CircleBulbIcon = props => (\r\n  <svg\r\n    width={115}\r\n    height={115}\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    {...props}\r\n  >\r\n    <g clipPath=\"url(#CircleBulbIcon)\">\r\n      <path\r\n        d=\"M57.5 115C25.798 115 0 89.202 0 57.5S25.798 0 57.5 0 115 25.798 115 57.5 89.202 115 57.5 115Zm0-109.565C28.793 5.449 5.45 28.793 5.45 57.5c0 28.707 23.357 52.051 52.05 52.051 28.693 0 52.051-23.358 52.051-52.051S86.207 5.45 57.5 5.45v-.015Z\"\r\n        fill=\"#A8D7B0\"\r\n      />\r\n      <path\r\n        d=\"M68.657 63.12c-2.285 3.164-3.931 6.64-4.882 10.288H51.259c-.937-3.676-2.569-7.138-4.796-10.132a13.688 13.688 0 0 1-2.725-8.245c.014-7.35 6.23-13.637 13.552-13.75h.199c3.632 0 7.052 1.404 9.65 3.958 2.653 2.611 4.1 6.102 4.1 9.82 0 2.924-.894 5.72-2.61 8.075m-5.847 17.752a.412.412 0 0 1-.412.412H52.58a.412.412 0 0 1-.412-.412c0-1.334-.085-2.668-.27-3.987h11.154a28.66 28.66 0 0 0-.27 3.987Zm-5.563-43.082c-4.47.07-8.727 1.915-11.963 5.193-3.235 3.292-5.023 7.564-5.037 12.034 0 3.76 1.178 7.336 3.405 10.345 1.788 2.398 3.122 5.137 3.974 8.046H45.2v3.49h3.164c.199 1.306.298 2.64.298 3.974a3.91 3.91 0 0 0 3.903 3.902h9.777a3.91 3.91 0 0 0 3.902-3.902c0-1.334.1-2.668.312-3.987h3.165v-3.491h-2.37a27.232 27.232 0 0 1 4.087-8.23c2.143-2.953 3.264-6.458 3.264-10.119 0-4.654-1.83-9.025-5.151-12.303-3.307-3.264-7.692-5.023-12.346-4.967\"\r\n        fill=\"#6FC282\"\r\n      />\r\n      <path\r\n        d=\"M61.074 55.215h-4.002l4.087-6.499-2.951-1.859-5.762 9.167a1.73 1.73 0 0 0-.042 1.774c.312.553.894.894 1.532.894h3.974l-4.13 6.47 2.938 1.874 5.846-9.153c.34-.539.369-1.22.057-1.774a1.75 1.75 0 0 0-1.533-.908M59.245 30.212h-3.491v5.236h3.49v-5.236ZM40.712 36.41l-2.47 2.467 3.7 3.704 2.47-2.467-3.7-3.704ZM74.302 36.41l-3.7 3.705 2.47 2.467 3.7-3.705-2.47-2.467Z\"\r\n        fill=\"#6FC282\"\r\n      />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"CircleBulbIcon\">\r\n        <path fill=\"#fff\" d=\"M0 0h115v115H0z\" />\r\n      </clipPath>\r\n    </defs>\r\n  </svg>\r\n)\r\n\r\nexport default CircleBulbIcon\r\n","import * as React from \"react\"\r\n\r\nconst CircleHandHeartIcon = props => (\r\n  <svg\r\n    width={115}\r\n    height={115}\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    {...props}\r\n  >\r\n    <g clipPath=\"url(#CircleHandHeartIcon)\">\r\n      <path\r\n        d=\"M57.5 115C25.798 115 0 89.202 0 57.5S25.798 0 57.5 0 115 25.798 115 57.5 89.202 115 57.5 115Zm0-109.565C28.793 5.449 5.45 28.793 5.45 57.5c0 28.707 23.357 52.051 52.05 52.051 28.693 0 52.051-23.358 52.051-52.051S86.207 5.45 57.5 5.45v-.015Z\"\r\n        fill=\"#A8D7B0\"\r\n      />\r\n      <path\r\n        d=\"M49.95 35.008a5.66 5.66 0 0 1 4.044-1.717c1.107 0 2.498.78 4.03 2.27.256.256.596.398.951.398s.695-.142.95-.398a6.655 6.655 0 0 1 4.627-1.972c1.291 0 2.54.51 3.434 1.433a6.036 6.036 0 0 1 1.675 4.186 6.062 6.062 0 0 1-1.675 4.187l-9.04 8.713-9.01-8.7a5.987 5.987 0 0 1-1.689-4.185 6.05 6.05 0 0 1 1.689-4.187m7.55 19.2a2.11 2.11 0 0 0 1.46.596 2.06 2.06 0 0 0 1.462-.596l9.366-9.04a8.6 8.6 0 0 0 2.412-5.96 8.6 8.6 0 0 0-2.412-5.96 7.332 7.332 0 0 0-5.236-2.199 9.203 9.203 0 0 0-5.591 1.958c-1.732-1.475-3.392-2.227-4.953-2.227a8.134 8.134 0 0 0-5.86 2.483 8.622 8.622 0 0 0-2.427 5.974 8.56 8.56 0 0 0 2.427 5.974l9.351 9.011v-.014Z\"\r\n        fill=\"#6FC282\"\r\n      />\r\n      <path\r\n        d=\"M58.947 55.343c-.695 0-1.348-.27-1.845-.752l-9.351-9.011a9.104 9.104 0 0 1-2.583-6.371c0-2.385.908-4.64 2.569-6.358a8.73 8.73 0 0 1 6.23-2.64h.013c1.59 0 3.25.696 4.967 2.087a9.892 9.892 0 0 1 5.563-1.817c2.1 0 4.157.866 5.62 2.37a9.134 9.134 0 0 1 2.553 6.343c0 2.37-.908 4.626-2.554 6.343l-9.38 9.054a2.633 2.633 0 0 1-1.845.752h.043Zm-4.98-24.039a7.59 7.59 0 0 0-5.45 2.313 8.02 8.02 0 0 0-2.27 5.606c0 2.1.808 4.087 2.27 5.605l9.337 8.997c.582.567 1.59.567 2.171 0l9.366-9.04a8.025 8.025 0 0 0 2.242-5.576c0-2.1-.794-4.073-2.256-5.592a6.796 6.796 0 0 0-4.839-2.029c-1.901 0-3.76.667-5.25 1.845l-.355.284-.34-.284c-1.633-1.39-3.18-2.1-4.599-2.1h-.014l-.014-.029Zm4.98 21.556-9.38-9.068a6.546 6.546 0 0 1-1.859-4.584c0-1.717.653-3.334 1.845-4.569a6.184 6.184 0 0 1 4.427-1.873c1.263 0 2.753.809 4.414 2.427a.792.792 0 0 0 1.135 0 7.217 7.217 0 0 1 5.009-2.143h.043c1.433 0 2.81.582 3.803 1.603a6.576 6.576 0 0 1 1.83 4.556c0 1.702-.653 3.32-1.816 4.555L58.96 52.86h-.014ZM50.333 35.39a5.486 5.486 0 0 0 0 7.635l8.614 8.33 8.67-8.359a5.479 5.479 0 0 0 1.505-3.788c0-1.42-.54-2.782-1.519-3.804a4.208 4.208 0 0 0-3.008-1.263h-.029a6.073 6.073 0 0 0-4.243 1.817c-.71.723-1.972.71-2.682 0-1.39-1.348-2.696-2.1-3.646-2.1a5.125 5.125 0 0 0-3.648 1.546l-.014-.014Z\"\r\n        fill=\"#6FC282\"\r\n      />\r\n      <path\r\n        d=\"M76.997 57.982 58.89 76.09a2.18 2.18 0 0 1-1.547.638H40.358c-.34 0-.652.128-.894.369l-4.072 4.073-7.961-7.961 9.806-9.792a4.963 4.963 0 0 1 3.434-1.39h21.654c.653 0 1.263.298 1.675.809.014.028.042.042.07.07a2.18 2.18 0 0 1-1.745 3.49H50.376c-.695.001-1.263.569-1.263 1.264 0 .696.568 1.263 1.263 1.263h11.948c1.263 0 2.441-.496 3.335-1.376a4.667 4.667 0 0 0 1.377-3.335c0-.695-.17-1.362-.454-1.973l7.336-7.336c.823-.823 2.256-.823 3.08 0 .41.412.638.965.638 1.547s-.227 1.12-.639 1.547v-.015Zm1.788-4.881a4.667 4.667 0 0 0-3.334-1.377c-1.263 0-2.441.497-3.335 1.377l-7.18 7.18a4.587 4.587 0 0 0-1.221-.582c-.014 0-.043 0-.057-.014a3.905 3.905 0 0 0-.553-.128c-.043 0-.085-.014-.142-.028a4.822 4.822 0 0 0-.639-.042H40.67a7.488 7.488 0 0 0-5.208 2.114L24.748 72.315a1.268 1.268 0 0 0 0 1.788l9.763 9.763c.241.241.553.369.894.369.34 0 .653-.128.894-.37l4.598-4.597h16.46c1.264 0 2.441-.496 3.336-1.376L78.8 59.785a4.667 4.667 0 0 0 1.376-3.335c0-1.263-.497-2.441-1.376-3.335\"\r\n        fill=\"#6FC282\"\r\n      />\r\n      <path\r\n        d=\"M35.378 84.774c-.483 0-.937-.184-1.277-.525l-9.764-9.763a1.816 1.816 0 0 1 0-2.554l10.714-10.714a8 8 0 0 1 5.591-2.27h21.655c.241 0 .483.014.724.056l.156.029c.199.028.412.085.61.141.383.114.738.256 1.05.44l6.883-6.882c1.986-1.987 5.449-1.987 7.436 0a5.229 5.229 0 0 1 1.546 3.718 5.229 5.229 0 0 1-1.546 3.718L61.047 78.275a5.229 5.229 0 0 1-3.718 1.547H41.097l-4.442 4.441c-.34.34-.795.525-1.277.525v-.014ZM62.31 60.026H40.657c-1.802 0-3.52.695-4.84 1.958l-10.713 10.7a.697.697 0 0 0-.213.51c0 .185.07.384.213.511l9.763 9.764c.27.27.752.27 1.022 0l4.753-4.754H57.33c1.122 0 2.157-.44 2.952-1.22L78.39 59.386a4.095 4.095 0 0 0 1.22-2.951c0-1.121-.44-2.172-1.22-2.952-1.575-1.575-4.328-1.575-5.903 0l-7.493 7.507-.369-.241a4.733 4.733 0 0 0-1.078-.526c-.213-.056-.369-.099-.54-.127a4.825 4.825 0 0 0-.695-.057v-.014Zm-26.933 21.91-8.727-8.727 10.188-10.175a5.449 5.449 0 0 1 3.818-1.547H62.31a2.72 2.72 0 0 1 2.1 1.008c.44.553.625 1.121.625 1.717 0 .724-.284 1.405-.795 1.93a2.752 2.752 0 0 1-1.93.795H50.363a.727.727 0 0 0-.724.723c0 .398.327.724.724.724h11.948c1.121 0 2.172-.44 2.952-1.22a4.12 4.12 0 0 0 1.22-2.952c0-.582-.142-1.178-.397-1.745l-.156-.34 7.592-7.593a2.725 2.725 0 0 1 1.93-.78 2.75 2.75 0 0 1 1.93.78c.51.511.794 1.192.794 1.93s-.283 1.405-.794 1.93L59.275 76.501c-.511.51-1.192.795-1.93.795H40.359a.675.675 0 0 0-.511.213l-4.456 4.455-.014-.028Zm-7.195-8.727 7.195 7.194 3.69-3.69c.34-.34.794-.524 1.276-.524H57.33c.44 0 .852-.17 1.164-.483l18.107-18.12a1.623 1.623 0 0 0 0-2.314c-.61-.61-1.703-.624-2.313 0l-7.067 7.067a5.01 5.01 0 0 1 .355 1.845 5.229 5.229 0 0 1-1.547 3.718 5.228 5.228 0 0 1-3.718 1.546H50.363a1.82 1.82 0 0 1-1.816-1.816 1.81 1.81 0 0 1 1.816-1.816h11.948c.44 0 .852-.17 1.164-.483.312-.312.483-.724.483-1.163 0-.355-.114-.696-.327-.98-.369-.44-.823-.667-1.305-.667H40.67c-1.15 0-2.228.44-3.065 1.25l-9.409 9.393-.014.043Z\"\r\n        fill=\"#6FC282\"\r\n      />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"CircleHandHeartIcon\">\r\n        <path fill=\"#fff\" d=\"M0 0h115v115H0z\" />\r\n      </clipPath>\r\n    </defs>\r\n  </svg>\r\n)\r\n\r\nexport default CircleHandHeartIcon\r\n","import * as React from \"react\"\r\n\r\nconst CircleHandLeafIcon = props => (\r\n  <svg\r\n    width={114}\r\n    height={115}\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    {...props}\r\n  >\r\n    <g clipPath=\"url(#CircleHandLeafIcon)\">\r\n      <path\r\n        d=\"M57 115C25.574 115 0 89.202 0 57.5S25.574 0 57 0s57 25.798 57 57.5S88.426 115 57 115ZM57 5.435C28.542 5.449 5.402 28.793 5.402 57.5c0 28.707 23.154 52.051 51.598 52.051s51.598-23.358 51.598-52.051S85.458 5.45 57 5.45v-.015Z\"\r\n        fill=\"#A8D7B0\"\r\n      />\r\n      <path\r\n        d=\"m79.507 55.258-17.05 17.199c-.393.383-.9.61-1.448.61h-15.98a1.2 1.2 0 0 0-.845.355l-3.826 3.86-7.498-7.564 9.228-9.295a4.615 4.615 0 0 1 3.236-1.32h20.383c.605 0 1.182.284 1.576.767.014.028.042.042.056.056.267.355.408.781.408 1.235 0 .553-.211 1.079-.605 1.462s-.9.61-1.449.61h-11.24a1.2 1.2 0 0 0-1.195 1.206 1.2 1.2 0 0 0 1.195 1.206h11.24a4.432 4.432 0 0 0 3.137-1.305 4.451 4.451 0 0 0 1.294-3.165c0-.652-.155-1.291-.422-1.873l6.893-6.953c.774-.78 2.124-.78 2.898 0 .394.383.605.908.605 1.461 0 .554-.211 1.079-.605 1.462l.014-.014Zm1.688-4.626a4.374 4.374 0 0 0-3.137-1.306 4.433 4.433 0 0 0-3.137 1.306l-6.752 6.825a4.33 4.33 0 0 0-1.154-.553h-.056c-.169-.057-.338-.085-.52-.128-.043 0-.085-.014-.127-.028a4.186 4.186 0 0 0-.605-.043H45.324c-1.829 0-3.56.71-4.91 2.015L30.328 68.88a1.197 1.197 0 0 0-.351.852c0 .326.126.624.351.852l9.186 9.266a1.2 1.2 0 0 0 .844.355 1.2 1.2 0 0 0 .844-.355l4.319-4.356h15.488a4.432 4.432 0 0 0 3.137-1.306l17.049-17.185a4.452 4.452 0 0 0 1.294-3.164 4.487 4.487 0 0 0-1.294-3.165\"\r\n        fill=\"#6FC282\"\r\n      />\r\n      <path\r\n        d=\"M40.346 80.73c-.45 0-.9-.185-1.224-.511l-9.186-9.266a1.747 1.747 0 0 1-.506-1.235c0-.468.183-.908.506-1.235l10.086-10.16c1.45-1.405 3.32-2.171 5.29-2.171h20.383c.225 0 .45.014.675.042l.14.029c.212.042.394.085.591.142.366.113.676.241.971.411l6.457-6.513c1.87-1.902 5.163-1.902 7.034 0a5.015 5.015 0 0 1 1.462 3.547c0 1.334-.52 2.597-1.463 3.548L64.513 74.543a4.904 4.904 0 0 1-3.517 1.476H45.733l-4.163 4.2a1.74 1.74 0 0 1-1.224.51Zm25.349-23.485H45.312c-1.689 0-3.292.666-4.53 1.858L30.71 69.263a.646.646 0 0 0-.197.47c0 .184.07.34.183.468l9.186 9.266c.239.241.689.241.928 0l4.473-4.527h15.713a3.867 3.867 0 0 0 2.758-1.15l17.049-17.198a3.936 3.936 0 0 0 1.14-2.782c0-1.05-.409-2.043-1.14-2.78-1.477-1.49-4.037-1.49-5.514 0l-7.076 7.137-.366-.256a3.71 3.71 0 0 0-1.013-.482 4.245 4.245 0 0 0-1.153-.17l.014-.014Zm-25.35 20.817-8.257-8.33 9.608-9.678a5.181 5.181 0 0 1 3.616-1.476h20.383c.773 0 1.505.355 1.997.965.408.54.591 1.079.591 1.647 0 .695-.267 1.362-.76 1.844a2.553 2.553 0 0 1-1.828.767h-11.24a.648.648 0 0 0-.647.652c0 .355.295.653.647.653h11.24a3.867 3.867 0 0 0 2.757-1.15 3.936 3.936 0 0 0 1.14-2.78c0-.554-.127-1.108-.38-1.647l-.155-.34 7.16-7.223a2.61 2.61 0 0 1 1.829-.752c.689 0 1.364.27 1.828.752.493.496.76 1.15.76 1.844 0 .696-.267 1.363-.76 1.845l-17.049 17.2a2.553 2.553 0 0 1-1.829.765h-15.98a.66.66 0 0 0-.464.2l-4.206 4.242Zm-6.723-8.33 6.724 6.783 3.446-3.476c.324-.327.76-.511 1.224-.511h15.98c.408 0 .788-.156 1.07-.44l17.049-17.2c.281-.283.45-.666.45-1.078 0-.411-.155-.794-.45-1.078a1.515 1.515 0 0 0-1.07-.426c-.407 0-.801.156-1.068.426l-6.64 6.698c.225.582.323 1.163.323 1.76 0 1.348-.52 2.596-1.462 3.547a4.905 4.905 0 0 1-3.517 1.476H54.44c-.957 0-1.73-.78-1.73-1.745 0-.965.773-1.746 1.73-1.746h11.24c.408 0 .787-.156 1.069-.44.281-.284.45-.667.45-1.078 0-.327-.099-.639-.31-.909-.337-.411-.76-.61-1.21-.61H45.298c-1.069 0-2.081.412-2.855 1.164l-8.834 8.912.014-.029ZM55.017 32.908a12.913 12.913 0 0 1 3.11 8.443 12.95 12.95 0 0 1-3.11 8.458 12.922 12.922 0 0 1-3.108-8.458c0-3.15 1.097-6.102 3.108-8.443Zm5.472 8.983c2.167-2.072 4.91-3.307 7.864-3.52a12.913 12.913 0 0 1-3.728 8.188 12.714 12.714 0 0 1-6.864 3.605c1.688-2.413 2.63-5.265 2.728-8.273Zm-6.301 10.543c.224.227.534.34.83.34 0 0 .098 0 .14-.014h.379c4.08 0 7.893-1.589 10.776-4.498 2.954-2.98 4.53-6.94 4.46-11.154 0-.652-.535-1.163-1.168-1.177-3.39-.071-6.612.979-9.284 2.965a15.302 15.302 0 0 0-4.46-8.6 1.182 1.182 0 0 0-1.66 0c-3.01 2.924-4.67 6.855-4.67 11.07 0 4.214 1.66 8.13 4.657 11.068\"\r\n        fill=\"#6FC282\"\r\n      />\r\n      <path\r\n        d=\"M55.536 53.3H55c-.45 0-.872-.17-1.195-.483a15.907 15.907 0 0 1-4.825-11.466c0-4.356 1.716-8.429 4.825-11.451a1.722 1.722 0 0 1 2.405 0 15.717 15.717 0 0 1 4.46 8.06c2.644-1.76 5.725-2.64 8.918-2.583a1.725 1.725 0 0 1 1.702 1.717c.084 4.37-1.561 8.458-4.614 11.537a15.58 15.58 0 0 1-11.155 4.654l.014.015Zm-.324-1.107h.324c3.925 0 7.624-1.533 10.395-4.328 2.842-2.867 4.375-6.684 4.305-10.757a.657.657 0 0 0-.647-.652c-3.222-.086-6.358.922-8.961 2.852l-.717.525-.141-.88a14.749 14.749 0 0 0-4.305-8.287.668.668 0 0 0-.914 0 14.786 14.786 0 0 0-4.501 10.671c0 4.058 1.59 7.847 4.501 10.671a.674.674 0 0 0 .45.185H55.212Zm1.365-1.306.745-1.064a14.655 14.655 0 0 0 2.63-7.975v-.227l.17-.156c2.279-2.171 5.106-3.434 8.187-3.661l.619-.043-.043.624c-.239 3.264-1.575 6.216-3.882 8.529a13.315 13.315 0 0 1-7.146 3.76l-1.28.227v-.014Zm4.445-8.784a15.916 15.916 0 0 1-2.096 7.21 12.14 12.14 0 0 0 5.317-3.165 12.319 12.319 0 0 0 3.517-7.195c-2.518.312-4.825 1.405-6.724 3.15h-.014Zm-6.007 8.515-.408-.483a13.573 13.573 0 0 1-3.235-8.812c0-3.25 1.125-6.33 3.235-8.813l.408-.482.408.483c2.11 2.469 3.236 5.52 3.236 8.812s-1.112 6.329-3.236 8.812l-.408.483Zm0-16.873c-1.674 2.186-2.56 4.797-2.56 7.592 0 2.796.886 5.42 2.56 7.592 1.674-2.185 2.56-4.796 2.56-7.592 0-2.796-.886-5.407-2.56-7.592Z\"\r\n        fill=\"#6FC282\"\r\n      />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"CircleHandLeafIcon\">\r\n        <path fill=\"#fff\" d=\"M0 0h114v115H0z\" />\r\n      </clipPath>\r\n    </defs>\r\n  </svg>\r\n)\r\n\r\nexport default CircleHandLeafIcon\r\n","import * as React from \"react\"\r\n\r\nconst CircleRocketIcon = props => (\r\n  <svg\r\n    width={115}\r\n    height={115}\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    {...props}\r\n  >\r\n    <g clipPath=\"url(#CircleRocketIcon)\">\r\n      <path\r\n        d=\"M57.5 115C25.798 115 0 89.202 0 57.5S25.798 0 57.5 0 115 25.798 115 57.5 89.202 115 57.5 115Zm0-109.565C28.793 5.449 5.45 28.793 5.45 57.5c0 28.707 23.357 52.051 52.05 52.051 28.693 0 52.051-23.358 52.051-52.051S86.207 5.45 57.5 5.45v-.015Z\"\r\n        fill=\"#A8D7B0\"\r\n      />\r\n      <path\r\n        d=\"M70.044 72.031c-1.604-2.824-3.746-5.733-6.414-7.407a43.667 43.667 0 0 0 2.057-8.103c4.045 5.42 4.357 11.225 4.357 11.296v4.214Zm-10.998-4.654H57.13v-2.143c0-.837-.695-1.533-1.532-1.533-.837 0-1.533.681-1.533 1.533v2.058H51.54c-2.284-4.655-3.519-10.459-3.519-16.419 0-9.394 3.278-18.476 8.018-22.918 4.427 4.967 7.11 13.14 7.11 21.84 0 6.485-1.448 12.672-4.13 17.567M40.91 72.017v-4.13c0-.07.312-5.96 4.427-11.38.383 2.895.993 5.648 1.916 8.173-2.668 1.675-4.81 4.584-6.343 7.337Zm32.156-4.271c0-.383-.455-8.7-6.954-15.354.071-.838.071-1.76.071-2.597 0-10.232-3.363-19.555-9.01-25.047l-.923-.837-.994.766C49.07 29.261 44.941 39.79 44.941 50.873c0 .454 0 .922.07 1.377-6.64 6.726-7.109 15.198-7.109 15.58v7.025c0 1.15.767 2.058 1.83 2.285.157.07.384.07.54.07.922 0 1.76-.538 2.143-1.376 1.76-3.817 3.817-6.726 5.96-8.244.298.61.61 1.29.922 1.915l.454.838 4.357.07v3.818c0 .837.681 1.532 1.533 1.532.85 0 1.532-.695 1.532-1.532v-3.817l3.661.07.454-.766c.384-.681.838-1.447 1.15-2.214 2.142 1.533 4.356 4.428 6.187 8.401a2.358 2.358 0 0 0 2.143 1.377c.156 0 .383 0 .539-.071 1.064-.227 1.83-1.22 1.83-2.285l-.07-7.18ZM55.615 79.51c-.838 0-1.533.68-1.533 1.532v9.011c0 .837.681 1.533 1.533 1.533.851 0 1.532-.696 1.532-1.533v-9.01c0-.838-.681-1.534-1.532-1.534Z\"\r\n        fill=\"#6FC282\"\r\n      />\r\n      <path\r\n        d=\"M50.122 72.797c-.837 0-1.532.681-1.532 1.533v9.01c0 .838.681 1.534 1.532 1.534.852 0 1.533-.696 1.533-1.533V74.33c0-.837-.681-1.533-1.533-1.533ZM61.118 72.797c-.837 0-1.532.681-1.532 1.533v9.01c0 .838.681 1.534 1.532 1.534.852 0 1.533-.696 1.533-1.533V74.33c0-.837-.681-1.533-1.533-1.533ZM58.295 47.978c0 1.22-.994 2.214-2.214 2.214a2.217 2.217 0 0 1-2.214-2.214c0-1.22.994-2.214 2.214-2.214s2.214.994 2.214 2.214Zm-2.214-5.194a5.272 5.272 0 0 0-5.265 5.265c0 2.895 2.37 5.265 5.265 5.265 2.895 0 5.265-2.37 5.265-5.265-.071-2.895-2.37-5.265-5.265-5.265Z\"\r\n        fill=\"#6FC282\"\r\n      />\r\n    </g>\r\n    <defs>\r\n      <clipPath id=\"CircleRocketIcon\">\r\n        <path fill=\"#fff\" d=\"M0 0h115v115H0z\" />\r\n      </clipPath>\r\n    </defs>\r\n  </svg>\r\n)\r\n\r\nexport default CircleRocketIcon\r\n","import React from \"react\"\r\nimport { Col, Container, Row } from \"reactstrap\"\r\nimport styled from \"styled-components\"\r\nimport CircleBulbIcon from \"components/svg/CircleBulbIcon\"\r\nimport CircleHandHeartIcon from \"components/svg/CircleHandHeartIcon\"\r\nimport CircleHandLeafIcon from \"components/svg/CircleHandLeafIcon\"\r\nimport CircleRocketIcon from \"components/svg/CircleRocketIcon\"\r\nimport vars from \"styles/variables\"\r\n\r\nfunction WhyChooseUs() {\r\n  return (\r\n    <Container fluid className=\"mb-5\" data-scroll-section>\r\n      <Row>\r\n        <Col>\r\n          <Container>\r\n            <Row>\r\n              <Col>\r\n                <StyledCircle />\r\n                <StyledContentOverlay\r\n                  style={{ paddingTop: 100 }}\r\n                  className=\"text-center\"\r\n                >\r\n                  <h2 data-scroll data-scroll-speed=\"4\">\r\n                    Why choose us?\r\n                  </h2>\r\n                  <StyledParagraph\r\n                    className=\"mb-4\"\r\n                    data-scroll\r\n                    data-scroll-speed=\"3\"\r\n                  >\r\n                    We love what we do and it shows in our impressive portfolio,\r\n                    which stands as a testimony to the outcomes we've achieved\r\n                    and our passion for innovation and continuous improvement.\r\n                  </StyledParagraph>\r\n\r\n                  <Row data-scroll data-scroll-speed=\"2\" className=\"mb-5\">\r\n                    <Col xs=\"6\" md=\"3\" className=\"mb-4\">\r\n                      <p>\r\n                        <CircleBulbIcon />\r\n                      </p>\r\n                      <strong>We're creative thinkers</strong>\r\n                    </Col>\r\n                    <Col xs=\"6\" md=\"3\" className=\"mb-4\">\r\n                      <p>\r\n                        <CircleRocketIcon />\r\n                      </p>\r\n                      <strong>We're innovators</strong>\r\n                    </Col>\r\n                    <Col xs=\"6\" md=\"3\" className=\"mb-4\">\r\n                      <p>\r\n                        <CircleHandLeafIcon />\r\n                      </p>\r\n                      <strong>\r\n                        We're passionate about a sustainable future\r\n                      </strong>\r\n                    </Col>\r\n                    <Col xs=\"6\" md=\"3\" className=\"mb-4\">\r\n                      <p>\r\n                        <CircleHandHeartIcon />\r\n                      </p>\r\n                      <strong>We're honest and trustworthy</strong>\r\n                    </Col>\r\n                  </Row>\r\n                </StyledContentOverlay>\r\n              </Col>\r\n            </Row>\r\n          </Container>\r\n        </Col>\r\n      </Row>\r\n    </Container>\r\n  )\r\n}\r\n\r\nexport default WhyChooseUs\r\n\r\nconst StyledCircle = styled.div`\r\n  position: absolute;\r\n  z-index: 10;\r\n  left: -40%;\r\n  width: 180%;\r\n  display: block;\r\n  background: rgba(217, 217, 217, 0.1);\r\n  border-radius: 50%;\r\n  top: 0;\r\n  aspect-ratio: 1 / 1;\r\n\r\n  @media (max-width: ${vars.screen_sm_max}) {\r\n    width: 300%;\r\n    left: -100%;\r\n  }\r\n`\r\n\r\nconst StyledContentOverlay = styled.div`\r\n  position: relative;\r\n  z-index: 20;\r\n  mix-blend-mode: multiply;\r\n  padding-top: 200px;\r\n`\r\nconst StyledParagraph = styled.p`\r\n  max-width: 640px;\r\n  margin-left: auto;\r\n  margin-right: auto;\r\n`\r\n","import React from \"react\"\r\nimport ArrowUpIcon from \"components/svg/ArrowUpIcon\"\r\nimport styled from \"styled-components\"\r\nimport vars from \"styles/variables\"\r\nimport { enlargeCursorSize, resetCursorSize } from \"utils/animationUtil\"\r\n\r\nfunction BackToTop(props) {\r\n  return (\r\n    <StyledBackToTopButton\r\n      onMouseEnter={enlargeCursorSize}\r\n      onMouseLeave={resetCursorSize}\r\n      {...props}\r\n    >\r\n      Back To Top <ArrowUpIcon />\r\n    </StyledBackToTopButton>\r\n  )\r\n}\r\n\r\nexport default BackToTop\r\n\r\nconst StyledBackToTopButton = styled.div`\r\n  position: fixed;\r\n  background: ${vars.grey_600};\r\n  color: ${vars.white};\r\n  padding: 10px 20px;\r\n  border-radius: 56px;\r\n  text-transform: uppercase;\r\n  z-index: 240;\r\n  display: grid;\r\n  grid-template-columns: auto auto;\r\n  align-items: center;\r\n  gap: 1rem;\r\n  bottom: 20px;\r\n  left: 20px;\r\n  line-height: 1;\r\n  font-size: 14px;\r\n`\r\n","import React from \"react\"\r\nimport { Col, Container, Row } from \"reactstrap\"\r\nimport styled from \"styled-components\"\r\nimport PageTemplate from \"templates/PageTemplate\"\r\nimport useLocoScroll from \"hooks/useLocoScroll\"\r\nimport useAboutUs from \"hooks/useAboutUs\"\r\nimport useImagePreloader from \"hooks/useImagePreloader\"\r\nimport ImgAbout1 from \"assets/images/about1.png\"\r\nimport ImgAbout2 from \"assets/images/about2.png\"\r\nimport ImgAbout3 from \"assets/images/about3.png\"\r\nimport ImgAbout4 from \"assets/images/about4.png\"\r\nimport ImgAbout5 from \"assets/images/about5.png\"\r\nimport ImgAbout6 from \"assets/images/about6.png\"\r\nimport Seo from \"components/common/Seo\"\r\nimport WhyChooseUs from \"components/core/WhyChooseUs\"\r\nimport BackToTop from \"components/common/BackToTop\"\r\nimport vars from \"styles/variables\"\r\n\r\nconst preloadSrcList = [\r\n  ImgAbout1,\r\n  ImgAbout2,\r\n  ImgAbout3,\r\n  ImgAbout4,\r\n  ImgAbout5,\r\n  ImgAbout6,\r\n]\r\n\r\nfunction AboutUsPage() {\r\n  const { imagesPreloaded } = useImagePreloader(preloadSrcList)\r\n  const { aboutUsRef } = useAboutUs(imagesPreloaded)\r\n\r\n  const { locoScrollTop } = useLocoScroll(imagesPreloaded)\r\n\r\n  if (!imagesPreloaded) return null\r\n\r\n  return (\r\n    <StyledAboutUsPage ref={aboutUsRef}>\r\n      <Seo title=\"About Us\" />\r\n      <BackToTop onClick={locoScrollTop} />\r\n      <PageTemplate title=\"About us\" hideTitle style={{ paddingBottom: 70 }}>\r\n        <Container>\r\n          <Row className=\"mb-5\" data-scroll-section>\r\n            <Col xs=\"12\" lg=\"6\">\r\n              <StyledAboutUs className=\"about-us-title\">\r\n                <div\r\n                  data-scroll\r\n                  data-scroll-speed=\"2\"\r\n                  data-scroll-position=\"top\"\r\n                  data-scroll-direction=\"horizontal\"\r\n                  style={{ marginBottom: 2 }}\r\n                >\r\n                  <span>a</span>\r\n                </div>\r\n                <div\r\n                  data-scroll\r\n                  data-scroll-speed=\"1\"\r\n                  data-scroll-position=\"top\"\r\n                  data-scroll-direction=\"horizontal\"\r\n                  style={{ marginBottom: -6, marginLeft: -1 }}\r\n                >\r\n                  <span>b</span>\r\n                </div>\r\n                <div\r\n                  data-scroll\r\n                  data-scroll-speed=\"0.5\"\r\n                  data-scroll-position=\"top\"\r\n                  data-scroll-direction=\"horizontal\"\r\n                >\r\n                  <span>out us</span>\r\n                </div>\r\n              </StyledAboutUs>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"mb-5 align-items-start\" data-scroll-section>\r\n            <Col xs=\"12\" lg=\"6\">\r\n              <p>\r\n                At I/O Atelier, we’ve been on a journey to redefine the future\r\n                of design since our inception. From a bold idea to a thriving\r\n                team of architects, creatives, engineers, and technologists,\r\n                we’ve proven that creativity and data can work in harmony to\r\n                shape the built environment.\r\n                <br />\r\n                <br />\r\n                Our approach seamlessly integrates technology and artistry,\r\n                blending data-driven insights with design ingenuity to create\r\n                spaces that inspire and endure. We are united by our mission to\r\n                design for people, crafting human-centric, intuitive and\r\n                meaningful environments.\r\n              </p>\r\n            </Col>\r\n\r\n            <Col xs=\"12\" lg=\"6\">\r\n              <img\r\n                src={ImgAbout1}\r\n                alt=\"Net Zero Graph\"\r\n                className=\"img-fluid w-100\"\r\n                style={{ borderRadius: \"20px\" }}\r\n              />\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"mb-2\" data-scroll-section>\r\n            <Col xs=\"12\" lg=\"12\" style={{ display: \"flex\" }}>\r\n              <h2 style={{ fontWeight: \"bold\", textAlign: \"right\" }}>\r\n                Our Mission\r\n              </h2>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"mb-5 align-items-start\" data-scroll-section>\r\n            <Col xs=\"12\" lg=\"6\">\r\n              <img\r\n                src={ImgAbout2}\r\n                alt=\"Net Zero Graph\"\r\n                className=\"img-fluid w-100 mb-4\"\r\n                style={{ borderRadius: \"20px\" }}\r\n              />\r\n              <p\r\n                style={{\r\n                  fontSize: \"0.7rem\",\r\n                  fontWeight: \"300\",\r\n                  marginTop: \"10px\",\r\n                  textAlign: \"left\",\r\n                  paddingRight: \"5%\",\r\n                }}\r\n              >\r\n                Private Members Club in Dubai\r\n              </p>\r\n            </Col>\r\n\r\n            <Col xs=\"12\" lg=\"6\">\r\n              <p>\r\n                Enhance the human experience through thoughtful design.\r\n                <br />\r\n                <br />\r\n                Eliminate wasteful processes and prioritize sustainability.\r\n                <br />\r\n                <br />\r\n                Deliver innovative, future-proof solutions that leave a lasting\r\n                impact.\r\n                <br />\r\n                <br />\r\n                Continuously explore new sustainable materials and techniques to\r\n                drive innovation.\r\n              </p>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"w-100 d-flex justify-content-end\" data-scroll-section>\r\n            <Col xs=\"12\" lg=\"12\">\r\n              <div\r\n                className=\"mb-5\"\r\n                style={{\r\n                  width: \"100%\",\r\n                  textAlign: \"right\",\r\n                  textAlignLast: \"right\",\r\n                  direction: \"ltr\",\r\n                  paddingRight: \"5%\",\r\n                }}\r\n              >\r\n                <h2 style={{ fontWeight: \"bold\", textAlign: \"right\" }}>\r\n                  What sets us apart{\" \"}\r\n                </h2>\r\n                <p\r\n                  style={{\r\n                    fontSize: \"2rem\",\r\n                    fontWeight: \"400\",\r\n                    lineHeight: \"1.6\",\r\n                  }}\r\n                >\r\n                  We believe that great design starts with great data, and our\r\n                  commitment to excellence drives everything we do.\r\n                </p>\r\n              </div>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"mb-5 align-items-center\" data-scroll-section>\r\n            <Col xs=\"12\" lg=\"12\">\r\n              <GridContainer>\r\n                <LeftImage>\r\n                  <Image src={ImgAbout3} alt=\"Top aligned\" />\r\n                  <Caption align=\"left\">\r\n                    DIFC Office Tower Lobby in Dubai\r\n                  </Caption>\r\n                </LeftImage>\r\n\r\n                <TextBlock>\r\n                  <h3>Multidisciplinary Expertise</h3>\r\n                  <p>\r\n                    We bring together architects, creatives, ML engineers, data\r\n                    scientists, and UX/UI product engineers to form a truly\r\n                    integrated team.\r\n                    <br />\r\n                    <br />\r\n                    Our unique blend of skills enables us to push boundaries and\r\n                    redefine what's possible in design.\r\n                  </p>\r\n\r\n                  <h3>AI-Augmented Workflows</h3>\r\n                  <p>\r\n                    By integrating AI into our processes, we eliminate\r\n                    inefficiencies, allowing us to focus more resources on\r\n                    creativity and innovation.\r\n                    <br />\r\n                    <br />\r\n                    Our custom workflows enable faster project delivery without\r\n                    compromising quality.\r\n                  </p>\r\n                </TextBlock>\r\n\r\n                <TextBlock>\r\n                  <h3>Client-Centric Solutions</h3>\r\n                  <p>\r\n                    Every project is tailored to meet our clients' unique needs,\r\n                    supported by actionable insights and collaborative\r\n                    engagement.\r\n                  </p>\r\n\r\n                  <h3>Sustainability Commitment</h3>\r\n                  <p>\r\n                    We design with purpose, prioritizing sustainable practices\r\n                    and minimizing environmental impact.\r\n                  </p>\r\n                </TextBlock>\r\n\r\n                <RightImage>\r\n                  <Image src={ImgAbout4} alt=\"Bottom aligned\" />\r\n                  <Caption align=\"right\">BNP Paribs Office Space</Caption>\r\n                </RightImage>\r\n              </GridContainer>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"w-100 d-flex justify-content-end\" data-scroll-section>\r\n            <Col xs=\"12\" lg=\"12\">\r\n              <div\r\n                className=\"mb-5\"\r\n                style={{\r\n                  width: \"100%\",\r\n                  textAlign: \"left\",\r\n                  textAlignLast: \"left\",\r\n                  direction: \"ltr\",\r\n                  paddingRight: \"5%\",\r\n                }}\r\n              >\r\n                <h2 style={{ fontWeight: \"bold\", textAlign: \"right\" }}>\r\n                  Our Process\r\n                </h2>\r\n                <p\r\n                  style={{\r\n                    fontSize: \"2rem\",\r\n                    fontWeight: \"400\",\r\n                    lineHeight: \"1.6\",\r\n                  }}\r\n                >\r\n                  At the heart of I/O Atelier is a process that combines\r\n                  creativity, collaboration, and cutting-edge technology.\r\n                </p>\r\n                <p\r\n                  style={{\r\n                    fontSize: \"1rem\",\r\n                    fontWeight: \"400\",\r\n                    lineHeight: \"1.6\",\r\n                  }}\r\n                >\r\n                  Our process is built to amplify creative thinking and deliver\r\n                  designs that stand the test. We bring your vision to life by ,\r\n                </p>\r\n                <p\r\n                  style={{\r\n                    fontSize: \"1rem\",\r\n                    fontWeight: \"400\",\r\n                    lineHeight: \"1.6\",\r\n                  }}\r\n                >\r\n                  <strong>Engaging</strong> and understanding your needs and\r\n                  aspirations,\r\n                </p>\r\n                <p\r\n                  style={{\r\n                    fontSize: \"1rem\",\r\n                    fontWeight: \"400\",\r\n                    lineHeight: \"1.6\",\r\n                  }}\r\n                >\r\n                  <strong>Analysing</strong> and using data insights to inform\r\n                  every step of the design process,\r\n                </p>\r\n                <p\r\n                  style={{\r\n                    fontSize: \"1rem\",\r\n                    fontWeight: \"400\",\r\n                    lineHeight: \"1.6\",\r\n                  }}\r\n                >\r\n                  <strong>Conceptualizing</strong> and developing creative\r\n                  solutions tailored to your vision,\r\n                </p>\r\n                <p\r\n                  style={{\r\n                    fontSize: \"1rem\",\r\n                    fontWeight: \"400\",\r\n                    lineHeight: \"1.6\",\r\n                  }}\r\n                >\r\n                  <strong>Developing</strong> and employing AI-driven workflows\r\n                  to enhance productivity and precision,\r\n                </p>\r\n                <p\r\n                  style={{\r\n                    fontSize: \"1rem\",\r\n                    fontWeight: \"400\",\r\n                    lineHeight: \"1.6\",\r\n                  }}\r\n                >\r\n                  <strong>Delivering</strong> exceptional results, seamlessly\r\n                  and sustainably.\r\n                </p>\r\n              </div>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"mb-5\" data-scroll-section>\r\n            <Col xs=\"12\" lg=\"12\">\r\n              <div\r\n                style={{\r\n                  width: \"100%\",\r\n                  textAlign: \"center\",\r\n                }}\r\n              >\r\n                <img\r\n                  src={ImgAbout5}\r\n                  alt=\"Al Khan Sharif Project\"\r\n                  style={{\r\n                    width: \"100%\",\r\n                    maxWidth: \"100vw\",\r\n                    borderRadius: \"20px\",\r\n                    display: \"block\",\r\n                    margin: \"0 auto\",\r\n                  }}\r\n                />\r\n\r\n                <p\r\n                  style={{\r\n                    fontSize: \"0.7rem\",\r\n                    fontWeight: \"300\",\r\n                    marginTop: \"10px\",\r\n                    textAlign: \"right\",\r\n                    paddingRight: \"0%\",\r\n                  }}\r\n                >\r\n                  Private residence in Dubai\r\n                </p>\r\n              </div>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"mb-5 align-items-start\" data-scroll-section>\r\n            <Col xs=\"12\" lg=\"6\">\r\n              <img\r\n                src={ImgAbout6}\r\n                alt=\"Net Zero Graph\"\r\n                className=\"img-fluid w-100 mb-4 mb-md-0\"\r\n                style={{\r\n                  borderRadius: \"20px\",\r\n                }}\r\n              />\r\n            </Col>\r\n\r\n            <Col xs=\"12\" lg=\"6\">\r\n              <h2>Sustainability: Building for the Future</h2>\r\n              <p>\r\n                We take a pragmatic and actionable approach to sustainability by\r\n                embedding it into every project. We ensure our designs\r\n                contribute to a better future through:\r\n              </p>\r\n              <p>\r\n                <strong>Lifecycle Design: </strong>Every material and object we\r\n                specify is considered for its entire lifecycle, ensuring it can\r\n                be re-used, re-purposed, or recycled wherever possible.\r\n                <br />\r\n                <br />\r\n                <strong>Minimizing Virgin Materials: </strong>We prioritize the\r\n                use of recycled and sustainable materials, avoiding virgin\r\n                resources whenever feasible.\r\n                <br />\r\n                <br />\r\n                <strong>Reducing Embodied Carbon: </strong>Collaborating with\r\n                the wider project team, we focus on reducing embodied carbon\r\n                throughout the design process.\r\n                <br />\r\n                <br />\r\n                <strong>Actionable Reporting: </strong>By the end of RIBA Stage\r\n                2, we deliver a detailed report outlining key decisions clients\r\n                can take to achieve low, neutral, or negative embodied carbon\r\n                outcomes.\r\n                <br />\r\n                <br />\r\n                <strong>Empowering Clients: </strong>We provide the data,\r\n                insights, and solutions to guide our clients in making informed\r\n                decisions while supporting them throughout the sustainability\r\n                journey.\r\n              </p>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"w-100 d-flex justify-content-end\" data-scroll-section>\r\n            <Col xs=\"12\" lg=\"12\">\r\n              <div\r\n                className=\"mb-5\"\r\n                style={{\r\n                  width: \"100%\",\r\n                  textAlign: \"right\",\r\n                  textAlignLast: \"right\",\r\n                  direction: \"ltr\",\r\n                  paddingRight: \"5%\",\r\n                }}\r\n              >\r\n                <p\r\n                  style={{\r\n                    fontSize: \"2rem\",\r\n                    fontWeight: \"200\",\r\n                    lineHeight: \"1.6\",\r\n                  }}\r\n                >\r\n                  Sustainability is not just a goal; it's a shared commitment to\r\n                  creating designs that are as impactful for people as they are\r\n                  for the planet.\r\n                </p>\r\n              </div>\r\n            </Col>\r\n          </Row>\r\n        </Container>\r\n        <WhyChooseUs />\r\n      </PageTemplate>\r\n    </StyledAboutUsPage>\r\n  )\r\n}\r\n\r\nexport default AboutUsPage\r\n\r\nconst StyledAboutUsPage = styled.div`\r\n  .about-us-content {\r\n    p {\r\n      opacity: 0;\r\n      transform: translate(60px, 60px);\r\n    }\r\n  }\r\n\r\n  .about-images,\r\n  .about-first-quote,\r\n  .about-circle-image {\r\n    opacity: 0;\r\n    transform: translate(0, 80px);\r\n  }\r\n`\r\n\r\nconst StyledAboutUs = styled.h2`\r\n  margin: 0;\r\n  font-weight: bold;\r\n  line-height: 1;\r\n  font-size: 56px;\r\n  letter-spacing: 7px;\r\n\r\n  span {\r\n    opacity: 0;\r\n    display: inline-block;\r\n    transform: rotate(-45deg);\r\n    transform: translate(40px, 40px);\r\n  }\r\n`\r\n\r\nconst GridContainer = styled.div`\r\n  display: grid;\r\n  grid-template-columns: 2fr 1.5fr 1fr;\r\n  grid-template-rows: auto auto auto auto auto;\r\n  padding: 20px;\r\n\r\n  @media (max-width: ${vars.screen_md_max}) {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 0;\r\n  }\r\n`\r\n\r\nconst LeftImage = styled.div`\r\n  grid-column: 1 / 2;\r\n  grid-row: 1 / 6;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  @media (max-width: ${vars.screen_md_max}) {\r\n    grid-column: auto;\r\n    grid-row: auto;\r\n  }\r\n`\r\n\r\nconst RightImage = styled.div`\r\n  grid-column: 3 / 4;\r\n  grid-row: 4 / 6;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n  align-items: flex-end;\r\n\r\n  @media (max-width: ${vars.screen_md_max}) {\r\n    align-items: flex-start;\r\n    text-align: left;\r\n    grid-column: auto;\r\n    grid-row: auto;\r\n  }\r\n`\r\n\r\nconst TextBlock = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n  text-align: left;\r\n  padding: 20px;\r\n\r\n  @media (max-width: ${vars.screen_md_max}) {\r\n    grid-column: auto;\r\n    grid-row: auto;\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n\r\n  &:nth-child(2) {\r\n    grid-column: 2 / 4;\r\n    grid-row: 1 / 4;\r\n    padding-bottom: 0;\r\n\r\n    @media (max-width: ${vars.screen_md_max}) {\r\n      grid-column: auto;\r\n      grid-row: auto;\r\n    }\r\n  }\r\n\r\n  &:nth-child(3) {\r\n    padding-top: 0;\r\n\r\n    @media (max-width: ${vars.screen_md_max}) {\r\n      grid-column: auto;\r\n      grid-row: auto;\r\n    }\r\n  }\r\n`\r\n\r\nconst Caption = styled.p`\r\n  font-size: 0.7rem;\r\n  font-weight: 300;\r\n  margin-top: 10px;\r\n  text-align: ${({ align }) => align || \"left\"};\r\n  padding-right: ${({ align }) => (align === \"left\" ? \"5%\" : \"0\")};\r\n  width: 100%;\r\n`\r\n\r\nconst Image = styled.img`\r\n  width: 100%;\r\n  height: auto;\r\n  border-radius: 10px;\r\n`\r\n","import { useEffect, useRef } from \"react\"\r\nimport { gsap } from \"gsap\"\r\nimport { resetCursorSize } from \"utils/animationUtil\"\r\nimport { useNav } from \"hooks/useNav\"\r\nimport { useFooter } from \"hooks/useFooter\"\r\n\r\nexport default function useAboutUs(isReady) {\r\n  const aboutUsRef = useRef()\r\n  const q = gsap.utils.selector(aboutUsRef)\r\n  const { isNavAnimating } = useNav()\r\n  const { handleShowBackToTop } = useFooter()\r\n\r\n  useEffect(() => {\r\n    handleShowBackToTop(true)\r\n    return handleShowBackToTop\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    if (!isReady || isNavAnimating) return\r\n\r\n    gsap\r\n      .timeline()\r\n      .to(q(\".about-us-title span\"), {\r\n        opacity: 1,\r\n        x: 0,\r\n        y: 0,\r\n        stagger: 0.2,\r\n        rotate: 0,\r\n        ease: \"back.out(1.5)\",\r\n      })\r\n      .to(\r\n        q(\".about-us-content p\"),\r\n        {\r\n          opacity: 1,\r\n          stagger: 0.4,\r\n          y: 0,\r\n          x: 0,\r\n        },\r\n        0.3\r\n      )\r\n      .to(\r\n        q(\".about-images\"),\r\n        {\r\n          opacity: 1,\r\n          y: 0,\r\n          duration: 1,\r\n        },\r\n        0.6\r\n      )\r\n      .to(\r\n        q(\".about-first-quote\"),\r\n        {\r\n          opacity: 1,\r\n          y: 0,\r\n          duration: 1,\r\n        },\r\n        0.8\r\n      )\r\n      .to(\r\n        q(\".about-circle-image\"),\r\n        {\r\n          opacity: 1,\r\n          y: 0,\r\n          duration: 1,\r\n        },\r\n        0.8\r\n      )\r\n    return () => resetCursorSize()\r\n  }, [isReady, isNavAnimating])\r\n\r\n  return {\r\n    aboutUsRef,\r\n  }\r\n}\r\n","import config from \"config\"\r\nimport httpService from \"services/httpService\"\r\n\r\nconst endpoint = `${config.api}/TeamMembers`\r\n\r\nexport function getTeamMembersList() {\r\n  // const data = await httpService.get(`${endpoint}/TeamMembersList`)\r\n  // return data\r\n  return {\r\n    items: [\r\n      {\r\n        \"firstName\": \"Steven\",\r\n        \"surname\": \"Charlton\",\r\n        \"jobTitle\": \"Founder & CEO\",\r\n        \"email\": \"steven@io-atelier.com\",\r\n        \"phone\": \"+44 (0) 7800 582169\",\r\n        \"phone2\": \"\",\r\n        \"bio\": \"Steven Charlton is a visionary leader passionate about transforming design through innovation and collaboration. As the Founder of I/O Atelier, Steven blends creativity, data science, and technology to challenge conventions and deliver groundbreaking solutions.<br/><br/>With decades of experience in leading global studios across Europe, Africa, and the Middle East, Steven drives the team to explore bold ideas and redefine the future of design.<br/><br/><i>\\\"At I/O Atelier, we believe in pushing boundaries and unlocking new possibilities where creativity meets data.\\\"</i>\",\r\n        \"image\": \"/assets/team/profileImage/Steven.jpg\",\r\n        \"displayOrder\": 1,\r\n        \"isFeatured\": true,\r\n        \"isAdvisor\": false,\r\n        \"id\": 1\r\n      },\r\n      {\r\n        \"firstName\": \"Mehdi\",\r\n        \"surname\": \"Jelokhani\",\r\n        \"jobTitle\": \"Co-Founder & Associate Design Director\",\r\n        \"email\": \"mehdi@io-atelier.com\",\r\n        \"phone\": \"\",\r\n        \"phone2\": \"\",\r\n        \"bio\": \"Mehdi Jelokhani’s design journey spans continents and cultures, bringing a global perspective to every project. From hospitals in the Middle East to innovative co-working spaces in Europe, Mehdi’s expertise lies in crafting environments that resonate with both functionality and human connection.<br/><br/>At I/O Atelier, he merges creativity with data-driven insights to design spaces that are as meaningful as they are impactful.<br/><br/><i>\\\"Design is more than aesthetics—it’s about shaping experiences that connect people and values.\\\"</i>\",\r\n        \"image\": \"/assets/team/profileImage/Mehdi.jpg\",\r\n        \"displayOrder\": 2,\r\n        \"isFeatured\": true,\r\n        \"isAdvisor\": false,\r\n        \"id\": 2\r\n      },\r\n      {\r\n        \"firstName\": \"Petya\",\r\n        \"surname\": \"Maydanova\",\r\n        \"jobTitle\": \"Senior Architect & Project Lead\",\r\n        \"email\": \"petya@io-atelier.com\",\r\n        \"phone\": \"\",\r\n        \"phone2\": \"\",\r\n        \"bio\": \"Petya Maydanova combines a passion for public and leisure spaces with expertise in sustainable architecture and listed buildings. Her diverse portfolio spans cinemas, retail, and residential projects.<br/><br/>At I/O Atelier, she leads projects with a focus on creativity, functionality, and environmental responsibility.<br/><br/><i>\\\"Architecture is about crafting spaces that connect people and inspire engagement.\\\"</i>\",\r\n        \"image\": \"/assets/team/profileImage/Petya.jpg\",\r\n        \"displayOrder\": 3,\r\n        \"isFeatured\": true,\r\n        \"isAdvisor\": false,\r\n        \"id\": 3\r\n      },\r\n      {\r\n        \"firstName\": \"Kristina\",\r\n        \"surname\": \"Milicevic\",\r\n        \"jobTitle\": \"Document Control Manager\",\r\n        \"email\": \"kristina@io-atelier.com\",\r\n        \"phone\": \"\",\r\n        \"phone2\": \"\",\r\n        \"bio\": \"Kristina Milicevic is a seasoned expert in document management, specializing in Aconex systems to ensure seamless project workflows. As Document Control Manager at I/O Atelier, Kristina brings a meticulous approach to managing complex documentation processes, ensuring accuracy and efficiency in every project.<br/><br/>Her expertise supports the team’s mission to blend creativity with precision and data-driven methodologies.<br/><br/><i>\\\"Efficient document control is the backbone of every successful project, enabling creativity to flourish within structured systems.\\\"</i>\",\r\n        \"image\": \"/assets/team/profileImage/Kristina.jpg\",\r\n        \"displayOrder\": 4,\r\n        \"isFeatured\": true,\r\n        \"isAdvisor\": false,\r\n        \"id\": 4\r\n      },\r\n      {\r\n        \"firstName\": \"Amanda\",\r\n        \"surname\": \"Baldwin\",\r\n        \"jobTitle\": \"Design Director\",\r\n        \"email\": \"amanda@io-atelier.com\",\r\n        \"phone\": \"\",\r\n        \"phone2\": \"\",\r\n        \"bio\": \"Amanda Baldwin is a cornerstone of I/O Atelier, leading the design team with over 27 years of experience in creating workplaces, hospitality spaces, and cultural environments.<br/><br/>A super-talented and seasoned expert, Amanda’s passion for design is matched by her dedication to innovation and functionality. She is especially committed to designing spaces that accommodate neurodiverse individuals, ensuring inclusivity and accessibility in every project.<br/><br/><i>\\\"Design should inspire and engage, leaving a lasting impact on people and the planet.\\\"</i>\",\r\n        \"image\": \"/assets/team/profileImage/Amanda.jpg\",\r\n        \"displayOrder\": 5,\r\n        \"isFeatured\": true,\r\n        \"isAdvisor\": false,\r\n        \"id\": 5\r\n      },\r\n      {\r\n        \"firstName\": \"Ian\",\r\n        \"surname\": \"Little\",\r\n        \"jobTitle\": \"Director of Design\",\r\n        \"email\": \"ian@io-atelier.com\",\r\n        \"phone\": \"\",\r\n        \"phone2\": \"\",\r\n        \"bio\": \"With over 25 years of expertise, Ian Little has shaped environments across workplace, entertainment, and cultural sectors. Ian’s work is grounded in creating human-friendly spaces that balance function and creativity.<br/><br/>At I/O Atelier, he leads design strategies that integrate sustainability and innovation, delivering transformative results.<br/><br/><i>\\\"Great design is about elevating everyday experiences and inspiring connection.\\\"</i>\",\r\n        \"image\": \"/assets/team/profileImage/Ian.jpg\",\r\n        \"displayOrder\": 6,\r\n        \"isFeatured\": true,\r\n        \"isAdvisor\": false,\r\n        \"id\": 6\r\n      },\r\n      {\r\n        \"firstName\": \"Susanne\",\r\n        \"surname\": \"Chan\",\r\n        \"jobTitle\": \"BIM Manager & Innovation Lead\",\r\n        \"email\": \"susanne@io-atelier.com\",\r\n        \"phone\": \"\",\r\n        \"phone2\": \"\",\r\n        \"bio\": \"Susanne specializes in bridging design and technology to create collaborative and efficient workflows. With extensive experience in BIM and digital tools, she ensures that innovation is embedded in every project at I/O Atelier.<br/><br/>Her work fosters seamless integration of people, processes, and policies to deliver exceptional results.<br/><br/><i>\\\"Innovation thrives where creativity and technology work hand in hand.\\\"</i>\",\r\n        \"image\": \"/assets/team/profileImage/Susanne.jpg\",\r\n        \"displayOrder\": 7,\r\n        \"isFeatured\": true,\r\n        \"isAdvisor\": false,\r\n        \"id\": 7\r\n      },\r\n      {\r\n        \"firstName\": \"Jonathan\",\r\n        \"surname\": \"Hill\",\r\n        \"jobTitle\": \"Director of Machine Learning\",\r\n        \"email\": \"jonathan@io-atelier.com\",\r\n        \"phone\": \"\",\r\n        \"phone2\": \"\",\r\n        \"bio\": \"Jonathan Hill is an expert in AI and machine learning, dedicated to integrating advanced technologies into creative processes. With a background as a Principal Data Scientist, Jonathan drives innovation at I/O Atelier by developing AI solutions that empower designers and clients alike.<br/><br/>His work ensures data becomes a seamless partner in delivering cutting-edge design.<br/><br/><i>\\\"At I/O Atelier, we don’t just use AI—we harness its potential to amplify creativity.\\\"</i>\",\r\n        \"image\": \"/assets/team/profileImage/Jonathan.jpg\",\r\n        \"displayOrder\": 8,\r\n        \"isFeatured\": true,\r\n        \"isAdvisor\": false,\r\n        \"id\": 8\r\n      },\r\n      {\r\n        \"firstName\": \"Alessio\",\r\n        \"surname\": \"Petrin\",\r\n        \"jobTitle\": \"Head of Product Engineering\",\r\n        \"email\": \"alessio@io-atelier.com\",\r\n        \"phone\": \"\",\r\n        \"phone2\": \"\",\r\n        \"bio\": \"Alessio Petrin brings deep expertise in scalable architecture and user-centric digital solutions. With experience across industries like PropTech, fintech, and LegalTech, Alessio combines technical mastery with a creative approach to solve complex challenges.<br/><br/>As Head of Product Engineering, he leads the development of transformative technologies that redefine how design meets data.<br/><br/><i>\\\"I/O Atelier is where innovation and practicality intersect, creating tools that enhance everyday experiences.\\\"</i>\",\r\n        \"image\": \"/assets/team/profileImage/Alessio.jpg\",\r\n        \"displayOrder\": 9,\r\n        \"isFeatured\": true,\r\n        \"isAdvisor\": false,\r\n        \"id\": 9\r\n      },\r\n      {\r\n        \"firstName\": \"Bartosz\",\r\n        \"surname\": \"Kurylek\",\r\n        \"jobTitle\": \"AI Integration Architect\",\r\n        \"email\": \"bartosz@io-atelier.com\",\r\n        \"phone\": \"\",\r\n        \"phone2\": \"\",\r\n        \"bio\": \"Bartosz Kurylek merges technical skills with a creative mindset to advance I/O Atelier’s AI-driven initiatives. Specializing in generative design and process automation, Bartosz plays a key role in integrating data and technology into the creative process, helping to redefine the possibilities of design.<br/><br/><i>\\\"At I/O Atelier, we’re shaping a new era where creativity meets intelligent systems.\\\"</i>\",\r\n        \"image\": \"/assets/team/profileImage/Bartosz.jpg\",\r\n        \"displayOrder\": 10,\r\n        \"isFeatured\": true,\r\n        \"isAdvisor\": false,\r\n        \"id\": 10\r\n      },\r\n      {\r\n        \"firstName\": \"Mrugank\",\r\n        \"surname\": \"Modi\",\r\n        \"jobTitle\": \"BIM Manager\",\r\n        \"email\": \"mrugank@io-atelier.com\",\r\n        \"phone\": \"\",\r\n        \"phone2\": \"\",\r\n        \"bio\": \"Mrugank Modi is a forward-thinking BIM Manager who excels at integrating cutting-edge technology with innovative design methodologies. With a strong background in parametric modeling and digital workflows, Mrugank is dedicated to enhancing collaboration and precision across all projects at I/O Atelier.<br/><br/>His expertise lies in leveraging advanced tools and techniques to streamline processes, optimize outcomes, and foster creative excellence.<br/><br/><i>\\\"BIM is a powerful enabler for creating smarter, more efficient, and future-ready designs.\\\"</i>\",\r\n        \"image\": \"/assets/team/profileImage/Mrugank.jpg\",\r\n        \"displayOrder\": 11,\r\n        \"isFeatured\": true,\r\n        \"isAdvisor\": false,\r\n        \"id\": 11\r\n      },\r\n      {\r\n        \"firstName\": \"Vriti\",\r\n        \"surname\": \"Sachdeva\",\r\n        \"jobTitle\": \"Project Architect\",\r\n        \"email\": \"vriti@io-atelier.com\",\r\n        \"phone\": \"\",\r\n        \"phone2\": \"\",\r\n        \"bio\": \"Vriti Sachdeva brings a creative and meticulous approach to her role as Project Architect at I/O Atelier. With a passion for blending design and data, Vriti excels in delivering projects that are both innovative and functional.<br/><br/>Her commitment to sustainability and collaboration ensures that every project she leads meets the highest standards of quality and impact.<br/><br/><i>\\\"Architecture is about solving problems with creativity and delivering spaces that inspire.\\\"</i>\",\r\n        \"image\": \"/assets/team/profileImage/Vriti.jpg\",\r\n        \"displayOrder\": 12,\r\n        \"isFeatured\": true,\r\n        \"isAdvisor\": false,\r\n        \"id\": 12\r\n      },\r\n    ],\r\n    responseMessage: null,\r\n    responseType: \"SUCCESS\",\r\n    id: null,\r\n  }\r\n}\r\n\r\nexport async function getAdvisorsList() {\r\n  const data = await httpService.get(`${endpoint}/AdvisorsList`)\r\n  return data\r\n}\r\n","import React from \"react\"\r\nimport { Col, Container, Row } from \"reactstrap\"\r\nimport styled from \"styled-components\"\r\nimport PageTemplate from \"templates/PageTemplate\"\r\nimport LoadingIcon from \"components/common/LoadingIcon\"\r\nimport vars from \"styles/variables\"\r\nimport { HideBodyOverflow } from \"styles/globalStyles\"\r\nimport { enlargeCursorSize, resetCursorSize } from \"utils/animationUtil\"\r\nimport useTeam from \"hooks/useTeam\"\r\nimport { noImage } from \"utils/imageUtil\"\r\nimport Seo from \"components/common/Seo\"\r\n\r\nexport default function TeamPage() {\r\n  const {\r\n    teamRef,\r\n    isLoading,\r\n    isTeamMemberHover,\r\n    activeMember,\r\n    featuredTeamMembers,\r\n    teamMembers,\r\n    setIsTeamMemberHover,\r\n    handleActiveMember,\r\n    handleCloseActiveMember,\r\n  } = useTeam()\r\n\r\n  if (isLoading) return <LoadingIcon width={60} colour=\"primary\" isFullScreen />\r\n\r\n  return (\r\n    <StyledTeamPage\r\n      ref={teamRef}\r\n      className={`${isTeamMemberHover ? \"is-team-member-hover\" : \"\"}`}\r\n    >\r\n      <PageTemplate hideTitle>\r\n        <Seo title=\"Projects\" />\r\n        <Container>\r\n          <Row>\r\n            <Col xs=\"12\" xl=\"5\">\r\n              <h1 className=\"team-title\">\r\n                <span className=\"rotate-1 rotate\">m</span>\r\n                <span className=\"rotate-2 rotate\">e</span>\r\n                <span className=\"rotate-3 rotate\">e</span>\r\n                <span className=\"rotate-4 rotate\">t</span>\r\n                <span className=\"slide-in\">the team</span>\r\n              </h1>\r\n            </Col>\r\n            <Col>\r\n              {featuredTeamMembers.length > 0 && (\r\n                <Row className=\"justify-content-center featured-member-list\">\r\n                  {featuredTeamMembers.map(item => (\r\n                    <Col xs=\"12\" md=\"6\" key={item.id}>\r\n                      <TeamMember\r\n                        data={item}\r\n                        onClick={() => handleActiveMember(item)}\r\n                        onMouseEnter={enlargeCursorSize}\r\n                        onMouseLeave={resetCursorSize}\r\n                      />\r\n                    </Col>\r\n                  ))}\r\n                </Row>\r\n              )}\r\n            </Col>\r\n          </Row>\r\n\r\n          {teamMembers.length > 0 && (\r\n            <Row className=\"row-cols-lg-5 justify-content-center team-member-list\">\r\n              {teamMembers.map(item => (\r\n                <Col\r\n                  xs=\"12\"\r\n                  sm=\"6\"\r\n                  md=\"3\"\r\n                  key={item.id}\r\n                  className=\"team-member-standard\"\r\n                >\r\n                  <TeamMember\r\n                    data={item}\r\n                    onClick={() => handleActiveMember(item)}\r\n                    onMouseEnter={() => {\r\n                      setIsTeamMemberHover(true)\r\n                      enlargeCursorSize()\r\n                    }}\r\n                    onMouseLeave={() => {\r\n                      setIsTeamMemberHover(false)\r\n                      resetCursorSize()\r\n                    }}\r\n                  />\r\n                </Col>\r\n              ))}\r\n            </Row>\r\n          )}\r\n        </Container>\r\n\r\n        {activeMember && (\r\n          <StyledActiveMember\r\n            onClick={handleCloseActiveMember}\r\n            className=\"animate-fade-in\"\r\n          >\r\n            <HideBodyOverflow />\r\n            <Container>\r\n              <Row>\r\n                <Col xs=\"12\" md=\"4\" className=\"mb-4\">\r\n                  <StyledTeamMemberImg\r\n                    src={activeMember.image || noImage}\r\n                    loading=\"lazy\"\r\n                    className=\"w-100\"\r\n                    isColour\r\n                  />\r\n                </Col>\r\n                <Col xs=\"12\" md=\"8\">\r\n                  <div onClick={e => e.stopPropagation()}>\r\n                    <h2 className=\"mb-2\">\r\n                      {activeMember.firstName} {activeMember.surname}\r\n                    </h2>\r\n                    <p className=\"text-uppercase mb-0\">\r\n                      {activeMember.jobTitle}\r\n                    </p>\r\n\r\n                    <p className=\"my-4\">\r\n                      {activeMember.email && (\r\n                        <a href={`mailto:${activeMember.email}`}>\r\n                          {activeMember.email}\r\n                        </a>\r\n                      )}\r\n                      {activeMember.phone && (\r\n                        <>\r\n                          <span className=\"d-none d-sm-inline-block mx-3\">\r\n                            |\r\n                          </span>\r\n                          <br className=\"d-sm-none\" />\r\n                          <a\r\n                            href={`tel:${activeMember.phone}`}\r\n                            className=\"text-nowrap\"\r\n                          >\r\n                            {activeMember.phone}\r\n                          </a>\r\n                        </>\r\n                      )}\r\n                      {activeMember.phone2 && (\r\n                        <>\r\n                          <span className=\"d-none d-sm-inline-block mx-3\">\r\n                            |\r\n                          </span>\r\n                          <br className=\"d-sm-none\" />\r\n                          <a\r\n                            href={`tel:${activeMember.phone2}`}\r\n                            className=\"text-nowrap\"\r\n                          >\r\n                            {activeMember.phone2}\r\n                          </a>\r\n                        </>\r\n                      )}\r\n                    </p>\r\n\r\n                    <div\r\n                      dangerouslySetInnerHTML={{ __html: activeMember.bio }}\r\n                    />\r\n                  </div>\r\n                </Col>\r\n              </Row>\r\n            </Container>\r\n          </StyledActiveMember>\r\n        )}\r\n      </PageTemplate>\r\n    </StyledTeamPage>\r\n  )\r\n}\r\n\r\nfunction TeamMember({ data, ...rest }) {\r\n  return (\r\n    <StyledTeamMember {...rest} className=\"team-member\">\r\n      <StyledTeamMemberImg\r\n        src={data.image || noImage}\r\n        loading=\"lazy\"\r\n        className=\"w-100 team-member-img\"\r\n      />\r\n      {data.isFeatured && (\r\n        <StyledTeamMemberOverlay className=\"team-featured-overlay\">\r\n          <h2 className=\"mb-2\">\r\n            {data.firstName} {data.surname}\r\n          </h2>\r\n          <p className=\"mb-0 text-uppercase\">{data.jobTitle}</p>\r\n        </StyledTeamMemberOverlay>\r\n      )}\r\n      {!data.isFeatured && (\r\n        <StyledTeamMemberInfoOverlay className=\"team-info-overlay\">\r\n          <h2 className=\"mb-2\">\r\n            {data.firstName} {data.surname}\r\n          </h2>\r\n          <p className=\"mb-3 text-uppercase team-job-title\">{data.jobTitle}</p>\r\n          {data.email && (\r\n            <>\r\n              <a href={`mailto:${data.email}`}>{data.email}</a>\r\n              <br />\r\n            </>\r\n          )}\r\n          {data.phone && <a href={`tel:${data.phone}`}>{data.phone}</a>}\r\n        </StyledTeamMemberInfoOverlay>\r\n      )}\r\n    </StyledTeamMember>\r\n  )\r\n}\r\n\r\nconst StyledTeamPage = styled.div`\r\n  h1 {\r\n    font-size: 74px;\r\n    letter-spacing: 10px;\r\n    line-height: 1;\r\n    position: relative;\r\n    padding-bottom: 250px;\r\n\r\n    @media (max-width: ${vars.screen_xs_max}) {\r\n      font-size: 50px;\r\n      padding-bottom: 230px;\r\n    }\r\n\r\n    span {\r\n      left: 0;\r\n      &.slide-in {\r\n        opacity: 0;\r\n        transform: translate(40px, 0);\r\n        display: block;\r\n      }\r\n\r\n      &.rotate {\r\n        position: absolute;\r\n        line-height: 1;\r\n        opacity: 0;\r\n        transform: translate(40px, 40px);\r\n      }\r\n\r\n      &.rotate-4 {\r\n        bottom: 174px;\r\n        left: 7px;\r\n        @media (max-width: ${vars.screen_xs_max}) {\r\n          bottom: 174px;\r\n          left: 7px;\r\n        }\r\n      }\r\n      &.rotate-3 {\r\n        bottom: 126px;\r\n        left: -1px;\r\n        @media (max-width: ${vars.screen_xs_max}) {\r\n          bottom: 139px;\r\n          left: 1px;\r\n        }\r\n      }\r\n      &.rotate-2 {\r\n        bottom: 71px;\r\n        left: -1px;\r\n        @media (max-width: ${vars.screen_xs_max}) {\r\n          bottom: 98px;\r\n          left: 1px;\r\n        }\r\n      }\r\n      &.rotate-1 {\r\n        bottom: -2px;\r\n        left: -18px;\r\n        @media (max-width: ${vars.screen_xs_max}) {\r\n          bottom: 46px;\r\n          left: -10px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .team-member {\r\n    opacity: 0;\r\n  }\r\n\r\n  &.is-team-member-hover {\r\n    .team-member-img {\r\n      opacity: 0.1;\r\n    }\r\n  }\r\n\r\n  @media (min-width: ${vars.screen_sm_min}) and (max-width: ${vars.screen_sm_max}) {\r\n    .team-member-list {\r\n      .team-member-standard:nth-child(2n) {\r\n        .team-info-overlay {\r\n          left: 0;\r\n          text-align: right;\r\n          transform: translate(-100%, -50%);\r\n          padding-right: 30px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (min-width: ${vars.screen_md_min}) and (max-width: ${vars.screen_md_max}) {\r\n    .team-member-list {\r\n      .team-member-standard:nth-child(4n) {\r\n        .team-info-overlay {\r\n          left: 0;\r\n          text-align: right;\r\n          transform: translate(-100%, -50%);\r\n          padding-right: 30px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  @media (min-width: ${vars.screen_lg_min}) {\r\n    .team-member-list {\r\n      .team-member-standard:nth-child(5n) {\r\n        .team-info-overlay {\r\n          left: 0;\r\n          text-align: right;\r\n          transform: translate(-100%, -50%);\r\n          padding-right: 30px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .team-member-standard {\r\n    @media (max-width: ${vars.screen_xs_max}) {\r\n      .team-member-img {\r\n        max-width: 300px;\r\n        margin: 0 auto;\r\n      }\r\n    }\r\n  }\r\n`\r\n\r\nconst StyledTeamMember = styled.div`\r\n  position: relative;\r\n  overflow: hidden;\r\n  display: flex;\r\n  margin-bottom: 40px;\r\n  flex-direction: column;\r\n\r\n  &:hover {\r\n    overflow: visible;\r\n\r\n    .team-featured-overlay,\r\n    .team-info-overlay {\r\n      opacity: 1;\r\n    }\r\n\r\n    img {\r\n      opacity: 1 !important;\r\n    }\r\n  }\r\n`\r\n\r\nconst StyledTeamMemberImg = styled.img`\r\n  transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);\r\n  clip-path: circle(50%);\r\n  filter: grayscale(${props => (props.isColour ? 0 : 1)});\r\n`\r\n\r\nconst StyledTeamMemberOverlay = styled.div`\r\n  position: absolute;\r\n  background: ${vars.blackTransparent()};\r\n  top: 50%;\r\n  left: 50%;\r\n  border-radius: 50%;\r\n  width: 90%;\r\n  height: 90%;\r\n  transform: translate(-50%, -50%);\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: ${vars.white};\r\n  text-align: center;\r\n  opacity: 0;\r\n  transition: ease-in-out 500ms;\r\n`\r\n\r\nconst StyledTeamMemberInfoOverlay = styled.div`\r\n  transition: ease-in-out 500ms;\r\n\r\n  @media (min-width: ${vars.screen_sm_min}) {\r\n    position: absolute;\r\n    top: 50%;\r\n    left: 110%;\r\n    z-index: 10;\r\n    min-width: 222px;\r\n    transform: translate(0, -50%);\r\n    opacity: 0;\r\n  }\r\n\r\n  @media (max-width: ${vars.screen_xs_max}) {\r\n    padding-top: 30px;\r\n    text-align: center;\r\n  }\r\n\r\n  .team-job-title {\r\n    font-size: 14px;\r\n  }\r\n\r\n  a {\r\n    clear: both;\r\n  }\r\n`\r\n\r\nconst StyledActiveMember = styled.div`\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  z-index: 999;\r\n  background: ${vars.white};\r\n  padding-top: 130px;\r\n  overflow-y: scroll;\r\n\r\n  @media (max-width: ${vars.screen_xs_max}) {\r\n    padding: 50px 0 80px 0;\r\n  }\r\n`\r\n","import { useEffect, useRef, useState } from \"react\"\r\nimport { gsap } from \"gsap\"\r\nimport { resetCursorSize } from \"utils/animationUtil\"\r\nimport { useNav } from \"hooks/useNav\"\r\nimport { getTeamMembersList } from \"services/teamMembersService\"\r\nimport useImagePreloader from \"hooks/useImagePreloader\"\r\n\r\nexport default function useTeam() {\r\n  const teamRef = useRef()\r\n  const q = gsap.utils.selector(teamRef)\r\n  const { isNavAnimating } = useNav()\r\n  const data = getTeamMembersList()\r\n  const [activeMember, setActiveMember] = useState()\r\n  const [isTeamMemberHover, setIsTeamMemberHover] = useState(false)\r\n  const [featuredTeamMembers, setFeaturedTeamMembers] = useState([])\r\n  const [teamMembers, setTeamMembers] = useState([])\r\n\r\n  const [preLoadImageList, setPreLoadImageList] = useState(null)\r\n  const { imagesPreloaded } = useImagePreloader(preLoadImageList)\r\n\r\n  useEffect(() => {\r\n    setFeaturedTeamMembers(data.items.filter(x => x.isFeatured))\r\n    setTeamMembers(data.items.filter(x => !x.isFeatured))\r\n    setPreLoadImageList(data.items.map(x => x.image))\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    if (!imagesPreloaded || isNavAnimating) return\r\n\r\n    gsap\r\n      .timeline()\r\n      .to(q(\".team-title span.rotate\"), {\r\n        opacity: 1,\r\n        x: 0,\r\n        y: 0,\r\n        stagger: 0.2,\r\n        rotate: -90,\r\n        ease: \"back.out(1.5)\",\r\n      })\r\n      .to(q(\".team-title .slide-in\"), {\r\n        opacity: 1,\r\n        x: 0,\r\n        ease: \"back.out(1.5)\",\r\n      })\r\n      .to(q(\".featured-member-list .team-member\"), {\r\n        opacity: 1,\r\n        y: 0,\r\n        stagger: 0.2,\r\n        ease: \"back.out(1.5)\",\r\n        duration: 1,\r\n      })\r\n      .to(q(\".team-member-list .team-member\"), {\r\n        opacity: 1,\r\n        y: 0,\r\n        ease: \"back.out(1.5)\",\r\n        duration: 1,\r\n      })\r\n\r\n    return () => resetCursorSize()\r\n  }, [imagesPreloaded, isNavAnimating])\r\n\r\n  function handleActiveMember(data) {\r\n    if (!data.isFeatured) return\r\n\r\n    setActiveMember(data)\r\n  }\r\n\r\n  function handleCloseActiveMember() {\r\n    setActiveMember(null)\r\n  }\r\n\r\n  return {\r\n    teamRef,\r\n    isTeamMemberHover,\r\n    activeMember,\r\n    featuredTeamMembers,\r\n    teamMembers,\r\n    setIsTeamMemberHover,\r\n    handleActiveMember,\r\n    handleCloseActiveMember,\r\n  }\r\n}\r\n","import config from \"config\"\r\nimport { FaQuoteRight } from \"react-icons/fa\"\r\nimport httpService from \"services/httpService\"\r\n\r\nconst endpoint = `${config.api}/Projects`\r\n\r\nexport function getProjectList() {\r\n  return {\r\n    items: [\r\n      {\r\n        slug: \"al-khan-sharif\",\r\n        title: \"Al Khan Sharjah\",\r\n        listImageOuter: \"/assets/projects/al-khan-sharif/image1.jpg\",\r\n        listImageInner: \"/assets/projects/al-khan-sharif/image2.jpg\",\r\n        hero: \"/assets/projects/al-khan-sharif/image2.jpg\",\r\n        description:\r\n          \"The Palace Hotel Al Khan, Sharjah's premier waterfront resort, blends modern luxury with Emirati heritage through its low-rise, village-inspired architecture, serene beachfront villas, and tranquil landscaped courtyards. Perkins&Will’s sensitive integration of contemporary forms, traditional textures, and privacy-focused design creates a uniquely authentic experience, redefining luxury hospitality along Sharjah's historic coastline.\",\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Al Khan, Sharjah, UAE\",\r\n            \"Luxury Waterfront Resort\",\r\n            \"Coral stone, sand-toned plaster, timber, glass, steel\",\r\n            \"66,300 sqm\",\r\n            \"\tPerkins&Will (Dubai) & NAGA Architects\",\r\n            \"2025\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          '\"Where whispers of history meet the rhythm of the sea, The Palace Hotel Al Khan is a timeless embrace between heritage and horizon.\"',\r\n        quoteCenter:\r\n          \"Rooted in heritage, crafted for tomorrow.\",\r\n        gallery: [\r\n          \"/assets/projects/al-khan-sharif/image1.jpg\",\r\n          \"/assets/projects/al-khan-sharif/image2.jpg\",\r\n          \"/assets/projects/al-khan-sharif/image3.jpg\",\r\n          \"/assets/projects/al-khan-sharif/image4.jpg\",\r\n          \"/assets/projects/al-khan-sharif/image5.jpg\",\r\n          \"/assets/projects/al-khan-sharif/image6.jpg\",\r\n          \"/assets/projects/al-khan-sharif/image7.jpg\",\r\n          \"/assets/projects/al-khan-sharif/image8.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Sustainability Meets Serenity\",\r\n          text: \"The resort's design leverages passive cooling, lush landscaping, and careful spatial planning. Palm-lined walkways, open-air spaces, and shaded areas foster environmental sustainability and offer tranquility, ensuring guest comfort year-round.\",\r\n          image: \"/assets/projects/al-khan-sharif/detail1.jpg\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Harmony with Heritage\",\r\n          text: \"Design gracefully integrates Sharjah's coastal heritage, blending restored historic structures with low-rise contemporary pavilions. Courtyards, pathways, and intimate gardens create an authentic Emirati village experience.\",\r\n          image: \"/assets/projects/al-khan-sharif/detail2.jpg\",\r\n        },\r\n      },\r\n\r\n      {\r\n        slug: \"blvd-heights\",\r\n        title: \"BLVD Heights\",\r\n        listImageOuter:\r\n          \"/assets/projects/blvd-heights/image2.jpg\",\r\n        listImageInner:\r\n          \"/assets/projects/blvd-heights/image1.jpg\",\r\n        hero: \"/assets/projects/blvd-heights/image1.jpg\",\r\n        description:\r\n          \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Lounge\",\r\n            \"Interior\",\r\n            \"Marble, Wood\",\r\n            \"250 sqm\",\r\n            \"i/o Atelier\",\r\n            \"2023\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          \"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\",\r\n        quoteCenter:\r\n          \"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam\",\r\n          gallery: [\r\n            \"/assets/projects/blvd-heights/image1.jpg\",\r\n            \"/assets/projects/blvd-heights/image2.jpg\",\r\n            \"/assets/projects/blvd-heights/image3.jpg\",\r\n            \"/assets/projects/blvd-heights/image4.jpg\",\r\n            \"/assets/projects/blvd-heights/image5.jpg\",\r\n            \"/assets/projects/blvd-heights/image6.jpg\",\r\n            \"/assets/projects/blvd-heights/image7.jpg\",\r\n            \"/assets/projects/blvd-heights/image8.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Ut enim ad minima veniam\",\r\n          text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n          image: \"/assets/projects/blvd-heights/detail1.jpg\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Quis autem vel eum\",\r\n          text: \"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit\",\r\n          image: \"/assets/projects/blvd-heights/detail2.jpg\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Nam libero tempore\",\r\n          description:\r\n            \"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.\",\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/blvd-heights/board.jpg\",\r\n        ],\r\n      },\r\n\r\n      {\r\n        slug: \"bnp-paribas\",\r\n        title: \"BNP Paribas\",\r\n        listImageOuter: \"/assets/projects/bnp-paribas/image1.jpg\",\r\n        listImageInner: \"/assets/projects/bnp-paribas/image2.jpg\",\r\n        hero: \"/assets/projects/bnp-paribas/image2.jpg\",\r\n\r\n        description:\r\n          \"The BNP Paribas Dubai workspace design blends Dubai's cultural heritage with French sophistication, creating a dynamic, collaborative environment. The concept incorporates flexible hubs, sustainable materials, and timeless design elements to foster innovation, teamwork, and pride, while reflecting the bank’s regional and historical identity.\",\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"?\",\r\n            \"Interior\",\r\n            \"???\",\r\n            \"??? sqm\",\r\n            \"I/O Atelier\",\r\n            \"2022\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          '\"Where the Soul of Paris Meets the Spirit of Dubai in Every Detail.\"',\r\n        quoteCenter:\r\n          'Designing spaces that are not only beautiful but deeply aligned with the unique needs and vision of our clients.',\r\n          gallery: [\r\n            \"/assets/projects/bnp-paribas/image1.jpg\",\r\n            \"/assets/projects/bnp-paribas/image2.jpg\",\r\n            \"/assets/projects/bnp-paribas/image3.jpg\",\r\n            \"/assets/projects/bnp-paribas/image4.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Bespoke Design\",\r\n          text: \"At I/O Atelier, we prioritize our clients' unique needs, creating tailored spaces that reflect their vision and values. Our bespoke designed elements play a key role, with each piece carefully crafted to enhance both aesthetics and functionality, ensuring a seamless blend of style, comfort, and practicality.\",\r\n          image: \"/assets/projects/bnp-paribas/hero.jpg\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Where French Elegance Meets Dubai's Spirit\",\r\n          description:\r\n            \"Inspired by the cultural vibrancy of Dubai and the timeless elegance of French heritage, the design seamlessly blends traditional elements with modern sophistication. Drawing from the warmth of French cafés and the dynamic spirit of Dubai, every detail— from the choice of materials to the layout—reflects a harmonious fusion of local identity and global influence, creating a space that encourages collaboration, creativity, and connection.\",\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/bnp-paribas/board.jpg\",\r\n        ],\r\n      },\r\n\r\n      {\r\n        slug: \"british-airways-miami\",\r\n        title: \"British Airways Miami\",\r\n        listImageOuter:\r\n          \"/assets/projects/british-airways-miami/image1.jpg\",\r\n        listImageInner:\r\n          \"/assets/projects/british-airways-miami/image2.jpg\",\r\n        description:\r\n          \"A transformative lounge experience blending British elegance with Miami’s heritage. Featuring Contour, a fluid guiding installation, the design offers immersive zones, smart adaptability, and sustainable materials, redefining luxury travel as a Home Before Home.\",\r\n        hero: \"/assets/projects/british-airways-miami/iamge2.jpg.jpg\",\r\n\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Lounge\",\r\n            \"Interior\",\r\n            \"timber, terrazzo, bio-based finishes\",\r\n            \"1000 sqm\",\r\n            \"I/O Atelier\",\r\n            \"2023\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          '\"British elegance meets Miami’s spirit in a seamless, sustainable, and immersive Home Before Home experience.\"',\r\n        quoteCenter:\r\n          '\"A dialogue between softness and structure, where diffused light and refined textures shape an inviting, layered atmosphere.\"',\r\n          gallery: [\r\n            \"/assets/projects/british-airways-miami/image1.jpg\",\r\n            \"/assets/projects/british-airways-miami/image2.jpg\",\r\n            \"/assets/projects/british-airways-miami/image3.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Contour Based Design\",\r\n          text: \"A modern zoning strategy using natural landforms to create seamless transitions between spaces.\",\r\n          image: \"/assets/projects/british-airways-miami/detail1.png\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Zoning Layout\",\r\n          text: \"A structured approach to spatial organization, ensuring functional and aesthetic balance.\",\r\n          image: \"/assets/projects/british-airways-miami/detail2.png\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Flowing Forms and Natural Rhythms\",\r\n          description:\r\n            \"Inspired by Miami’s natural landscapes and urban rhythm, the lounge design blends fluid coastal forms with structured city movement. Sinuous lines and organic contours guide spatial flow, while natural woods, textured stone, terrazzo, and soft fabrics evoke warmth and a strong sense of place. Layered lighting and subtle zone transitions mirror the city’s shifting atmospheres, creating an intuitive, immersive experience that balances relaxation, social connection, and productivity in a timeless, contextually rich setting.\"\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/british-airways-miami/board.png\",\r\n        ],\r\n      },\r\n\r\n      {\r\n        slug: \"chedi-hotel-oman\",\r\n        title: \"Chedi Hotel Oman\",\r\n        listImageOuter: \"/assets/projects/chedi-hotel-oman/image1.jpg\",\r\n        listImageInner: \"/assets/projects/chedi-hotel-oman/image2.jpg\",\r\n        hero: \"/assets/projects/chedi-hotel-oman/image2.jpg\",\r\n\r\n        description:\r\n          \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Lounge\",\r\n            \"Interior\",\r\n            \"Marble, Wood\",\r\n            \"250 sqm\",\r\n            \"i/o Atelier\",\r\n            \"2023\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          \"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\",\r\n        quoteCenter:\r\n          \"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam\",\r\n          gallery: [\r\n            \"/assets/projects/chedi-hotel-oman/image1.jpg\",\r\n            \"/assets/projects/chedi-hotel-oman/image2.jpg\",\r\n            \"/assets/projects/chedi-hotel-oman/image3.jpg\",\r\n            \"/assets/projects/chedi-hotel-oman/image4.jpg\",\r\n            \"/assets/projects/chedi-hotel-oman/image5.jpg\",\r\n            \"/assets/projects/chedi-hotel-oman/image6.jpg\",\r\n            \"/assets/projects/chedi-hotel-oman/image7.jpg\",\r\n            \"/assets/projects/chedi-hotel-oman/image8.jpg\",\r\n            \"/assets/projects/chedi-hotel-oman/image9.jpg\",\r\n            \"/assets/projects/chedi-hotel-oman/image10.jpg\",\r\n            \"/assets/projects/chedi-hotel-oman/image11.jpg\",\r\n            \"/assets/projects/chedi-hotel-oman/image12.jpg\",\r\n            \"/assets/projects/chedi-hotel-oman/image13.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Ut enim ad minima veniam\",\r\n          text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n          image: \"/assets/projects/chedi-hotel-oman/detail1.jpg\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Quis autem vel eum\",\r\n          text: \"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit\",\r\n          image: \"/assets/projects/chedi-hotel-oman/detail2.jpg\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Nam libero tempore\",\r\n          description:\r\n            \"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.\",\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/al-khan-sharif/board.jpg\",\r\n        ],\r\n      },\r\n      {\r\n        slug: \"difc-members-club\",\r\n        title: \"DIFC Members Club\",\r\n        listImageOuter:\r\n          \"/assets/projects/difc-members-club/image1.jpg\",\r\n        listImageInner:\r\n          \"/assets/projects/difc-members-club/image2.jpg\",\r\n        hero: \"/assets/projects/difc-members-club/image2\",\r\n\r\n        description:\r\n          \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Lounge\",\r\n            \"Interior\",\r\n            \"Marble, Wood\",\r\n            \"250 sqm\",\r\n            \"i/o Atelier\",\r\n            \"2023\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          \"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\",\r\n        quoteCenter:\r\n          \"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam\",\r\n          gallery: [\r\n            \"/assets/projects/difc-members-club/image1.jpg\",\r\n            \"/assets/projects/difc-members-club/image2.jpg\",\r\n            \"/assets/projects/difc-members-club/image3.jpg\",\r\n            \"/assets/projects/difc-members-club/image4.jpg\",\r\n            \"/assets/projects/difc-members-club/image5.jpg\",\r\n            \"/assets/projects/difc-members-club/image6.jpg\",\r\n            \"/assets/projects/difc-members-club/image7.jpg\",\r\n            \"/assets/projects/difc-members-club/image8.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Ut enim ad minima veniam\",\r\n          text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n          image: \"/assets/projects/difc-members-club/detail1.jpg\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Quis autem vel eum\",\r\n          text: \"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit\",\r\n          image: \"/assets/projects/difc-members-club/detail2.jpg\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Nam libero tempore\",\r\n          description:\r\n            \"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.\",\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/difc-members-club/board.jpg\",\r\n        ],\r\n      },\r\n      {\r\n        slug: \"difc-tower\",\r\n        title: \"DIFC Tower\",\r\n        listImageOuter: \"/assets/projects/difc-tower/image1.jpg\",\r\n        listImageInner:\r\n          \"/assets/projects/difc-tower/image2.jpg\",\r\n        hero: \"/assets/projects/difc-tower/image2.jpg\",\r\n\r\n        description:\r\n          \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Lounge\",\r\n            \"Interior\",\r\n            \"Marble, Wood\",\r\n            \"250 sqm\",\r\n            \"i/o Atelier\",\r\n            \"2023\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          \"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\",\r\n        quoteCenter:\r\n          \"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam\",\r\n        gallery: [\r\n          \"/assets/projects/difc-tower/image1.jpg\",\r\n          \"/assets/projects/difc-tower/image2.jpg\",\r\n          \"/assets/projects/difc-tower/image3.jpg\",\r\n          \"/assets/projects/difc-tower/image4.jpg\",\r\n          \"/assets/projects/difc-tower/image5.jpg\",\r\n          \"/assets/projects/difc-tower/image6.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Ut enim ad minima veniam\",\r\n          text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n          image: \"/assets/projects/difc-tower/image1.jpg\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Quis autem vel eum\",\r\n          text: \"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit\",\r\n          image: \"/assets/projects/difc-tower/image1.jpg\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Nam libero tempore\",\r\n          description:\r\n            \"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.\",\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/difc-tower/image1.jpg\",\r\n        ],\r\n      },\r\n      {\r\n        slug: \"dt1-dubai\",\r\n        title: \"DT1 Dubai\",\r\n        listImageOuter: \"/assets/projects/dt1-dubai/DT1_ID_View07.jpg\",\r\n        listImageInner: \"/assets/projects/dt1-dubai/DT1_ID_View01.jpg\",\r\n        hero: \"/assets/projects/dt1-dubai/DT1_ID_View01.jpg\",\r\n\r\n        description:\r\n          \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Lounge\",\r\n            \"Interior\",\r\n            \"Marble, Wood\",\r\n            \"250 sqm\",\r\n            \"i/o Atelier\",\r\n            \"2023\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          \"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\",\r\n        quoteCenter:\r\n          \"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam\",\r\n        gallery: [\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View05.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View06.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View07.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View08.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View09.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View10.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Ut enim ad minima veniam\",\r\n          text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n          image: \"/assets/projects/al-khan-sharif/AL%20KHAN_View05.jpg\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Quis autem vel eum\",\r\n          text: \"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit\",\r\n          image: \"/assets/projects/al-khan-sharif/AL%20KHAN_View07.jpg\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Nam libero tempore\",\r\n          description:\r\n            \"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.\",\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View05.jpg\",\r\n        ],\r\n      },\r\n      {\r\n        slug: \"fab\",\r\n        title: \"FAB\",\r\n        listImageOuter: \"/assets/projects/fab/image1.jpg\",\r\n        listImageInner: \"/assets/projects/fab/image2.jpg\",\r\n        description:\r\n          \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        hero: \"/assets/projects/fab/image2.jpg\",\r\n\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Lounge\",\r\n            \"Interior\",\r\n            \"Marble, Wood\",\r\n            \"250 sqm\",\r\n            \"i/o Atelier\",\r\n            \"2023\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          \"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\",\r\n        quoteCenter:\r\n          \"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam\",\r\n        gallery: [\r\n          \"/assets/projects/fab/image1.jpg\",\r\n          \"/assets/projects/fab/image2.jpg\",\r\n          \"/assets/projects/fab/image3.jpg\",\r\n          \"/assets/projects/fab/image4.jpg\",\r\n          \"/assets/projects/fab/image5.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Ut enim ad minima veniam\",\r\n          text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n          image: \"/assets/projects/fab/image1.jpg\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Quis autem vel eum\",\r\n          text: \"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit\",\r\n          image: \"/assets/projects/fab/image1.jpg\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Nam libero tempore\",\r\n          description:\r\n            \"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.\",\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/fab/image1.jpg\",\r\n        ],\r\n      },\r\n      {\r\n        slug: \"intercontinental-residence\",\r\n        title: \"Intercontinental Residence\",\r\n        listImageOuter:\r\n          \"/assets/projects/intercontinental-residence/image1.jpg\",\r\n        listImageInner:\r\n          \"/assets/projects/intercontinental-residence/image2.jpg\",\r\n        description:\r\n          \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        hero: \"/assets/projects/intercontinental-residence/image2.jpg\",\r\n\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Lounge\",\r\n            \"Interior\",\r\n            \"Marble, Wood\",\r\n            \"250 sqm\",\r\n            \"i/o Atelier\",\r\n            \"2023\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          \"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\",\r\n        quoteCenter:\r\n          \"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam\",\r\n        gallery: [\r\n          \"/assets/projects/intercontinental-residence/image1.jpg\",\r\n          \"/assets/projects/intercontinental-residence/image2.jpg\",\r\n          \"/assets/projects/intercontinental-residence/image3.jpg\",\r\n          \"/assets/projects/intercontinental-residence/image4.jpg\",\r\n          \"/assets/projects/intercontinental-residence/image5.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Ut enim ad minima veniam\",\r\n          text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n          image: \"/assets/projects/intercontinental-residence/image1.jpg\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Quis autem vel eum\",\r\n          text: \"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit\",\r\n          image: \"/assets/projects/intercontinental-residence/image1.jpg\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Nam libero tempore\",\r\n          description:\r\n            \"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.\",\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/intercontinental-residence/image1.jpg\",\r\n        ],\r\n      },\r\n      {\r\n        slug: \"marriott-dq-riyadh\",\r\n        title: \"Marriott DQ Riyadh\",\r\n        listImageOuter:\r\n          \"/assets/projects/marriott-dq-riyadh/image2.jpg\",\r\n        listImageInner: \"/assets/projects/marriott-dq-riyadh/image1.jpg\",\r\n        hero: \"/assets/projects/marriott-dq-riyadh/image1.jpg\",\r\n\r\n        description:\r\n          \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Lounge\",\r\n            \"Interior\",\r\n            \"Marble, Wood\",\r\n            \"250 sqm\",\r\n            \"i/o Atelier\",\r\n            \"2023\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          \"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\",\r\n        quoteCenter:\r\n          \"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam\",\r\n        gallery: [\r\n          \"/assets/projects/marriott-dq-riyadh/image1.jpg\",\r\n          \"/assets/projects/marriott-dq-riyadh/image2.jpg\",\r\n          \"/assets/projects/marriott-dq-riyadh/image3.jpg\",\r\n          \"/assets/projects/marriott-dq-riyadh/image4.jpg\",\r\n          \"/assets/projects/marriott-dq-riyadh/image5.jpg\",\r\n          \"/assets/projects/marriott-dq-riyadh/image6.jpg\",\r\n          \"/assets/projects/marriott-dq-riyadh/image7.jpg\",\r\n          \"/assets/projects/marriott-dq-riyadh/image8.jpg\",\r\n          \"/assets/projects/marriott-dq-riyadh/image9.jpg\",\r\n          \"/assets/projects/marriott-dq-riyadh/image10.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Ut enim ad minima veniam\",\r\n          text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n          image: \"/assets/projects/marriott-dq-riyadh/image1.jpg\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Quis autem vel eum\",\r\n          text: \"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit\",\r\n          image: \"/assets/projects/marriott-dq-riyadh/image1.jpg\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Nam libero tempore\",\r\n          description:\r\n            \"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.\",\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/marriott-dq-riyadh/image1.jpg\",\r\n        ],\r\n      },\r\n      {\r\n        slug: \"mbr-dubai\",\r\n        title: \"MBR Dubai\",\r\n        listImageOuter: \"/assets/projects/mbr-dubai/image1.jpg\",\r\n        listImageInner: \"/assets/projects/mbr-dubai/image2.jpg\",\r\n        hero: \"/assets/projects/mbr-dubai/mbr-dubai/image2.jpg\",\r\n\r\n        description:\r\n          \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Lounge\",\r\n            \"Interior\",\r\n            \"Marble, Wood\",\r\n            \"250 sqm\",\r\n            \"i/o Atelier\",\r\n            \"2023\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          \"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\",\r\n        quoteCenter:\r\n          \"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam\",\r\n        gallery: [\r\n          \"/assets/projects/mbr-dubai/image1.jpg\",\r\n          \"/assets/projects/mbr-dubai/image2.jpg\",\r\n          \"/assets/projects/mbr-dubai/image3.jpg\",\r\n          \"/assets/projects/mbr-dubai/image4.jpg\",\r\n          \"/assets/projects/mbr-dubai/image5.jpg\",\r\n          \"/assets/projects/mbr-dubai/image6.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Ut enim ad minima veniam\",\r\n          text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n          image: \"/assets/projects/mbr-dubai/image1.jpg\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Quis autem vel eum\",\r\n          text: \"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit\",\r\n          image: \"/assets/projects/mbr-dubai/image1.jpg\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Nam libero tempore\",\r\n          description:\r\n            \"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.\",\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/mbr-dubai/image1.jpg\",\r\n        ],\r\n      },\r\n      {\r\n        slug: \"movenpick-rak\",\r\n        title: \"Movenpick RAK\",\r\n        listImageOuter: \"/assets/projects/movenpick-rak/image1.jpg\",\r\n        listImageInner: \"/assets/projects/movenpick-rak/image2.jpg\",\r\n        hero: \"/assets/projects/movenpick-rak/image2.jpg\",\r\n\r\n        description:\r\n          \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Lounge\",\r\n            \"Interior\",\r\n            \"Marble, Wood\",\r\n            \"250 sqm\",\r\n            \"i/o Atelier\",\r\n            \"2023\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          \"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\",\r\n        quoteCenter:\r\n          \"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam\",\r\n        gallery: [\r\n          \"/assets/projects/movenpick-rak/image1.jpg\",\r\n          \"/assets/projects/movenpick-rak/image2.jpg\",\r\n          \"/assets/projects/movenpick-rak/image3.jpg\",\r\n          \"/assets/projects/movenpick-rak/image4.jpg\",\r\n          \"/assets/projects/movenpick-rak/image5.jpg\",\r\n          \"/assets/projects/movenpick-rak/image6.jpg\",\r\n          \"/assets/projects/movenpick-rak/image7.jpg\",\r\n          \"/assets/projects/movenpick-rak/image8.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Ut enim ad minima veniam\",\r\n          text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n          image: \"/assets/projects/assets/projects/movenpick-rak/image1.jpg\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Quis autem vel eum\",\r\n          text: \"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit\",\r\n          image: \"/assets/projects/movenpick-rak/image1.jpg\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Nam libero tempore\",\r\n          description:\r\n            \"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.\",\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/movenpick-rak/image1.jpg\",\r\n        ],\r\n      },\r\n      {\r\n        slug: \"private-residence-athens\",\r\n        title: \"Private Residence Athens\",\r\n        listImageOuter:\r\n          \"/assets/projects/private-residence-athens/image1.jpg\",\r\n        listImageInner: \"/assets/projects/private-residence-athens/image2.jpg\",\r\n        hero: \"/assets/projects/private-residence-athens/image2.jpg\",\r\n\r\n        description:\r\n          \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Lounge\",\r\n            \"Interior\",\r\n            \"Marble, Wood\",\r\n            \"250 sqm\",\r\n            \"i/o Atelier\",\r\n            \"2023\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          \"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\",\r\n        quoteCenter:\r\n          \"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam\",\r\n        gallery: [\r\n          \"/assets/projects/private-residence-athens/image1.jpg\",\r\n          \"/assets/projects/private-residence-athens/image2.jpg\",\r\n          \"/assets/projects/private-residence-athens/image3.jpg\",\r\n          \"/assets/projects/private-residence-athens/image4.jpg\",\r\n          \"/assets/projects/private-residence-athens/image5.jpg\",\r\n          \"/assets/projects/private-residence-athens/image6.jpg\",\r\n          \"/assets/projects/private-residence-athens/image7.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Ut enim ad minima veniam\",\r\n          text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n          image: \"/assets/projects/private-residence-athens/image1.jpg\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Quis autem vel eum\",\r\n          text: \"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit\",\r\n          image: \"/assets/projects/private-residence-athens/image1.jpg\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Nam libero tempore\",\r\n          description:\r\n            \"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.\",\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/private-residence-athens/image1.jpg\",\r\n        ],\r\n      },\r\n      {\r\n        slug: \"saudi-cinemas\",\r\n        title: \"Saudi Cinemas\",\r\n        listImageOuter: \"/assets/projects/saudi-cinemas/image1.jpg\",\r\n        listImageInner: \"/assets/projects/saudi-cinemas/image2.jpg\",\r\n        hero: \"/assets/projects/saudi-cinemas/image2.jpg\",\r\n\r\n        description:\r\n          \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Lounge\",\r\n            \"Interior\",\r\n            \"Marble, Wood\",\r\n            \"250 sqm\",\r\n            \"i/o Atelier\",\r\n            \"2023\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          \"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\",\r\n        quoteCenter:\r\n          \"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam\",\r\n        gallery: [\r\n          \"/assets/projects/saudi-cinemas/image1.jpg\",\r\n          \"/assets/projects/saudi-cinemas/image2.jpg\",\r\n          \"/assets/projects/saudi-cinemas/image3.jpg\",\r\n          \"/assets/projects/saudi-cinemas/image4.jpg\",\r\n          \"/assets/projects/saudi-cinemas/image5.jpg\",\r\n          \"/assets/projects/saudi-cinemas/image6.jpg\",\r\n          \"/assets/projects/saudi-cinemas/image7.jpg\",\r\n          \"/assets/projects/saudi-cinemas/image8.jpg\",\r\n          \"/assets/projects/saudi-cinemas/image9.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Ut enim ad minima veniam\",\r\n          text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n          image: \"/assets/projects/saudi-cinemas/image1.jpg\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Quis autem vel eum\",\r\n          text: \"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit\",\r\n          image: \"/assets/projects/saudi-cinemas/image1.jpg\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Nam libero tempore\",\r\n          description:\r\n            \"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.\",\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/saudi-cinemas/image1.jpg\",\r\n        ],\r\n      },\r\n      {\r\n        slug: \"shookra-clinic\",\r\n        title: \"Shookra Clinic\",\r\n        listImageOuter:\r\n          \"/assets/projects/shookra-clinic/image1.jpg\",\r\n        listImageInner:\r\n          \"/assets/projects/shookra-clinic/image2.jpg\",\r\n        hero: \"/assets/projects/shookra-clinic/image2.jpg\",\r\n\r\n        description:\r\n          \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Lounge\",\r\n            \"Interior\",\r\n            \"Marble, Wood\",\r\n            \"250 sqm\",\r\n            \"i/o Atelier\",\r\n            \"2023\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          \"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\",\r\n        quoteCenter:\r\n          \"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam\",\r\n        gallery: [\r\n          \"/assets/projects/shookra-clinic/image1.jpg\",\r\n          \"/assets/projects/shookra-clinic/image2.jpg\",\r\n          \"/assets/projects/shookra-clinic/image3.jpg\",\r\n          \"/assets/projects/shookra-clinic/image4.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Ut enim ad minima veniam\",\r\n          text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n          image: \"/assets/projects/shookra-clinic/image1.jpg\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Quis autem vel eum\",\r\n          text: \"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit\",\r\n          image: \"/assets/projects/shookra-clinic/image1.jpg\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Nam libero tempore\",\r\n          description:\r\n            \"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.\",\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/shookra-clinic/image1.jpg\",\r\n        ],\r\n      },\r\n      {\r\n        slug: \"sky-sports\",\r\n        title: \"Sky Sports\",\r\n        listImageOuter: \"/assets/projects/sky-sports/BEIX8760.jpg\",\r\n        listImageInner: \"/assets/projects/sky-sports/EIYE4849.jpg\",\r\n        hero: \"/assets/projects/sky-sports/EIYE4849.jpeg\",\r\n\r\n        description:\r\n          \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Lounge\",\r\n            \"Interior\",\r\n            \"Marble, Wood\",\r\n            \"250 sqm\",\r\n            \"i/o Atelier\",\r\n            \"2023\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          \"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\",\r\n        quoteCenter:\r\n          \"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam\",\r\n        gallery: [\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View05.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View06.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View07.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View08.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View09.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View10.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Ut enim ad minima veniam\",\r\n          text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n          image: \"/assets/projects/al-khan-sharif/AL%20KHAN_View05.jpg\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Quis autem vel eum\",\r\n          text: \"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit\",\r\n          image: \"/assets/projects/al-khan-sharif/AL%20KHAN_View07.jpg\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Nam libero tempore\",\r\n          description:\r\n            \"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.\",\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View05.jpg\",\r\n        ],\r\n      },\r\n      {\r\n        slug: \"vida-bahrain\",\r\n        title: \"VIDA Bahrain\",\r\n        listImageOuter: \"/assets/projects/vida-bahrain/VIDA_View01.jpg\",\r\n        listImageInner: \"/assets/projects/vida-bahrain/VIDA_ID_View04.jpg\",\r\n        hero: \"/assets/projects/vida-bahrain/VIDA_ID_View04.jpg\",\r\n\r\n        description:\r\n          \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Lounge\",\r\n            \"Interior\",\r\n            \"Marble, Wood\",\r\n            \"250 sqm\",\r\n            \"i/o Atelier\",\r\n            \"2023\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          \"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\",\r\n        quoteCenter:\r\n          \"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam\",\r\n        gallery: [\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View05.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View06.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View07.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View08.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View09.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View10.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Ut enim ad minima veniam\",\r\n          text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n          image: \"/assets/projects/al-khan-sharif/AL%20KHAN_View05.jpg\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Quis autem vel eum\",\r\n          text: \"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit\",\r\n          image: \"/assets/projects/al-khan-sharif/AL%20KHAN_View07.jpg\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Nam libero tempore\",\r\n          description:\r\n            \"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.\",\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View05.jpg\",\r\n        ],\r\n      },\r\n      {\r\n        slug: \"warner-brothers-discovery\",\r\n        title: \"Warner Brothers Discovery\",\r\n        listImageOuter:\r\n          \"/assets/projects/warner-brothers-discovery/Cam%2003_02.jpg\",\r\n        listImageInner:\r\n          \"/assets/projects/warner-brothers-discovery/Cam%2003_01.jpg\",\r\n        hero: \"/assets/projects/warner-brothers-discovery/Cam%2003_01.jpg\",\r\n\r\n        description:\r\n          \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Lounge\",\r\n            \"Interior\",\r\n            \"Marble, Wood\",\r\n            \"250 sqm\",\r\n            \"i/o Atelier\",\r\n            \"2023\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          \"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\",\r\n        quoteCenter:\r\n          \"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam\",\r\n        gallery: [\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View05.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View06.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View07.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View08.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View09.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View10.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Ut enim ad minima veniam\",\r\n          text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n          image: \"/assets/projects/al-khan-sharif/AL%20KHAN_View05.jpg\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Quis autem vel eum\",\r\n          text: \"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit\",\r\n          image: \"/assets/projects/al-khan-sharif/AL%20KHAN_View07.jpg\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Nam libero tempore\",\r\n          description:\r\n            \"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.\",\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View05.jpg\",\r\n        ],\r\n      },\r\n      {\r\n        slug: \"waterfront-hotel-villas-community-abu-dhabi\",\r\n        title: \"Waterfront Hotel, Villas & Community\",\r\n        listImageOuter:\r\n          \"/assets/projects/waterfront-hotel-villas-community-abu-dhabi/Emirati%20Bedroom.jpg\",\r\n        listImageInner:\r\n          \"/assets/projects/waterfront-hotel-villas-community-abu-dhabi/Tropical%20Family%20room.jpg\",\r\n        hero: \"/assets/projects/waterfront-hotel-villas-community-abu-dhabi/Tropical%20Family%20room.jpg\",\r\n\r\n        description:\r\n          \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n        table: {\r\n          headers: [\r\n            \"Location\",\r\n            \"Category\",\r\n            \"Materials\",\r\n            \"Area\",\r\n            \"Architect\",\r\n            \"Year\",\r\n          ],\r\n          details: [\r\n            \"Lounge\",\r\n            \"Interior\",\r\n            \"Marble, Wood\",\r\n            \"250 sqm\",\r\n            \"i/o Atelier\",\r\n            \"2023\",\r\n          ],\r\n        },\r\n        quoteRight:\r\n          \"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque\",\r\n        quoteCenter:\r\n          \"Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam\",\r\n        gallery: [\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View05.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View06.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View07.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View08.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View09.jpg\",\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View10.jpg\",\r\n        ],\r\n        detailOne: {\r\n          title: \"Ut enim ad minima veniam\",\r\n          text: \"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\",\r\n          image: \"/assets/projects/al-khan-sharif/AL%20KHAN_View05.jpg\",\r\n        },\r\n\r\n        detailTwo: {\r\n          title: \"Quis autem vel eum\",\r\n          text: \"Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit\",\r\n          image: \"/assets/projects/al-khan-sharif/AL%20KHAN_View07.jpg\",\r\n        },\r\n\r\n        inspirationSection: {\r\n          title: \"Nam libero tempore\",\r\n          description:\r\n            \"At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.\",\r\n        },\r\n\r\n        inspirationBoard: [\r\n          \"/assets/projects/al-khan-sharif/AL%20KHAN_View05.jpg\",\r\n        ],\r\n      },\r\n    ],\r\n  }\r\n}\r\n\r\nexport function getProjectDetails(slug) {\r\n  const { items } = getProjectList() // Get all projects\r\n  const project = items.find(p => p.slug === slug) // Find project by slug\r\n\r\n  if (!project) {\r\n    return { is404: true } // Simulate 404 if not found\r\n  }\r\n\r\n  return {\r\n    isSuccess: true,\r\n    ...project,\r\n    banner: project.listImageOuter, // Assuming this is the banner image\r\n    content: `<p>Details for ${project.title}</p>`, // Placeholder content\r\n  }\r\n}\r\n","import React, { useLayoutEffect, useRef, useState } from \"react\"\r\nimport { Col, Container, Row } from \"reactstrap\"\r\nimport styled from \"styled-components\"\r\nimport { gsap } from \"gsap\"\r\nimport vars from \"styles/variables\"\r\nimport useProjects from \"hooks/useProjects\"\r\nimport { useHistory } from \"react-router-dom\"\r\nimport Seo from \"components/common/Seo\"\r\n\r\nfunction ProjectsPage() {\r\n  const { projects } = useProjects()\r\n  const projectsContainer = useRef()\r\n  const q = gsap.utils.selector(projectsContainer)\r\n  const [isProjectHover, setIsProjectHover] = useState(false)\r\n  const history = useHistory()\r\n\r\n  useLayoutEffect(() => {\r\n    gsap\r\n      .timeline()\r\n      .to(q(\".data-creativity-title-1\"), {\r\n        opacity: 1,\r\n        x: 0,\r\n        duration: 1.6,\r\n      })\r\n      .to(\r\n        q(\".data-creativity-title-2\"),\r\n        {\r\n          opacity: 1,\r\n          x: 0,\r\n          duration: 1.6,\r\n        },\r\n        0.5\r\n      )\r\n\r\n    gsap.from(q(\".project-item\"), {\r\n      opacity: 0,\r\n      yPercent: 100,\r\n      duration: 1,\r\n      stagger: 0.2,\r\n      ease: \"back.out(1.7)\",\r\n    })\r\n  }, [])\r\n\r\n  return (\r\n    <>\r\n      <Seo title=\"Our Projects\" />\r\n      <StyledProjectContainer\r\n        className={`${isProjectHover ? \"active\" : \"\"}`}\r\n        ref={projectsContainer}\r\n      >\r\n        <Container>\r\n          <Row className=\"justify-content-center mb-5\">\r\n            <Col xs=\"12\">\r\n              <StyledTitle>\r\n                <span className=\"data-creativity-title-1\">our</span>\r\n                <span className=\"data-creativity-title-2\">projects</span>\r\n              </StyledTitle>\r\n            </Col>\r\n          </Row>\r\n\r\n          <StyledProjectsGrid>\r\n            {projects.map(item => (\r\n              <StyledProjectScaleUp key={item.slug}>\r\n                <StyledProjectItem\r\n                  className=\"project-item\"\r\n                  bgImage={item.listImageOuter}\r\n                  onMouseEnter={() => setIsProjectHover(true)}\r\n                  onMouseLeave={() => setIsProjectHover(false)}\r\n                  //onClick={() => history.push(`/projects/${item.slug}`)}\r\n                >\r\n                  <StyledProjectItemContent\r\n                    bgImage={item.listImageInner}\r\n                    className=\"project-content\"\r\n                  >\r\n                    {item.title}\r\n                  </StyledProjectItemContent>\r\n                </StyledProjectItem>\r\n              </StyledProjectScaleUp>\r\n            ))}\r\n          </StyledProjectsGrid>\r\n        </Container>\r\n      </StyledProjectContainer>\r\n    </>\r\n  )\r\n}\r\n\r\nexport default ProjectsPage\r\n\r\nconst StyledProjectsGrid = styled.div`\r\n  display: grid;\r\n  grid-template-columns: repeat(auto-fit, minmax(min(33.33%, 280px), 1fr));\r\n  gap: 24px;\r\n\r\n  @media (max-width: ${vars.screen_xs_max}) {\r\n    gap: 12px;\r\n  }\r\n`\r\n\r\nconst StyledTitle = styled.h2`\r\n  font-size: 56px;\r\n  line-height: 1;\r\n  font-weight: 600;\r\n  letter-spacing: 5px;\r\n  margin-bottom: 0;\r\n\r\n  span {\r\n    display: block;\r\n  }\r\n\r\n  .data-creativity-title-1 {\r\n    margin-bottom: 5px;\r\n    opacity: 0;\r\n    transform: translate(-50px, 0px);\r\n  }\r\n\r\n  .data-creativity-title-2 {\r\n    margin-left: 100px;\r\n    opacity: 0;\r\n    transform: translate(-50px, 0px);\r\n  }\r\n\r\n  @media (max-width: ${vars.screen_xs_max}) {\r\n    font-size: 38px;\r\n    margin-bottom: 0;\r\n  }\r\n`\r\n\r\nconst StyledProjectScaleUp = styled.div`\r\n  transition: ease-in-out 500ms;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n\r\n  &:hover {\r\n    transform: scale(1.1) !important;\r\n  }\r\n`\r\n\r\nconst StyledProjectContainer = styled.div`\r\n  padding-top: 100px;\r\n\r\n  &.active:hover {\r\n    .project-scale-up {\r\n      transform: scale(0.95);\r\n    }\r\n  }\r\n`\r\n\r\nconst StyledProjectItem = styled.div`\r\n  width: 100%;\r\n  aspect-ratio: 1 / 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 50%;\r\n  position: relative;\r\n  background: url(${props => props.bgImage}) no-repeat center center;\r\n  background-size: cover;\r\n\r\n  &:hover {\r\n    .project-content {\r\n      clip-path: circle(50%);\r\n    }\r\n  }\r\n`\r\n\r\nconst StyledProjectItemContent = styled.div`\r\n  width: 100%;\r\n  height: 100%;\r\n  background: url(${props => props.bgImage}) no-repeat center center;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  border-radius: 50%;\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  clip-path: circle(35%);\r\n  z-index: 10;\r\n  color: ${vars.white};\r\n  font-size: 24px;\r\n  padding: 20%;\r\n  text-align: center;\r\n  background-size: cover;\r\n  transition: ease-in-out 500ms;\r\n  text-shadow: 2px 4px 16px rgba(0, 0, 0, 1), 2px 4px 8px rgba(0, 0, 0, 1);\r\n\r\n  @media (max-width: ${vars.screen_xs_max}) {\r\n    font-size: 18px;\r\n  }\r\n`\r\n","import { useState, useEffect } from \"react\"\nimport { getProjectList } from \"services/projectsService\"\n\nexport default function useProjects() {\n  const [projects, setProjects] = useState([])\n  const [isLoading, setIsLoading] = useState(true)\n\n  useEffect(() => {\n    const data = getProjectList()\n\n    setProjects(data.items || [])\n    setIsLoading(false)\n  }, [])\n\n  return { projects, isLoading }\n}\n","import React, { useEffect, useRef, useState } from \"react\";\n\nexport default function ScrollingGallery({ images }) {\n  const galleryRef = useRef(null);\n  const observerRef = useRef(null);\n  const [scrollIndex, setScrollIndex] = useState(0);\n  const [isGalleryActive, setIsGalleryActive] = useState(false);\n\n  const [scrolling, setScrolling] = useState(false);\n\n  const [scrollDelta, setScrollDelta] = useState(0);\n\n  useEffect(() => {\n    let scrollDelta = 0;\n    const SCROLL_THRESHOLD = 100;\n  \n    const handleScroll = (event) => {\n      if (!galleryRef.current || !isGalleryActive) return;\n  \n      event.preventDefault(); // Always block page scroll while gallery is active\n  \n      scrollDelta += event.deltaY;\n  \n      if (scrollDelta > SCROLL_THRESHOLD && scrollIndex < images.length - 1) {\n        setScrollIndex((prev) => prev + 1);\n        scrollDelta = 0;\n      } else if (scrollDelta < -SCROLL_THRESHOLD && scrollIndex > 0) {\n        setScrollIndex((prev) => prev - 1);\n        scrollDelta = 0;\n      }\n  \n      // Optional: allow exit if trying to scroll beyond gallery\n      if (scrollIndex === images.length - 1 && scrollDelta > SCROLL_THRESHOLD) {\n        setIsGalleryActive(false);\n      }\n      if (scrollIndex === 0 && scrollDelta < -SCROLL_THRESHOLD) {\n        setIsGalleryActive(false);\n      }\n    };\n  \n    if (isGalleryActive) {\n      window.addEventListener(\"wheel\", handleScroll, { passive: false });\n    }\n  \n    return () => {\n      window.removeEventListener(\"wheel\", handleScroll);\n    };\n  }, [scrollIndex, isGalleryActive, images.length]);\n  \n  \n\n  // Ensure gallery is fully visible before activating scrolling\n  useEffect(() => {\n    observerRef.current = new IntersectionObserver(\n      ([entry]) => {\n        if (entry.intersectionRatio === 1) {\n          setIsGalleryActive(true);\n        } else {\n          setIsGalleryActive(false);\n        }\n      },\n      { threshold: 1 } // 100% visibility required\n    );\n\n    if (galleryRef.current) {\n      observerRef.current.observe(galleryRef.current);\n    }\n\n    return () => {\n      if (observerRef.current) {\n        observerRef.current.disconnect();\n      }\n    };\n  }, []);\n\n  return (\n    <>\n      <div className=\"gallery-container\" ref={galleryRef}>\n        <div\n          className=\"gallery-wrapper\"\n          style={{\n            width: `${images.length * 100}%`, // <-- Correct dynamic width\n            transform: `translateX(calc(-${scrollIndex * (100)}% - ${scrollIndex * 140}px))`,\n\n            transition: \"transform 1.5s ease-in-out\",\n          }}\n        >\n\n        \n{images.map((src, index) => {\n  const isActive = index === scrollIndex;\n\n  return (\n    <div\n      key={index}\n      className=\"gallery-slide\"\n      style={{\n        backgroundImage: `url(${src})`,\n        width: `${100 / images.length}%`,\n        opacity: isActive ? 1 : 0,\n        transform: isActive ? \"scale(1)\" : \"scale(0.85)\",\n        transition: isActive\n          ? \"none\"\n          : \"opacity 1.5s cubic-bezier(0.25, 1, 0.5, 1), transform 1.5s cubic-bezier(0.25, 1, 0.5, 1)\",\n        pointerEvents: isActive ? \"auto\" : \"none\",\n      }}\n    />\n  );\n})}\n\n        </div>\n      </div>\n\n      <style>\n        {`\n          .gallery-container {\n            width: 80vw; /* Ensures one image fills the container */\n            height: 80vh;\n            margin: auto;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            overflow: hidden;\n            position: relative;\n          }\n\n          .gallery-wrapper {\n            display: flex;\n            width: calc(100% * IMAGE_COUNT); /* dynamically set in React or use inline style */\n            height: 100%;\n            scroll-snap-type: x mandatory; /* Enables smooth snapping */\n            gap: 140px;\n            }\n          \n          .gallery-slide {\n            width: calc(100% / IMAGE_COUNT); /* ← again, this won't work as CSS */\n            flex: 0 0 100%; /* take up full width of the container */\n            height: 100%;\n            background-position: center;\n            background-repeat: no-repeat;\n            background-size: cover;\n            border-radius: 20px;\n            scroll-snap-align: center;\n          }\n        `}\n      </style>\n    </>\n  );\n}\n","import React from \"react\"\r\nimport { useParams } from \"react-router-dom\"\r\nimport styled from \"styled-components\"\r\nimport { getProjectDetails } from \"services/projectsService\"\r\nimport LoadingIcon from \"components/common/LoadingIcon\"\r\nimport useFetch from \"hooks/useFetch\"\r\nimport ScrollingGallery from \"../../components/common/ScrollingGallery.jsx\";\r\nimport WhyChooseUs from \"components/core/WhyChooseUs\"\r\n\r\nfunction ProjectDetailsPage() {\r\n  let { slug } = useParams()\r\n  const { data, isLoading } = useFetch(() => getProjectDetails(slug))\r\n\r\n  const hasGalleryImages = data?.gallery && Array.isArray(data.gallery) && data.gallery.length > 0;\r\n  const gallerySection = hasGalleryImages ? <ScrollingGallery images={data.gallery} /> : <p>No images available</p>;\r\n\r\n\r\n  if (isLoading) return <LoadingIcon isFullScreen />\r\n  if (!data) return <p>Error loading project details.</p>\r\n\r\n  return (\r\n    <Container data-scroll-container>\r\n      <HeroContainer>\r\n        <HeroImage\r\n          src={data?.hero || \"default-image.jpg\"}\r\n          alt={data?.title || \"Project Image\"}\r\n        />\r\n        <ProjectDetailsWrapper>\r\n          <ProjectTitle>{data?.title || \"Untitled Project\"}</ProjectTitle>\r\n          <ProjectDescription>\r\n            {data?.description || \"No description available.\"}\r\n          </ProjectDescription>\r\n          {data?.table && (\r\n            <ProjectTable>\r\n              <thead>\r\n                <tr>\r\n                  {data.table.headers.map((header, index) => (\r\n                    <th key={index}>{header}</th>\r\n                  ))}\r\n                </tr>\r\n              </thead>\r\n              <tbody>\r\n                <tr>\r\n                  {data.table.details.map((detail, index) => (\r\n                    <td key={index}>{detail}</td>\r\n                  ))}\r\n                </tr>\r\n              </tbody>\r\n            </ProjectTable>\r\n          )}\r\n        </ProjectDetailsWrapper>\r\n      </HeroContainer>\r\n      <ContentContainer>\r\n\r\n        {data?.quoteRight && (\r\n          <RightAlignedQuote>{data.quoteRight}</RightAlignedQuote>\r\n        )}\r\n   \r\n        <DetailSection>\r\n        <div>\r\n          {hasGalleryImages ? <ScrollingGallery images={data.gallery} /> : <p>No images available</p>}\r\n        </div>\r\n        </DetailSection>\r\n\r\n        {/* Bold center-justified quote */}\r\n        {data?.quoteCenter && <CenteredQuote>{data.quoteCenter}</CenteredQuote>}\r\n\r\n        {(data?.detailOne || data?.detailTwo) && (\r\n          <GridSection>\r\n            {data?.detailOne && (\r\n              <>\r\n                <div /> {/* Empty first column */}\r\n                <TextWrapper style={{ textAlign: 'right' }}>\r\n                  <Title>{data.detailOne.title}</Title>\r\n                  <Description>{data.detailOne.text}</Description>\r\n                </TextWrapper>\r\n                <ImageWrapper>\r\n                  <SectionImage src={data.detailOne.image} alt=\"Detail One\" />\r\n                </ImageWrapper>\r\n              </>\r\n            )}\r\n\r\n            {data?.detailTwo && (\r\n              <>\r\n                <div /> {/* Empty first column */}\r\n                <TextWrapper style={{ textAlign: 'right' }}>\r\n                  <Title>{data.detailTwo.title}</Title>\r\n                  <Description>{data.detailTwo.text}</Description>\r\n                </TextWrapper>\r\n                <ImageWrapper>\r\n                  <SectionImage src={data.detailTwo.image} alt=\"Detail Two\" />\r\n                </ImageWrapper>\r\n              </>\r\n            )}\r\n          </GridSection>\r\n        )}\r\n\r\n        {data?.inspirationSection && (\r\n          <InspirationSection>\r\n            <InspirationContent>\r\n              <InspirationTitle>\r\n                {data.inspirationSection.title}\r\n              </InspirationTitle>\r\n              <InspirationDescription>\r\n                {data.inspirationSection.description}\r\n              </InspirationDescription>\r\n            </InspirationContent>\r\n          </InspirationSection>\r\n        )}\r\n\r\n        {data?.inspirationBoard && (\r\n          <InspirationBoard>\r\n            <BoardImage src={data.inspirationBoard} alt=\"Inspiration Board\" />\r\n          </InspirationBoard>\r\n        )}\r\n      </ContentContainer>\r\n      <WhyChooseUs />\r\n    </Container>\r\n    \r\n  )\r\n}\r\n\r\nexport default ProjectDetailsPage\r\n\r\nconst Container = styled.div`\r\n  padding: 36px 5%;\r\n`\r\n\r\nconst ContentContainer = styled.div`\r\n  padding: 14px 5%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-end;\r\n`\r\n\r\nconst HeroContainer = styled.section`\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 5%;\r\n  paddingTop: 0px;\r\n  text-align: center;\r\n`\r\n\r\nconst HeroImage = styled.img`\r\n  width: 100%;\r\n  max-width: 1200px;\r\n  height: auto;\r\n  padding: 10px;\r\n  border-radius: 20px;\r\n  object-fit: cover;\r\n`\r\n\r\nconst ProjectDetailsWrapper = styled.div`\r\n  display: flex;\r\n  justify-content: space-between;\r\n  gap: 40px;\r\n  width: 100%;\r\n  max-width: 1600px;\r\n  margin-top: 40px;\r\n  align-items: center; // Center horizontally\r\n\r\n  @media (max-width: 768px) {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n`\r\n\r\nconst ProjectTitle = styled.h1`\r\n  font-size: 48px;\r\n  font-weight: bold;\r\n  text-transform: uppercase;\r\n  text-align: left; // Ensure text is left-aligned\r\n  flex: 1;\r\n\r\n  @media (max-width: 768px) {\r\n    font-size: 32px;\r\n    text-align: left; // Keep it left-aligned on mobile too\r\n  }\r\n`\r\n\r\nconst ProjectDescription = styled.p`\r\n  font-size: 18px;\r\n  color: #555;\r\n  line-height: 1.6;\r\n  text-align: left;  // Center the text itself\r\n  max-width: 800px;  // Prevents it from being too wide\r\n  margin: 0 left;\r\n  padding 0;\r\n`\r\n\r\nconst RightAlignedQuote = styled.blockquote`\r\n  font-size: 36px;\r\n  font-style: italic;\r\n  text-align: right;\r\n  margin: 96px 5% 96px auto;\r\n  max-width: 70%;\r\n  color: #666;\r\n  padding: 0px;\r\n`\r\n\r\nconst CenteredQuote = styled.blockquote`\r\n  font-size: 48px;\r\n  font-weight: bold;\r\n  text-align: center;\r\n  margin: 240px 5% 120px 5%;\r\n  // max-width: 70%;\r\n  color: #333;\r\n`\r\n\r\nconst DetailSection = styled.section`\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: center;\r\n  gap: 40px;\r\n  padding: 60px 5%;\r\n  //max-width: 1200px;\r\n\r\n  @media (max-width: 768px) {\r\n    flex-direction: column;\r\n    align-items: center;\r\n  }\r\n`\r\nconst TextWrapper = styled.div`\r\n  flex: 1;\r\n  max-width: 500px;\r\n`\r\n\r\nconst Title = styled.h2`\r\n  font-size: 36px;\r\n  font-weight: bold;\r\n  margin-bottom: 20px;\r\n`\r\n\r\nconst Description = styled.p`\r\n  font-size: 18px;\r\n  line-height: 1.6;\r\n  color: #555;\r\n`\r\n\r\nconst ImageWrapper = styled.div`\r\n  flex: 1;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n`\r\n\r\nconst SectionImage = styled.img`\r\n  width: 100%;\r\n  //max-width: 500px;\r\n  height: auto;\r\n  border-radius: 10px;\r\n`\r\n\r\nconst InspirationSection = styled.section`\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center top;\r\n  padding: 80px 5%;\r\n  gap: 40px;\r\n  @media (max-width: 768px) {\r\n    flex-direction: column;\r\n  }\r\n`\r\n\r\nconst InspirationContent = styled.div`\r\n  display: flex;\r\n  flex: 1;\r\n  justify-content: space-between;\r\n  align-items: top;\r\n`\r\n\r\nconst InspirationTitle = styled.h2`\r\n  flex: 1;\r\n  font-size: 72px;\r\n  font-weight: bold;\r\n  text-align: left;\r\n`\r\n\r\nconst InspirationDescription = styled.p`\r\n  flex: 1;\r\n  font-size: 18px;\r\n  color: #555;\r\n  line-height: 1.6;\r\n`\r\n\r\nconst InspirationBoard = styled.section`\r\n  width: 100%;\r\n  padding: 40px 5%;\r\n  display: flex;\r\n  justify-content: center;\r\n`\r\n\r\nconst BoardImage = styled.img`\r\n  width: 80%;\r\n  max-width: 1600px;\r\n  height: auto;\r\n  border-radius: 10px;\r\n  object-fit: cover;\r\n`\r\n\r\nconst ProjectTable = styled.table`\r\n  width: 100%;\r\n  max-width: 800px;\r\n  border-collapse: collapse;\r\n\r\n  th,\r\n  td {\r\n    padding: 6px 10px;\r\n    text-align: left;\r\n    vertical-align: top;\r\n    background-color: transparent;\r\n  }\r\n\r\n  th {\r\n    font-weight: bold;\r\n  }\r\n\r\n  tr {\r\n    border-bottom: 1px solid #ddd;\r\n  }\r\n\r\n  tbody tr:last-child {\r\n    border-bottom: none;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    th,\r\n    td {\r\n      padding: 5px 8px;\r\n    }\r\n  }\r\n`\r\nconst GridSection = styled.section`\r\n  display: grid;\r\n  grid-template-columns: 1fr 1.5fr 1.5fr;\r\n  gap: 40px 20px;\r\n  padding: 60px 5%;\r\n  align-items: center;\r\n\r\n  @media (max-width: 768px) {\r\n    grid-template-columns: 1fr;\r\n    gap: 40px;\r\n  }\r\n`\r\n","import React from \"react\"\r\nimport { Col, Container, Row } from \"reactstrap\"\r\nimport PageTemplate from \"templates/PageTemplate\"\r\n\r\nfunction CookiePolicyPage() {\r\n  return (\r\n    <PageTemplate title=\"Cookie Policy\">\r\n      <Container>\r\n        <Row className=\"justify-content-center\">\r\n          <Col xs=\"12\" xl=\"8\" className=\"mb-4\">\r\n            <h2>About this cookie policy</h2>\r\n            <p>\r\n              This Cookie Policy explains what cookies are and how we use them,\r\n              the types of cookies we use i.e, the information we collect using\r\n              cookies and how that information is used, and how to control the\r\n              cookie preferences.\r\n            </p>\r\n            <p>Your consent applies to the following domains: io-atelier.com</p>\r\n            <p>Your current state: Consent accepted. </p>\r\n            <h2>What are cookies?</h2>\r\n            <p>\r\n              Cookies are small text files that are used to store small pieces\r\n              of information. They are stored on your device when the website is\r\n              loaded on your browser. These cookies help us make the website\r\n              function properly, make it more secure, provide better user\r\n              experience, and understand how the website performs and to analyse\r\n              what works and where it needs improvement.\r\n            </p>\r\n            <h2>How do we use cookies?</h2>\r\n            <p>\r\n              As most of the online services, our website uses first-party and\r\n              third-party cookies for several purposes. First-party cookies are\r\n              mostly necessary for the website to function the right way, and\r\n              they do not collect any of your personally identifiable data.{\" \"}\r\n            </p>\r\n            <p>\r\n              The third-party cookies used on our website are mainly for\r\n              understanding how the website performs, how you interact with our\r\n              website, keeping our services secure, providing advertisements\r\n              that are relevant to you, and all in all providing you with a\r\n              better and improved user experience and help speed up your future\r\n              interactions with our website.\r\n            </p>\r\n            <h2>What types of cookies do we use?</h2>\r\n            <p>\r\n              Essential: Some cookies are essential for you to be able to\r\n              experience the full functionality of our site. They allow us to\r\n              maintain user sessions and prevent any security threats. They do\r\n              not collect or store any personal information. For example, these\r\n              cookies allow you to log-in to your account and add products to\r\n              your basket, and checkout securely. Statistics: These cookies\r\n              store information like the number of visitors to the website, the\r\n              number of unique visitors, which pages of the website have been\r\n              visited, the source of the visit, etc. These data help us\r\n              understand and analyze how well the website performs and where it\r\n              needs improvement.\r\n            </p>\r\n            <p>\r\n              Marketing: Our website displays advertisements. These cookies are\r\n              used to personalize the advertisements that we show to you so that\r\n              they are meaningful to you. These cookies also help us keep track\r\n              of the efficiency of these ad campaigns. The information stored in\r\n              these cookies may also be used by the third-party ad providers to\r\n              show you ads on other websites on the browser as well.\r\n            </p>\r\n            <p>\r\n              Functional: These are the cookies that help certain non-essential\r\n              functionalities on our website. These functionalities include\r\n              embedding content like videos or sharing content of the website on\r\n              social media platforms. Preferences: These cookies help us store\r\n              your settings and browsing preferences like language preferences\r\n              so that you have a better and efficient experience on future\r\n              visits to the website.\r\n            </p>\r\n            <h2>How can I control the cookie preferences?</h2>\r\n            <p>\r\n              Different browsers provide different methods to block and delete\r\n              cookies used by websites. You can change the settings of your\r\n              browser to block/delete the cookies. To find out more about how to\r\n              manage and delete cookies, visit:{\" \"}\r\n              <a href=\"https://allaboutcookies.org/\" target=\"_blank\">\r\n                allaboutcookies.org\r\n              </a>\r\n            </p>\r\n          </Col>\r\n        </Row>\r\n      </Container>\r\n    </PageTemplate>\r\n  )\r\n}\r\n\r\nexport default CookiePolicyPage\r\n","import React, { useRef, useEffect } from \"react\"\r\nimport { Col, Container, Row } from \"reactstrap\"\r\nimport styled from \"styled-components\"\r\nimport vars from \"styles/variables\"\r\nimport PageTemplate from \"templates/PageTemplate\"\r\nimport useLocoScroll from \"hooks/useLocoScroll\"\r\nimport useImagePreloader from \"hooks/useImagePreloader\"\r\nimport Seo from \"components/common/Seo\"\r\nimport useDataCreativity from \"hooks/useDataCreativity\"\r\nimport WhyChooseUs from \"components/core/WhyChooseUs\"\r\nimport BackToTop from \"components/common/BackToTop\"\r\nimport ImgData1 from \"assets/images/data1.png\"\r\nimport ImgData2 from \"assets/images/data2.png\"\r\nimport ImgData3 from \"assets/images/data3.png\"\r\nimport ImgData4 from \"assets/images/data4.png\"\r\n\r\n\r\nconst preloadSrcList = [ImgData1, ImgData2, ImgData3, ImgData4]\r\n\r\nfunction DataCreativityPage() {\r\n\r\n  const videoRef = useRef(null)\r\n\r\n  useEffect(() => {\r\n    const videoElement = videoRef.current\r\n    if (!videoElement) return\r\n  \r\n    const observer = new IntersectionObserver(\r\n      ([entry]) => {\r\n        if (entry.isIntersecting) {\r\n          videoElement.play()\r\n        } else {\r\n          videoElement.pause()\r\n        }\r\n      },\r\n      { threshold: 0.5 }\r\n    )\r\n  \r\n    observer.observe(videoElement)\r\n  \r\n    return () => observer.disconnect()\r\n  }, [])\r\n\r\n  const { imagesPreloaded } = useImagePreloader(preloadSrcList)\r\n  // const { videosPreloaded } = useVideoPreloader(videoPreloadList)\r\n  const { dataCreativityRef } = useDataCreativity(imagesPreloaded)\r\n  const { locoScrollTop } = useLocoScroll(imagesPreloaded)\r\n  \r\n  if (!imagesPreloaded) return null\r\n\r\n  return (\r\n    <StyledDataCreativityPage ref={dataCreativityRef}>\r\n      <Seo title=\"Data X Creativity\" />\r\n      <BackToTop onClick={locoScrollTop} />\r\n      <PageTemplate title=\"Data X Creativity\" hideTitle>\r\n        <Container>\r\n          <Row className=\"mb-5\" data-scroll-section>\r\n            <Col xs=\"12\">\r\n              <StyledTitle\r\n                data-scroll\r\n                data-scroll-speed=\"2\"\r\n                data-scroll-direction=\"horizontal\"\r\n              >\r\n                <span className=\"data-creativity-title-1\">data x</span>\r\n                <span className=\"data-creativity-title-2\">creativity</span>\r\n              </StyledTitle>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"mb-5 align-items-start\" data-scroll-section>\r\n            <Col xs=\"12\" lg=\"12\">\r\n              <p\r\n                style={{\r\n                  fontSize: \"1rem\",\r\n                  fontWeight: \"500\",\r\n                  lineHeight: \"1.6\",\r\n                }}\r\n              >\r\n                At I/O Atelier, we believe that AI is a powerful tool to enhance\r\n                creativity, not replace it. By integrating data-driven insights\r\n                into our workflows, we eliminate wasteful and repetitive\r\n                processes, freeing up time and resources to focus on what truly\r\n                matters - exceptional design.\r\n                <br /> <br />\r\n                Our philosophy centres on combining the art of design with the\r\n                science of data, paving the way for a future where creativity\r\n                and technology coexist harmoniously.\r\n              </p>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"w-100 d-flex justify-content-end\" data-scroll-section>\r\n            <Col xs=\"12\">\r\n              <div>\r\n                <h2 style={{ fontWeight: \"bold\"}}>\r\n                  Our Vision{\" \"}\r\n                </h2>\r\n                <p\r\n                  style={{\r\n                    fontSize: \"2rem\",\r\n                    fontWeight: \"500\",\r\n                    lineHeight: \"1.6\",\r\n                  }}\r\n                >\r\n                  Our mission is to redefine design through an AI-augmented\r\n                  approach, empowering both designers and clients. By eliminating\r\n                  inefficiencies and leveraging cutting-edge tools.\r\n                </p>\r\n              </div>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"mb-5\" data-scroll-section>\r\n            <Col xs=\"12\" lg=\"7\">\r\n              <img\r\n                src={ImgData1}\r\n                alt=\"Net Zero Graph\"\r\n                className=\"img-fluid w-100\"\r\n                style={{\r\n                  borderRadius: \"20px\",\r\n                }}\r\n              />\r\n            </Col>\r\n            <Col xs=\"12\" lg=\"5\">\r\n              <p style={{ marginTop: 24, marginBottom: 0 }}>\r\n                Focus on delivering high-quality design while maintaining\r\n                competitive fee structures.\r\n                <br />\r\n                <br />\r\n                Allocate more resources towards creativity and innovation.\r\n                <br />\r\n                <br />\r\n                Ensure sustainable, data-driven decision-making that de-risks\r\n                projects for clients.\r\n              </p>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row\r\n            className=\"mb-5 align-items-start\"\r\n            data-scroll-section\r\n            style={{ paddingTop: \"40px\" }}\r\n          >\r\n            <Col xs=\"12\" lg=\"5\">\r\n              <h2>Unique Approach: Integrated Teams</h2>\r\n              <p>\r\n                What sets us apart is our integrated team of Machine Learning\r\n                Engineers, Data Scientists, and UX/UI Product Engineers working\r\n                alongside our design experts. This unique collaboration enables:\r\n              </p>\r\n              <ul>\r\n                <li>\r\n                  Seamless integration of AI tools into the design process.\r\n                </li>\r\n                <li>Data-backed creative decisions</li>\r\n                <li>Faster project delivery without compromising quality.</li>\r\n              </ul>\r\n            </Col>\r\n            <Col xs=\"12\" lg=\"7\">\r\n              <img\r\n                src={ImgData2}\r\n                alt=\"Net Zero Graph\"\r\n                className=\"img-fluid w-100\"\r\n                style={{\r\n                  borderRadius: \"20px\",\r\n                }}\r\n              />\r\n              <p\r\n                style={{\r\n                  fontSize: \"0.7rem\",\r\n                  fontWeight: \"300\",\r\n                  marginTop: \"10px\",\r\n                  textAlign: \"right\",\r\n                  paddingRight: \"5%\",\r\n                }}\r\n              >\r\n                Office Space in Dubai\r\n              </p>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"w-100 d-flex justify-content-end\" data-scroll-section>\r\n            <div\r\n              className=\"mb-5\"\r\n              style={{\r\n                width: \"80%\",\r\n                textAlign: \"right\",\r\n                textAlignLast: \"right\",\r\n                direction: \"ltr\",\r\n                paddingRight: \"0%\",\r\n              }}\r\n            >\r\n              <p\r\n                style={{\r\n                  fontSize: \"2rem\",\r\n                  fontWeight: \"500\",\r\n                  lineHeight: \"1.6\",\r\n                }}\r\n              >\r\n                We believe that the future of design lies in the perfect\r\n                integration of Data x Creativity.\r\n              </p>\r\n            </div>\r\n          </Row>\r\n\r\n          <Row className=\"mb-5 align-items-center\" data-scroll-section>\r\n            <Col xs=\"12\" lg=\"12\">\r\n              <GridContainer>\r\n                <LeftImage>\r\n                  <Image src={ImgData3} alt=\"Top aligned\" />\r\n                </LeftImage>\r\n\r\n                <TextBlock>\r\n                  <h3>Accelerating Visualization</h3>\r\n                  <p>\r\n                    We've developed custom workflows and in-house apps that\r\n                    allow us to quickly transition from sketches or white card\r\n                    Revit models to rendered CGI visuals in real time. Using\r\n                    tools such as Flux and MidJourney, we provide real-time\r\n                    style options (modern, minimalist, boho chic, etc.) to\r\n                    clients.\r\n                  </p>\r\n\r\n                  <h3>Adaptive CGI Editing</h3>\r\n                  <p>\r\n                    Our tools enable rapid modifications of externally rendered\r\n                    CGI images to accommodate client feedback efficiently.\r\n                  </p>\r\n\r\n                  <h3>Immersive Experiences</h3>\r\n                  <p>\r\n                    Using AI platforms such as Runway, we expand single-shot CGI\r\n                    visuals into complete animations and walkthroughs,\r\n                    envisioning unrendered spaces and enhancing client\r\n                    understanding.\r\n                  </p>\r\n                </TextBlock>\r\n\r\n                <TextBlock>\r\n                  <h3>Data-Driven Decision Making</h3>\r\n                  <p>\r\n                    We leverage raw building data (Wi-Fi connectivity, access\r\n                    control data, meeting room usage, etc.) to create actionable\r\n                    dashboards. This empowers clients with factual insights for\r\n                    future planning and de-risks the decision-making process.\r\n                  </p>\r\n\r\n                  <h3>Efficient Collaboration</h3>\r\n                  <p>\r\n                    We integrate tools such as Read.ai for managing meetings,\r\n                    tracking project actions, and ensuring efficient\r\n                    collaboration. With ChatGPT Enterprise, we streamline\r\n                    document preparation, automating standardized formats and\r\n                    enhancing productivity.\r\n                  </p>\r\n                </TextBlock>\r\n\r\n                <RightImage>\r\n                  <Image src={ImgData4} alt=\"Bottom aligned\" />\r\n                  <Caption align=\"right\">BA Lounge in Miami Airport</Caption>\r\n                </RightImage>\r\n              </GridContainer>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"mb-5 align-items-center\" data-scroll-section>\r\n            <Col\r\n              xs=\"12\"\r\n              lg=\"6\"\r\n              className=\"d-flex flex-column align-content-right\"\r\n            >\r\n              <h2 style={{ fontWeight: \"bold\", textAlign: \"left\" }}>\r\n                Future Vision: Innovating Real Estate\r\n              </h2>\r\n              <p style={{ textAlign: \"left\" }}>\r\n                We're not just transforming design; we're innovating the real\r\n                estate sector. In the second quarter of 2025, we will be\r\n                launching our first spin-out app tailored to the industry. This\r\n                marks the beginning of a new chapter where our expertise will\r\n                extend beyond design to deliver cutting-edge digital solutions.\r\n                <br />\r\n                <br />\r\n                Stay tuned for more details as we redefine the intersection of\r\n                technology, data, and real estate.\r\n              </p>\r\n            </Col>\r\n\r\n            <Col\r\n              xs=\"12\"\r\n              lg=\"6\"\r\n              className=\"d-flex flex-column align-items-center\"\r\n            >\r\n              <PhoneFrame>\r\n                <PhoneVideo\r\n                  ref={videoRef}\r\n                  muted\r\n                  loop\r\n                  playsInline\r\n                  autoPlay\r\n                  onMouseEnter={e => e.currentTarget.play()}\r\n                >\r\n                  <source\r\n                    src=\"https://io-atelier-web-legacy.s3.eu-west-1.amazonaws.com/nhabit-splashscreen.mp4\"\r\n                    type=\"video/mp4\"\r\n                  />\r\n                </PhoneVideo>\r\n              </PhoneFrame>\r\n            </Col>\r\n          </Row>\r\n        </Container>\r\n        <WhyChooseUs />\r\n      </PageTemplate>\r\n    </StyledDataCreativityPage>\r\n  )\r\n}\r\n\r\nexport default DataCreativityPage\r\n\r\nconst StyledDataCreativityPage = styled.div`\r\n  h3 {\r\n    margin: 0 0 16px 0;\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n\r\n    @media (max-width: ${vars.screen_sm_max}) {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n\r\n  h4 {\r\n    margin: 0 0 16px 0;\r\n    font-size: 24px;\r\n    font-weight: 500;\r\n\r\n    @media (max-width: ${vars.screen_sm_max}) {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n\r\n  ul {\r\n    padding-left: 16px;\r\n\r\n    li {\r\n      margin-bottom: 8px;\r\n    }\r\n  }\r\n\r\n  .fade-in-slide {\r\n    opacity: 0;\r\n    transform: translate(50px, 0px);\r\n  }\r\n\r\n  .data-creativity-banner {\r\n    opacity: 0;\r\n  }\r\n\r\n  .img-human-truth {\r\n    padding-bottom: 52px;\r\n  }\r\n`\r\n\r\nconst StyledTitle = styled.h2`\r\n  font-size: 56px;\r\n  line-height: 1;\r\n  font-weight: 600;\r\n  letter-spacing: 5px;\r\n  margin-bottom: 0;\r\n\r\n  span {\r\n    display: block;\r\n  }\r\n\r\n  .data-creativity-title-1 {\r\n    margin-bottom: 5px;\r\n    opacity: 0;\r\n    transform: translate(-50px, 0px);\r\n  }\r\n\r\n  .data-creativity-title-2 {\r\n    margin-left: 100px;\r\n    opacity: 0;\r\n    transform: translate(-50px, 0px);\r\n\r\n    @media (max-width: ${vars.screen_xs_max}) {\r\n      margin-left: 50px;\r\n    }\r\n  }\r\n\r\n  @media (max-width: ${vars.screen_xs_max}) {\r\n    font-size: 38px;\r\n    margin-bottom: 0;\r\n  }\r\n`\r\n\r\nconst PhoneFrame = styled.div`\r\n  width: 100%;\r\n  max-width: 70%;\r\n  aspect-ratio: 315 / 654.5;\r\n  border: 0.75em solid black;\r\n  border-radius: 4.5em;\r\n  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);\r\n  background-color: #000;\r\n  overflow: hidden;\r\n\r\n  @media (max-width: ${vars.screen_xs_max}) {\r\n    border-radius: 3em;\r\n  }\r\n`\r\n\r\nconst PhoneVideo = styled.video`\r\n  width: 100%;\r\n  height: 100%;\r\n  object-fit: cover;\r\n  border-radius: 4em;\r\n\r\n  @media (max-width: ${vars.screen_xs_max}) {\r\n    border-radius: 3em;\r\n  }\r\n`\r\n\r\nconst GridContainer = styled.div`\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr 1.5fr;\r\n  grid-template-rows: auto auto auto auto auto;\r\n  padding: 20px;\r\n\r\n  @media (max-width: ${vars.screen_md_max}) {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 0;\r\n  }\r\n`\r\n\r\nconst LeftImage = styled.div`\r\n  grid-column: 1 / 2;\r\n  grid-row: 1 / 6;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  @media (max-width: ${vars.screen_md_max}) {\r\n    grid-column: auto;\r\n    grid-row: auto;\r\n  }\r\n`\r\n\r\nconst RightImage = styled.div`\r\n  grid-column: 3 / 4;\r\n  grid-row: 4 / 6;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n  align-items: flex-end;\r\n\r\n  @media (max-width: ${vars.screen_md_max}) {\r\n    align-items: flex-start;\r\n    text-align: left;\r\n    grid-column: auto;\r\n    grid-row: auto;\r\n  }\r\n`\r\n\r\nconst TextBlock = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n  text-align: left;\r\n  padding: 20px;\r\n\r\n  @media (max-width: ${vars.screen_md_max}) {\r\n    grid-column: auto;\r\n    grid-row: auto;\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n\r\n  &:nth-child(2) {\r\n    grid-column: 2 / 4;\r\n    grid-row: 1 / 4;\r\n    padding-bottom: 0;\r\n\r\n    @media (max-width: ${vars.screen_md_max}) {\r\n      grid-column: auto;\r\n      grid-row: auto;\r\n    }\r\n  }\r\n\r\n  &:nth-child(3) {\r\n    padding-top: 0;\r\n\r\n    @media (max-width: ${vars.screen_md_max}) {\r\n      grid-column: auto;\r\n      grid-row: auto;\r\n    }\r\n  }\r\n`\r\n\r\nconst Caption = styled.p`\r\n  font-size: 0.7rem;\r\n  font-weight: 300;\r\n  margin-top: 10px;\r\n  text-align: ${({ align }) => align || \"left\"};\r\n  padding-right: ${({ align }) => (align === \"left\" ? \"5%\" : \"0\")};\r\n  width: 100%;\r\n`\r\n\r\nconst Image = styled.img`\r\n  width: 100%;\r\n  height: auto;\r\n  border-radius: 10px;\r\n`\r\n","import { useEffect, useRef } from \"react\"\r\nimport { gsap } from \"gsap\"\r\nimport { resetCursorSize } from \"utils/animationUtil\"\r\nimport { useNav } from \"hooks/useNav\"\r\nimport { useFooter } from \"hooks/useFooter\"\r\n\r\nexport default function useDataCreativity(isReady) {\r\n  const dataCreativityRef = useRef()\r\n  const q = gsap.utils.selector(dataCreativityRef)\r\n  const { isNavAnimating } = useNav()\r\n  const { handleShowBackToTop } = useFooter()\r\n\r\n  useEffect(() => {\r\n    handleShowBackToTop(true)\r\n    return handleShowBackToTop\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    if (!isReady || isNavAnimating) return\r\n\r\n    gsap\r\n      .timeline()\r\n      .to(q(\".data-creativity-title-1\"), {\r\n        opacity: 1,\r\n        x: 0,\r\n        duration: 1.6,\r\n      })\r\n      .to(\r\n        q(\".data-creativity-title-2\"),\r\n        {\r\n          opacity: 1,\r\n          x: 0,\r\n          duration: 1.6,\r\n        },\r\n        0.5\r\n      )\r\n      .to(\r\n        q(\".fade-in-slide\"),\r\n        {\r\n          opacity: 1,\r\n          x: 0,\r\n          duration: 1,\r\n        },\r\n        0.5\r\n      )\r\n      .to(\r\n        q(\".data-creativity-banner\"),\r\n        {\r\n          opacity: 1,\r\n          duration: 2,\r\n        },\r\n        0.3\r\n      )\r\n\r\n    return () => resetCursorSize()\r\n  }, [isReady, isNavAnimating])\r\n\r\n  return {\r\n    dataCreativityRef,\r\n  }\r\n}\r\n","import React from \"react\"\r\nimport { Col, Container, Row } from \"reactstrap\"\r\nimport styled from \"styled-components\"\r\nimport vars from \"styles/variables\"\r\nimport PageTemplate from \"templates/PageTemplate\"\r\nimport useLocoScroll from \"hooks/useLocoScroll\"\r\nimport useImagePreloader from \"hooks/useImagePreloader\"\r\nimport Seo from \"components/common/Seo\"\r\nimport useEnvironment from \"hooks/useEnvironment\"\r\nimport WhyChooseUs from \"components/core/WhyChooseUs\"\r\nimport BackToTop from \"components/common/BackToTop\"\r\nimport ImgEnv1 from \"assets/images/env1.png\"\r\nimport ImgEnv2 from \"assets/images/env2.jpg\"\r\nimport ImgEnv3 from \"assets/images/env3.png\"\r\nimport ImgEnv4 from \"assets/images/env4.png\"\r\n\r\nconst preloadSrcList = [ImgEnv1, ImgEnv2, ImgEnv3, ImgEnv4]\r\n\r\nexport default function EnvironmentPage() {\r\n  const { imagesPreloaded } = useImagePreloader(preloadSrcList)\r\n  const { locoScrollTop } = useLocoScroll(imagesPreloaded)\r\n  const { environmentRef } = useEnvironment(imagesPreloaded)\r\n\r\n  if (!imagesPreloaded) return null\r\n\r\n  return (\r\n    <StyledEnvironmentPage ref={environmentRef}>\r\n      <Seo title=\"Environment\" />\r\n      <BackToTop onClick={locoScrollTop} />\r\n      <PageTemplate title=\"Environment\" hideTitle>\r\n        <Container>\r\n          <Row className=\"mb-5 align-items-center\" data-scroll-section>\r\n            <Col xs=\"12\">\r\n              <StyledTitle className=\"enviro-title\">\r\n                <div\r\n                  data-scroll\r\n                  data-scroll-speed=\"2\"\r\n                  data-scroll-position=\"top\"\r\n                  data-scroll-direction=\"horizontal\"\r\n                >\r\n                  <span>N</span>\r\n                </div>\r\n                <div\r\n                  data-scroll\r\n                  data-scroll-speed=\"1\"\r\n                  data-scroll-position=\"top\"\r\n                  data-scroll-direction=\"horizontal\"\r\n                >\r\n                  <span>E</span>\r\n                </div>\r\n                <div\r\n                  data-scroll\r\n                  data-scroll-speed=\"0.5\"\r\n                  data-scroll-position=\"top\"\r\n                  data-scroll-direction=\"horizontal\"\r\n                >\r\n                  <span>T</span>\r\n                </div>\r\n\r\n                <div\r\n                  data-scroll\r\n                  data-scroll-speed=\"-1\"\r\n                  data-scroll-position=\"top\"\r\n                  data-scroll-direction=\"horizontal\"\r\n                >\r\n                  <span>ZERO</span>\r\n                </div>\r\n              </StyledTitle>\r\n              <div className=\"enviro-quote\">\r\n                <StyledQuote data-scroll>\r\n                  &#8220;We can&#8217;t save the world by playing by the rules,\r\n                  because the rules have to be changed. Everything needs to\r\n                  change and it has to start today&#8221;\r\n                </StyledQuote>\r\n              </div>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"mb-5\" data-scroll-section>\r\n            <Col xs=\"12\">\r\n              <p>\r\n                At I/O Atelier, we believe that sustainability begins with\r\n                thoughtful design. Achieving Net Zero isn’t just about reducing\r\n                emissions; it’s about creating spaces that inspire and endure\r\n                while minimizing their environmental impact. Our pledge is to\r\n                integrate sustainability into every project, making choices\r\n                today that matter for generations to come.\r\n              </p>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row data-scroll-section>\r\n            <Col xs=\"12\" md=\"6\" lg=\"4\">\r\n              <h2>Our Commitment to Carbon Neutrality</h2>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"mb-5 align-items-start\" data-scroll-section>\r\n            <Col xs=\"12\" lg=\"6\">\r\n              <img\r\n                src={ImgEnv1}\r\n                alt=\"Net Zero Graph\"\r\n                className=\"img-fluid w-100 mb-4 mb-md-0\"\r\n              />\r\n            </Col>\r\n            <Col xs=\"12\" lg=\"6\">\r\n              <p>\r\n                We are committed to:\r\n                <br />\r\n                <br />\r\n                <strong>Reducing embodied carbon</strong> by carefully selecting\r\n                materials and processes that minimize environmental impact.\r\n                <br />\r\n                <br />\r\n                <strong>Promoting reuse</strong> by breathing new life into\r\n                existing spaces and materials, reducing waste wherever possible.\r\n                <br />\r\n                <br />\r\n                <strong>Collaborating with clients</strong> by providing clear\r\n                options and actionable strategies to achieve low, neutral, or\r\n                negative embodied carbon outcomes.\r\n              </p>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row data-scroll-section>\r\n            <Col xs=\"12\">\r\n              <p className=\"mb-5\">\r\n                <StyledList>\r\n                  Key Goals:\r\n                  <br />\r\n                  <br />\r\n                  <li>\r\n                    To integrate sustainable principles into every stage of the\r\n                    design process.\r\n                  </li>\r\n                  <li>\r\n                    To empower clients to make informed decisions by presenting\r\n                    practical and impactful solutions.\r\n                  </li>\r\n                  <li>\r\n                    To push creative boundaries while prioritizing environmental\r\n                    responsibility.\r\n                  </li>\r\n                </StyledList>\r\n              </p>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"w-100 d-flex justify-content-end\" data-scroll-section>\r\n            <Col xs=\"12\">\r\n              <div\r\n                className=\"mb-5\"\r\n                style={{\r\n                  width: \"100%\",\r\n                  textAlign: \"left\",\r\n                  textAlignLast: \"left\",\r\n                  direction: \"ltr\",\r\n                  paddingRight: \"5%\",\r\n                }}\r\n              >\r\n                <h2 style={{ fontWeight: \"bold\", textAlign: \"right\" }}>\r\n                  What we do?\r\n                </h2>\r\n                <p\r\n                  style={{\r\n                    fontSize: \"2rem\",\r\n                    fontWeight: \"200\",\r\n                    lineHeight: \"1.6\",\r\n                  }}\r\n                >\r\n                  Our mission is to reduce the carbon footprint of everything we\r\n                  create by embedding sustainability into our design process.\r\n                </p>\r\n              </div>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"mb-5 align-items-top\" data-scroll-section>\r\n            <Col>\r\n              <h3 style={{ fontWeight: \"bold\", textAlign: \"left\" }}>\r\n                Material Selection\r\n              </h3>\r\n              <ul>\r\n                <li>\r\n                  Prioritizing recycled, reusable, and low-carbon materials.\r\n                </li>\r\n                <li>\r\n                  Avoiding the use of virgin materials whenever alternatives are\r\n                  available.\r\n                </li>\r\n              </ul>\r\n            </Col>\r\n            <Col>\r\n              <h3 style={{ fontWeight: \"bold\", textAlign: \"left\" }}>\r\n                Circular Design Principles\r\n              </h3>\r\n              <ul>\r\n                <li>\r\n                  Creating adaptable spaces that can evolve with changing needs.\r\n                </li>\r\n                <li>\r\n                  Designing for disassembly, ensuring materials can be reused or\r\n                  repurposed.\r\n                </li>\r\n              </ul>\r\n            </Col>\r\n            <Col>\r\n              <h3 style={{ fontWeight: \"bold\", textAlign: \"left\" }}>\r\n                Pragmatic Solutions\r\n              </h3>\r\n              <ul>\r\n                <li>\r\n                  Offering practical and achievable recommendations that align\r\n                  with client goals and budgets.\r\n                </li>\r\n                <li>\r\n                  Ensuring sustainability doesn’t compromise creativity or\r\n                  functionality.\r\n                </li>\r\n              </ul>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"mb-5 align-items-start\" data-scroll-section>\r\n            <Col xs=\"12\">\r\n              <img\r\n                src={ImgEnv2}\r\n                alt=\"Net Zero Graph\"\r\n                className=\"img-fluid w-100\"\r\n                style={{ borderRadius: \"20px\" }}\r\n              />\r\n              <p\r\n                style={{\r\n                  fontSize: \"0.7rem\",\r\n                  fontWeight: \"300\",\r\n                  marginTop: \"10px\",\r\n                  textAlign: \"right\",\r\n                  paddingRight: \"0%\",\r\n                }}\r\n              >\r\n                Private Residence in Greece\r\n              </p>\r\n            </Col>\r\n          </Row>\r\n\r\n          <Row className=\"w-100 d-flex justify-content-end\" data-scroll-section>\r\n            <CircularDesignCol xs=\"12\">\r\n              <CircularDesignWrapper className=\"mb-5\">\r\n                <h2 style={{ fontWeight: \"bold\", textAlign: \"right\" }}>\r\n                  Circular Design Strategies: How We Make an Impact\r\n                </h2>\r\n                <p\r\n                  style={{\r\n                    fontSize: \"2rem\",\r\n                    fontWeight: \"200\",\r\n                    lineHeight: \"1.6\",\r\n                  }}\r\n                >\r\n                  We focus on strategies that ensure materials and resources\r\n                  remain in use for as long as possible, minimizing waste and\r\n                  environmental harm.\r\n                </p>\r\n              </CircularDesignWrapper>\r\n            </CircularDesignCol>\r\n          </Row>\r\n\r\n          <Row className=\"mb-5 align-items-center\" data-scroll-section>\r\n            <Col xs=\"12\" lg=\"12\">\r\n              <GridContainer>\r\n                <LeftImage>\r\n                  <Image src={ImgEnv3} alt=\"Top aligned\" />\r\n                </LeftImage>\r\n\r\n                <TextBlock>\r\n                  <h3>Recycle</h3>\r\n                  <p>\r\n                    Reuse materials wherever possible to extend their lifecycle\r\n                    and reduce the need for new resources.\r\n                  </p>\r\n\r\n                  <h3>Gut and Renew</h3>\r\n                  <p>\r\n                    Reuse materials wherever possible to extend their lifecycle\r\n                    and reduce the need for new resources.\r\n                  </p>\r\n                </TextBlock>\r\n\r\n                <TextBlock>\r\n                  <h3>Modularity</h3>\r\n                  <p>\r\n                    Design flexible interiors that adapt to future needs,\r\n                    reducing the need for frequent renovations.\r\n                  </p>\r\n\r\n                  <h3>Experimentation</h3>\r\n                  <p>\r\n                    Continuously explore new sustainable materials and\r\n                    techniques to drive innovation.\r\n                  </p>\r\n                </TextBlock>\r\n\r\n                <RightImage>\r\n                  <Image src={ImgEnv4} alt=\"Bottom aligned\" />\r\n                  <Caption align=\"right\">\r\n                    Biophilic design for an office space in Dubai\r\n                  </Caption>\r\n                </RightImage>\r\n              </GridContainer>\r\n            </Col>\r\n          </Row>\r\n        </Container>\r\n        <WhyChooseUs />\r\n      </PageTemplate>\r\n    </StyledEnvironmentPage>\r\n  )\r\n}\r\n\r\nconst StyledList = styled.ul`\r\n  list-style-type: disc; /* This is the default bullet style */\r\n  padding-left: 20px;\r\n\r\n  li {\r\n    margin-bottom: 8px;\r\n  }\r\n`\r\n\r\nconst StyledEnvironmentPage = styled.div`\r\n  h3 {\r\n    margin: 0 0 16px 0;\r\n    font-size: 24px;\r\n    font-weight: 600;\r\n\r\n    @media (max-width: ${vars.screen_sm_max}) {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n\r\n  ul {\r\n    padding-left: 16px;\r\n\r\n    li {\r\n      margin-bottom: 8px;\r\n    }\r\n  }\r\n\r\n  .fade-in-slide {\r\n    opacity: 0;\r\n    transform: translate(50px, 0px);\r\n  }\r\n\r\n  .co2-2 {\r\n    max-width: 100px;\r\n    margin: 0 auto;\r\n    display: block;\r\n  }\r\n\r\n  .enviro-quote,\r\n  .carbon-title {\r\n    opacity: 0;\r\n    transform: translate(0, 50px);\r\n  }\r\n\r\n  .enviro-banner {\r\n    opacity: 0;\r\n    transform: translate(50px, 50px);\r\n  }\r\n`\r\n\r\nconst StyledTitle = styled.h2`\r\n  font-size: 56px;\r\n  line-height: 1;\r\n  font-weight: 600;\r\n  letter-spacing: 5px;\r\n  margin-bottom: 30px;\r\n\r\n  span {\r\n    display: block;\r\n    opacity: 0;\r\n    transform: rotate(-45deg);\r\n    transform: translate(40px, 40px);\r\n  }\r\n`\r\n\r\nconst StyledQuote = styled.blockquote`\r\n  font-family: ${vars.secondaryFont};\r\n  font-size: 46px;\r\n  margin: 0 0 20px 0;\r\n\r\n  @media (max-width: ${vars.screen_md_max}) {\r\n    font-size: 32px;\r\n  }\r\n`\r\n\r\nconst GridContainer = styled.div`\r\n  display: grid;\r\n  grid-template-columns: 1.5fr 1fr 1fr;\r\n  grid-template-rows: auto auto auto auto auto;\r\n  padding: 20px;\r\n\r\n  @media (max-width: ${vars.screen_md_max}) {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 0;\r\n  }\r\n`\r\n\r\nconst LeftImage = styled.div`\r\n  grid-column: 1 / 2;\r\n  grid-row: 1 / 6;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  @media (max-width: ${vars.screen_md_max}) {\r\n    grid-column: auto;\r\n    grid-row: auto;\r\n  }\r\n`\r\n\r\nconst RightImage = styled.div`\r\n  grid-column: 3 / 4;\r\n  grid-row: 4 / 6;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n  align-items: flex-end;\r\n\r\n  @media (max-width: ${vars.screen_md_max}) {\r\n    align-items: flex-start;\r\n    text-align: left;\r\n    grid-column: auto;\r\n    grid-row: auto;\r\n  }\r\n`\r\n\r\nconst TextBlock = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: flex-end;\r\n  text-align: left;\r\n  padding: 20px;\r\n\r\n  @media (max-width: ${vars.screen_md_max}) {\r\n    grid-column: auto;\r\n    grid-row: auto;\r\n    padding-left: 0;\r\n    padding-right: 0;\r\n  }\r\n\r\n  &:nth-child(2) {\r\n    grid-column: 2 / 4;\r\n    grid-row: 1 / 4;\r\n    padding-bottom: 0;\r\n\r\n    @media (max-width: ${vars.screen_md_max}) {\r\n      grid-column: auto;\r\n      grid-row: auto;\r\n    }\r\n  }\r\n\r\n  &:nth-child(3) {\r\n    padding-top: 0;\r\n\r\n    @media (max-width: ${vars.screen_md_max}) {\r\n      grid-column: auto;\r\n      grid-row: auto;\r\n    }\r\n  }\r\n`\r\n\r\nconst Caption = styled.p`\r\n  font-size: 0.7rem;\r\n  font-weight: 300;\r\n  margin-top: 10px;\r\n  text-align: ${({ align }) => align || \"left\"};\r\n  width: 100%;\r\n`\r\n\r\nconst Image = styled.img`\r\n  width: 100%;\r\n  height: auto;\r\n  border-radius: 10px;\r\n`\r\n\r\nconst CircularDesignCol = styled(Col)`\r\n  @media (max-width: ${vars.screen_xs_max}) {\r\n    display: flex;\r\n    justify-content: flex-end;\r\n  }\r\n`\r\n\r\nconst CircularDesignWrapper = styled.div`\r\n  width: 80%;\r\n  max-width: 900px;\r\n  text-align: right;\r\n  text-align-last: right;\r\n  direction: ltr;\r\n\r\n  @media (max-width: ${vars.screen_xs_max}) {\r\n    width: 100%;\r\n  }\r\n`\r\n","import { useEffect, useRef } from \"react\"\r\nimport { gsap } from \"gsap\"\r\nimport { resetCursorSize } from \"utils/animationUtil\"\r\nimport { useNav } from \"hooks/useNav\"\r\nimport { useFooter } from \"hooks/useFooter\"\r\n\r\nexport default function useEnvironment(isReady) {\r\n  const environmentRef = useRef()\r\n  const q = gsap.utils.selector(environmentRef)\r\n  const { isNavAnimating } = useNav()\r\n  const { handleShowBackToTop } = useFooter()\r\n\r\n  useEffect(() => {\r\n    handleShowBackToTop(true)\r\n    return handleShowBackToTop\r\n  }, [])\r\n\r\n  useEffect(() => {\r\n    if (!isReady || isNavAnimating) return\r\n\r\n    gsap\r\n      .timeline()\r\n      .to(q(\".enviro-title span\"), {\r\n        opacity: 1,\r\n        x: 0,\r\n        y: 0,\r\n        stagger: 0.2,\r\n        rotate: 0,\r\n        ease: \"back.out(1.5)\",\r\n      })\r\n      .to(\r\n        q(\".enviro-quote\"),\r\n        {\r\n          opacity: 1,\r\n          y: 0,\r\n          duration: 1,\r\n        },\r\n        0.5\r\n      )\r\n      .to(\r\n        q(\".enviro-banner\"),\r\n        {\r\n          opacity: 1,\r\n          x: 0,\r\n          y: 0,\r\n          duration: 1,\r\n        },\r\n        0.5\r\n      )\r\n      .to(\r\n        q(\".carbon-title\"),\r\n        {\r\n          opacity: 1,\r\n          y: 0,\r\n          duration: 1,\r\n        },\r\n        0.7\r\n      )\r\n\r\n    return () => {\r\n      resetCursorSize()\r\n    }\r\n  }, [isReady, isNavAnimating])\r\n\r\n  return {\r\n    environmentRef,\r\n  }\r\n}\r\n","import React from \"react\"\r\nimport { Route, Switch, Redirect } from \"react-router-dom\"\r\nimport loadable from \"@loadable/component\"\r\nimport NotFoundPage from \"pages/error/NotFoundPage\"\r\nimport HomePage from \"pages/home/HomePage\"\r\nimport ForbiddenPage from \"pages/error/ForbiddenPage\"\r\nimport LoadingIcon from \"components/common/LoadingIcon\"\r\nimport AboutUsPage from \"pages/about/AboutUsPage\"\r\nimport TeamPage from \"pages/team/TeamPage\"\r\nimport ProjectsPage from \"pages/projects/ProjectsPage\"\r\nimport ProjectDetailsPage from \"pages/projects/ProjectDetailsPage\"\r\nimport CookiePolicyPage from \"pages/home/CookiePolicyPage\"\r\nimport DataCreativityPage from \"pages/data-creativity/DataCreativityPage\"\r\nimport EnvironmentPage from \"pages/environment/EnvironmentPage\"\r\n// import ContactUsPage from \"pages/contact/ContactUsPage\"\r\n\r\nconst AdminRouting = loadable(() => import(\"components/core/AdminRouting\"), {\r\n  fallback: <LoadingIcon colour=\"primary\" width={120} isFullScreen />,\r\n})\r\n\r\nfunction Routing() {\r\n  return (\r\n    <Switch>\r\n      <Route path=\"/admin\" component={AdminRouting} />\r\n      <Route exact path=\"/cookie-policy\" component={CookiePolicyPage} />\r\n      <Route exact path=\"/forbidden\" component={ForbiddenPage} />\r\n      <Route exact path=\"/projects/:slug\" component={ProjectDetailsPage} />\r\n      <Route exact path=\"/projects\" component={ProjectsPage} />\r\n      <Route exact path=\"/meet-the-team\" component={TeamPage} />\r\n      <Route exact path=\"/about-us\" component={AboutUsPage} />\r\n      <Route exact path=\"/data-x-creativity\" component={DataCreativityPage} />\r\n      <Route exact path=\"/environment\" component={EnvironmentPage} />\r\n      <Route exact path=\"/\" component={HomePage} />\r\n      <Route exact to=\"/not-found\" component={NotFoundPage} />\r\n      <Redirect to=\"/not-found\" />\r\n    </Switch>\r\n  )\r\n}\r\n\r\nexport default Routing\r\n","import React from \"react\"\r\nimport { ErrorBoundary as ReactErrorBoundary } from \"react-error-boundary\"\r\nimport { Col, Container, Row } from \"reactstrap\"\r\nimport styled from \"styled-components\"\r\nimport vars from \"styles/variables\"\r\n\r\nexport default function ErrorBoundary({ children }) {\r\n  return (\r\n    <ReactErrorBoundary FallbackComponent={ErrorPage}>\r\n      {children}\r\n    </ReactErrorBoundary>\r\n  )\r\n}\r\n\r\nfunction ErrorPage() {\r\n  function handleReset() {\r\n    window.location.href = \"/\"\r\n  }\r\n\r\n  return (\r\n    <StyledErrorPage>\r\n      <Container>\r\n        <Row>\r\n          <Col>\r\n            <h1 className=\"mb-3\">Something went wrong</h1>\r\n            <p className=\"mb-3\">An error has occured in the application.</p>\r\n            <StyledButton onClick={handleReset}>Try again</StyledButton>\r\n          </Col>\r\n        </Row>\r\n      </Container>\r\n    </StyledErrorPage>\r\n  )\r\n}\r\n\r\nconst StyledErrorPage = styled.div`\r\n  font-family: ${vars.primaryFont};\r\n`\r\n\r\nconst StyledButton = styled.button`\r\n  font-size: 16px;\r\n  height: 42px;\r\n  display: inline-flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  text-decoration: none;\r\n  padding: 0 1.5rem;\r\n  cursor: pointer;\r\n  line-height: 1;\r\n  border: none;\r\n  color: ${vars.white};\r\n  opacity: 1;\r\n  transition: ease-in-out 200ms;\r\n  background: ${vars.primary};\r\n  border-radius: 0;\r\n  font-family: ${vars.primaryFont};\r\n  font-weight: normal;\r\n  text-transform: uppercase;\r\n  position: relative;\r\n  user-select: none;\r\n  z-index: 10;\r\n\r\n  &:hover {\r\n    background: ${vars.primaryDark};\r\n  }\r\n`\r\n","import React, { useRef, useEffect } from \"react\"\r\n\r\n// const lerp = (a, b, n) => (1 - n) * a + n * b\r\n\r\n// class Cursor {\r\n//   constructor() {\r\n//     // config\r\n//     this.target = { x: 0, y: 0 } // mouse position\r\n//     this.cursor = { x: 0, y: 0 } // cursor position\r\n//     this.speed = 0.2\r\n//     this.init()\r\n//   }\r\n//   bindAll() {\r\n//     ;[\"onMouseMove\", \"render\"].forEach(fn => (this[fn] = this[fn].bind(this)))\r\n//   }\r\n//   onMouseMove(e) {\r\n//     //get normalized mouse coordinates [0, 1]\r\n//     this.target.x = e.clientX / window.innerWidth\r\n//     this.target.y = e.clientY / window.innerHeight\r\n//     // trigger loop if no loop is active\r\n//     if (!this.raf) this.raf = requestAnimationFrame(this.render)\r\n//   }\r\n//   render() {\r\n//     //calculate lerped values\r\n//     this.cursor.x = lerp(this.cursor.x, this.target.x, this.speed)\r\n//     this.cursor.y = lerp(this.cursor.y, this.target.y, this.speed)\r\n//     document.documentElement.style.setProperty(\"--cursor-x\", this.cursor.x)\r\n//     document.documentElement.style.setProperty(\"--cursor-y\", this.cursor.y)\r\n//     //cancel loop if mouse stops moving\r\n//     const delta = Math.sqrt(\r\n//       Math.pow(this.target.x - this.cursor.x, 2) +\r\n//         Math.pow(this.target.y - this.cursor.y, 2)\r\n//     )\r\n//     if (delta < 0.001) {\r\n//       cancelAnimationFrame(this.raf)\r\n//       this.raf = null\r\n//       return\r\n//     }\r\n//     //or continue looping if mouse is moving\r\n//     this.raf = requestAnimationFrame(this.render)\r\n//   }\r\n//   init() {\r\n//     this.bindAll()\r\n//     window.addEventListener(\"mousemove\", this.onMouseMove)\r\n//     this.raf = requestAnimationFrame(this.render)\r\n//   }\r\n// }\r\n\r\nfunction CustomCursor() {\r\n  const cursorRef = useRef()\r\n\r\n  useEffect(() => {\r\n    if (window.navigator.userAgentData?.mobile) return\r\n\r\n    document.addEventListener(\"mousemove\", event => {\r\n      const { clientX, clientY } = event\r\n      const mouseX = clientX - cursorRef.current.clientWidth / 2\r\n      const mouseY = clientY - cursorRef.current.clientHeight / 2\r\n\r\n      //cursorRef.current.style.transform = `translate3d(${mouseX}px, ${mouseY}px, 0)`\r\n      //cursorRef.current.style.transform = `translate3d(${mouseX}px, ${mouseY}px, 0)`\r\n\r\n      cursorRef.current.style.left = mouseX + \"px\"\r\n      cursorRef.current.style.top = mouseY + \"px\"\r\n    })\r\n  }, [])\r\n\r\n  // useEffect(() => {\r\n  //   new Cursor()\r\n  // }, [])\r\n\r\n  return (\r\n    <div id=\"cursor\" className=\"app-cursor\" ref={cursorRef}>\r\n      <div className=\"app-cursor-inner\"></div>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default CustomCursor\r\n","import React from \"react\"\r\nimport Layout from \"components/core/Layout\"\r\nimport Routing from \"components/core/Routing\"\r\nimport ErrorBoundary from \"components/core/ErrorBoundary\"\r\nimport CustomCursor from \"components/core/CustomCursor\"\r\n\r\nfunction App() {\r\n  return (\r\n    <ErrorBoundary>\r\n      <CustomCursor />\r\n      <Layout>\r\n        <Routing />\r\n      </Layout>\r\n    </ErrorBoundary>\r\n  )\r\n}\r\n\r\nexport default App\r\n","import vars from \"styles/variables\"\r\n\r\nexport const muiTheme = {\r\n  palette: {\r\n    primary: {\r\n      main: vars.adminPrimary,\r\n    },\r\n    secondary: {\r\n      main: vars.adminSecondary,\r\n    },\r\n    white: {\r\n      main: vars.white,\r\n    },\r\n  },\r\n  overrides: {\r\n    MuiButton: {\r\n      text: {\r\n        color: \"white\",\r\n      },\r\n      containedPrimary: {\r\n        color: \"white\",\r\n      },\r\n      outlinedPrimary: {\r\n        border: `2px solid ${vars.adminPrimary}`,\r\n        \"&:hover\": {\r\n          border: `2px solid ${vars.adminPrimary}`,\r\n        },\r\n      },\r\n      outlinedSecondary: {\r\n        border: `2px solid ${vars.adminSecondary}`,\r\n        \"&:hover\": {\r\n          border: `2px solid ${vars.adminSecondary}`,\r\n        },\r\n      },\r\n    },\r\n  },\r\n}\r\n","import config from \"config\"\r\nimport httpService from \"services/httpService\"\r\n\r\nconst endpoint = `${config.api}/Article`\r\n\r\nexport async function getArticleList(articleType) {\r\n  const data = await httpService.get(`${endpoint}/ArticleList`, {\r\n    params: { articleType },\r\n  })\r\n  return data\r\n}\r\n\r\nexport async function getArticleListFiltered(articleType, currentPage = 1) {\r\n  return {\r\n    items: [],\r\n    totalItems: 0,\r\n    itemsPerPage: 6,\r\n    hasMoreItems: false,\r\n    nextPage: 2,\r\n    responseMessage: null,\r\n    responseType: \"SUCCESS\",\r\n    id: null,\r\n  }\r\n}\r\n\r\nexport async function getArticleDetails(articleShortName) {\r\n  const data = await httpService.get(`${endpoint}/ArticleDetails`, {\r\n    params: { articleShortName },\r\n  })\r\n  return data\r\n}\r\n\r\nexport async function getVideoList() {\r\n  const data = await httpService.get(`${endpoint}/VideoList`)\r\n  return data\r\n}\r\n","// Enum must match the C# version\r\nexport const ArticleTypeEnum = Object.freeze({\r\n  none: 0,\r\n  news: 1,\r\n  offer: 2,\r\n  event: 3,\r\n})\r\n","import React, {\r\n  useState,\r\n  useEffect,\r\n  useContext,\r\n  createContext,\r\n  useRef,\r\n} from \"react\"\r\nimport { getArticleListFiltered } from \"services/articleService\"\r\nimport { ArticleTypeEnum } from \"utils/articleUtil\"\r\n\r\nconst Context = createContext()\r\n\r\n// Provider component that wraps your app and makes our object\r\n// available to any child component\r\nexport function ArticleProvider({ children }) {\r\n  const value = useProvider()\r\n  return <Context.Provider value={value}>{children}</Context.Provider>\r\n}\r\n\r\n// Hook for child components to get the object\r\n// and re-render when it changes\r\nexport const useArticles = () => {\r\n  return useContext(Context)\r\n}\r\n\r\n// Provider hook that creates object and handles state\r\nfunction useProvider() {\r\n  const isMounted = useRef(true)\r\n  const [news, setNews] = useState()\r\n  const [isLoading, setIsLoading] = useState(true)\r\n  const [isLoadingMore, setIsLoadingMore] = useState(false)\r\n  const [error, setError] = useState()\r\n\r\n  useEffect(() => {\r\n    onMount()\r\n    return () => {\r\n      isMounted.current = false\r\n    }\r\n  }, [])\r\n\r\n  async function onMount() {\r\n    const response = await getArticleListFiltered(ArticleTypeEnum.news)\r\n\r\n    if (!isMounted.current) return\r\n    if (!response.isSuccess) return handleError(response.responseMessage)\r\n\r\n    setNews(response)\r\n    setIsLoading(false)\r\n  }\r\n\r\n  function handleError(error) {\r\n    if (!isMounted.current) return\r\n    setError(error)\r\n  }\r\n\r\n  async function refreshArticles(showLoading) {\r\n    showLoading && setIsLoading(true)\r\n    onMount()\r\n  }\r\n\r\n  async function loadMoreNews() {\r\n    setIsLoadingMore(true)\r\n\r\n    const response = await getArticleListFiltered(\r\n      ArticleTypeEnum.news,\r\n      news.nextPage\r\n    )\r\n\r\n    if (!isMounted.current) return\r\n    if (!response.isSuccess) return handleError(response.responseMessage)\r\n\r\n    const mergeNews = {\r\n      ...news,\r\n      hasMoreItems: response.hasMoreItems,\r\n      nextPage: response.nextPage,\r\n      items: [...news.items, ...response.items],\r\n    }\r\n\r\n    setNews(mergeNews)\r\n    setIsLoadingMore(false)\r\n  }\r\n\r\n  return {\r\n    news,\r\n    isLoading,\r\n    isLoadingMore,\r\n    error,\r\n    refreshArticles,\r\n    loadMoreNews,\r\n  }\r\n}\r\n","import React, { useContext, createContext, useRef } from \"react\"\r\nimport { useArticles } from \"hooks/useArticles\"\r\n\r\nconst Context = createContext()\r\n\r\nexport function RefreshProvider({ children }) {\r\n  const value = useProvider()\r\n  return <Context.Provider value={value}>{children}</Context.Provider>\r\n}\r\n\r\nexport default function useRefresh() {\r\n  return useContext(Context)\r\n}\r\n\r\nfunction useProvider() {\r\n  const isInitialLoad = useRef(true)\r\n  const { refreshArticles } = useArticles()\r\n\r\n  // The above hooks contain providers which load their data on mount.\r\n  // The below function prevents us calling the api to get the same data\r\n  // when initially loading the app for the first time.\r\n  function handleInitialLoad() {\r\n    if (isInitialLoad.current) {\r\n      isInitialLoad.current = false\r\n      return true\r\n    }\r\n  }\r\n\r\n  function refreshAll() {\r\n    if (handleInitialLoad()) return\r\n\r\n    Promise.all([\r\n      refreshArticles()\r\n    ])\r\n  }\r\n\r\n  return {\r\n    refreshAll,\r\n  }\r\n}\r\n","import config from \"config\"\r\nimport httpService from \"services/httpService\"\r\n\r\nconst endpoint = `${config.api}/User`\r\n\r\nexport async function getUser() {\r\n  return {\r\n    title: null,\r\n    firstName: null,\r\n    surname: null,\r\n    email: null,\r\n    mobileNumber: null,\r\n    addressLine1: null,\r\n    addressLine2: null,\r\n    addressLine3: null,\r\n    addressLine4: null,\r\n    postCode: null,\r\n    countryCode: null,\r\n    countries: null,\r\n    role: null,\r\n    isAdmin: false,\r\n    isAuthenticated: false,\r\n    responseMessage: null,\r\n    responseType: \"SUCCESS\",\r\n    id: null,\r\n  }\r\n}\r\n\r\nexport async function updateUser(user) {\r\n  const data = await httpService.post(`${endpoint}/UpdateUser`, user)\r\n  return data\r\n}\r\n","import React, {\r\n  useState,\r\n  useEffect,\r\n  useContext,\r\n  createContext,\r\n  useRef,\r\n} from \"react\"\r\nimport { getUser, updateUser } from \"services/userService\"\r\nimport { toastSuccess } from \"utils/toastUtil\"\r\n\r\nconst Context = createContext()\r\n\r\n// Provider component that wraps your app and makes our object\r\n// available to any child component\r\nexport function UserProvider({ children }) {\r\n  const value = useProvider()\r\n  return <Context.Provider value={value}>{children}</Context.Provider>\r\n}\r\n\r\n// Hook for child components to get the object\r\n// and re-render when it changes\r\nexport const useUser = () => {\r\n  return useContext(Context)\r\n}\r\n\r\n// Provider hook that creates object and handles state\r\nfunction useProvider() {\r\n  const isMounted = useRef(true)\r\n  const [user, setUser] = useState()\r\n  const [isLoading, setIsLoading] = useState(true)\r\n  const [isUpdateLoading, setIsUpdateLoading] = useState(false)\r\n\r\n  useEffect(() => {\r\n    onMount()\r\n    return () => {\r\n      isMounted.current = false\r\n    }\r\n  }, [])\r\n\r\n  async function onMount() {\r\n    const response = await getUser()\r\n\r\n    if (!isMounted.current) return\r\n    if (!response.isSuccess) return handleError(response.responseMessage)\r\n\r\n    //console.log(\"response.user\", response)\r\n\r\n    setUser(response)\r\n    setIsLoading(false)\r\n  }\r\n\r\n  function handleError(error) {\r\n    setIsLoading(false)\r\n  }\r\n\r\n  async function handleUpdateUser(data) {\r\n    setIsUpdateLoading(true)\r\n\r\n    const response = await updateUser({\r\n      ...data,\r\n      id: user.id,\r\n    })\r\n\r\n    if (!isMounted.current) return\r\n    if (!response.isSuccess) return handleError(response.responseMessage)\r\n\r\n    setUser(response)\r\n    setIsUpdateLoading(false)\r\n\r\n    toastSuccess(\"User account updated\")\r\n  }\r\n\r\n  return {\r\n    user,\r\n    isLoading,\r\n    isUpdateLoading,\r\n    handleUpdateUser,\r\n  }\r\n}\r\n","import TagManager from \"react-gtm-module\"\r\nimport httpService from \"services/httpService\"\r\n\r\nexport async function initTagManager() {\r\n  const data = await httpService.get(`/api/Home/TagManagerCode`)\r\n\r\n  TagManager.initialize({\r\n    gtmId: data.gtmCode,\r\n  })\r\n}\r\n","import React from \"react\"\r\nimport ReactDOM from \"react-dom\"\r\nimport { BrowserRouter } from \"react-router-dom\"\r\nimport { createTheme, ThemeProvider } from \"@material-ui/core/styles\"\r\nimport * as Sentry from \"@sentry/react\"\r\nimport { ToastContainer } from \"react-toastify\"\r\nimport \"react-toastify/dist/ReactToastify.css\"\r\nimport \"bootstrap-4-grid/css/grid.min.css\"\r\nimport \"slick-carousel/slick/slick.css\"\r\nimport \"slick-carousel/slick/slick-theme.css\"\r\nimport \"@material/react-ripple/dist/ripple.css\"\r\nimport \"react-loading-skeleton/dist/skeleton.css\"\r\nimport \"react-date-range/dist/styles.css\"\r\nimport \"react-date-range/dist/theme/default.css\"\r\nimport App from \"./App\"\r\nimport { muiTheme } from \"utils/themeUtil\"\r\nimport config from \"config\"\r\nimport { ArticleProvider } from \"hooks/useArticles\"\r\nimport { RefreshProvider } from \"hooks/useRefresh\"\r\nimport { UserProvider } from \"hooks/useUser\"\r\nimport { initTagManager } from \"services/homeService\"\r\nimport { FooterProvider } from \"hooks/useFooter\"\r\nimport { NavProvider } from \"hooks/useNav\"\r\n\r\ninitTagManager()\r\n\r\n// Sentry.init(config.sentry)\r\n\r\nconst theme = createTheme(muiTheme)\r\n\r\nReactDOM.render(\r\n  <React.StrictMode>\r\n    <FooterProvider>\r\n      <NavProvider>\r\n        <UserProvider>\r\n          <ArticleProvider>\r\n            <RefreshProvider>\r\n              <ThemeProvider theme={theme}>\r\n                <BrowserRouter>\r\n                  <App />\r\n                  <ToastContainer />\r\n                </BrowserRouter>\r\n              </ThemeProvider>\r\n            </RefreshProvider>\r\n          </ArticleProvider>\r\n        </UserProvider>\r\n      </NavProvider>\r\n    </FooterProvider>\r\n  </React.StrictMode>,\r\n  document.getElementById(\"root\")\r\n)\r\n","function error(error) {\r\n  console.error(error)\r\n}\r\n\r\nfunction info(message, obj) {\r\n  console.log(message, obj)\r\n}\r\n\r\nexport default {\r\n  error,\r\n  info,\r\n}\r\n","import axios from \"axios\"\r\nimport logger from \"services/logService\"\r\n\r\n// This interceptor handles unexpected errors and logs them, this only needs to be setup once\r\n// and any unexpected errors will be logged.\r\naxios.interceptors.response.use(null, error => {\r\n  // Response returned is forbidden\r\n  //! We are redirecting using js and not within React, this is a non blocking operation\r\n  //! so the forbidden page shows (without any data as it was not returned from the server) until\r\n  //! the js redirects the page. Tried to use react-router-dom to redirect outside of a component but\r\n  //! the routing would break and you can't navigate to pages. For now this solution will have to do, until\r\n  //! we work on a better solution. We could return data down to the component and redirect there, but that means\r\n  //! adding the redirect to every component which is no good.\r\n  if (error.response.status === 403) {\r\n    window.location.href = \"/forbidden\"\r\n\r\n    //! Temp solution to stop the forbidden page shown, just use js to remove the whole app\r\n    //! while the page is in the process of redirecting. It's not pretty but it seems to work.\r\n    const root = document.getElementById(\"root\")\r\n    root.remove()\r\n  }\r\n\r\n  const expectedError =\r\n    error.response &&\r\n    error.response.status >= 400 &&\r\n    error.response.status < 500\r\n\r\n  if (!expectedError) {\r\n    // If this is an unexpected error then log it.\r\n    logger.error(error)\r\n    //? Not sure if we need to call a toast here as we usually handle error messages in the component\r\n    //toast.error(\"An unexpected error occured.\")\r\n  }\r\n\r\n  return Promise.reject(error)\r\n})\r\n\r\nfunction setJwt(jwt) {\r\n  axios.defaults.headers.common[\"x-auth-token\"] = jwt\r\n}\r\n\r\n//Assumes the calls always return a responseType and responseMessage\r\n//Catches server errors and puts into responseType and responseMessage\r\n//This means you only need to handle errors by inspecting those values (no try-catch needed)\r\nasync function axiosCall(type, fn, url, data, config, skipResponseCheck) {\r\n  try {\r\n    console.log(\"Axios Request\", url, config)\r\n    let response\r\n\r\n    if (type === \"GET\" || type === \"DEL\") response = await fn(url, config)\r\n    else response = await fn(url, data, config)\r\n\r\n    console.log(\"Axios Response\", response)\r\n    if (skipResponseCheck) return response\r\n    return checkResponse(response)\r\n  } catch (error) {\r\n    console.error(\"Axios Error\", error)\r\n    return {\r\n      responseType: \"EXCEPTION\",\r\n      responseMessage: String(error.message || error),\r\n    }\r\n  }\r\n}\r\n\r\nfunction checkResponse(response) {\r\n  if (response.data && response.data.responseType)\r\n    return {\r\n      ...response.data,\r\n      // Added an isSuccess property to each response object so we don't have to\r\n      // keep checking the response type is equal to SUCCESS in every component\r\n      isSuccess: response.data.responseType === \"SUCCESS\" ? true : false,\r\n      is404: response.data.responseType === \"NOTFOUND\" ? true : false,\r\n    }\r\n\r\n  //! Ideally the api would return a 401 so we can check the response code\r\n  //! and trigger the below, for now we have to check the response data and if html has been\r\n  //! returned we assume the user is no longer authenticated.\r\n  if (response.data.indexOf(\"<html>\") > -1) {\r\n    window.location.href =\r\n      \"/account/login?returnUrl=\" +\r\n      window.location.pathname +\r\n      window.location.search\r\n  }\r\n\r\n  return {\r\n    isSuccess: false,\r\n    is404: response.status === 204 || response.status === 404,\r\n    responseType: \"EXCEPTION\",\r\n    responseMessage:\r\n      response.data.indexOf(\"<html>\") > -1\r\n        ? \"logout\"\r\n        : response.status +\r\n          \": \" +\r\n          (!response.statusText || response.statusText === \"undefined\"\r\n            ? \"Something went wrong\"\r\n            : response.statusText),\r\n  }\r\n}\r\n\r\nasync function get(url, config, skipResponseCheck) {\r\n  return axiosCall(\"GET\", axios.get, url, null, config, skipResponseCheck)\r\n}\r\n\r\nasync function post(url, data, config, skipResponseCheck) {\r\n  return axiosCall(\"POST\", axios.post, url, data, config, skipResponseCheck)\r\n}\r\n\r\nasync function put(url, data, config, skipResponseCheck) {\r\n  return axiosCall(\"PUT\", axios.put, url, data, config, skipResponseCheck)\r\n}\r\n\r\nasync function del(url, config, skipResponseCheck) {\r\n  return axiosCall(\"DEL\", axios.delete, url, null, config, skipResponseCheck)\r\n}\r\n\r\nexport default {\r\n  get,\r\n  post,\r\n  put,\r\n  del,\r\n  setJwt,\r\n}\r\n","import { Integrations } from \"@sentry/tracing\"\r\n\r\nexport default {\r\n  api: \"/api\",\r\n  sentry: {\r\n    dsn: \"CHANGE_ME\",\r\n    integrations: [new Integrations.BrowserTracing()],\r\n    // Set tracesSampleRate to 1.0 to capture 100%\r\n    // of transactions for performance monitoring.\r\n    // We recommend adjusting this value in production\r\n    tracesSampleRate: 0.5,\r\n  },\r\n}\r\n","import React from \"react\"\r\nimport { PropTypes } from \"prop-types\"\r\n\r\nfunction LoadingIcon({ colour = \"white\", width = 34, isFullScreen, ...rest }) {\r\n  const imgPath = getImagePath(colour)\r\n\r\n  if (isFullScreen)\r\n    return (\r\n      <div className=\"vh-100 d-flex justify-content-center\">\r\n        <img alt=\"Loading...\" src={imgPath} width={width} {...rest} />{\" \"}\r\n      </div>\r\n    )\r\n\r\n  return <img alt=\"Loading...\" src={imgPath} width={width} {...rest} />\r\n}\r\n\r\nexport default LoadingIcon\r\n\r\nfunction getImagePath(colour) {\r\n  switch (colour) {\r\n    case \"primary\":\r\n      return require(\"assets/images/loading-primary.svg\")\r\n    default:\r\n      return require(\"assets/images/loading-white.svg\")\r\n  }\r\n}\r\n\r\nLoadingIcon.propTypes = {\r\n  colour: PropTypes.oneOf([\"white\", \"primary\"]),\r\n}\r\n","import * as React from \"react\"\r\nimport vars from \"styles/variables\"\r\n\r\nfunction DefaultLogo({\r\n  color = vars.black,\r\n  width = 122,\r\n  height = 24,\r\n  ...rest\r\n}) {\r\n  return (\r\n    <svg\r\n      width={width}\r\n      height={height}\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      viewBox=\"0 0 185.2 29.3\"\r\n      {...rest}\r\n    >\r\n      <path\r\n        fill={color}\r\n        d=\"M138.5 26.1c0-.3-.1-.5-.5-.5-.7 0-1.4-.2-2.1-.4-3.2-1.1-5.5-4.3-5.5-7.9V.5c0-.3-.2-.5-.5-.5h-2.6c-.3 0-.5.2-.5.5v16.9c0 3.4 1.2 6.3 3.7 8.7 2.1 1.9 4.5 2.9 7.4 3.1.5 0 .7-.1.7-.6-.1-.8-.1-1.6-.1-2.5ZM120.1 8.7c-3.8-3.3-8.8-3.7-13.3-1.3-5.2 2.8-7.5 9.4-5 14.8 1.9 4.1 5.1 6.4 9.6 7 4.3.6 9.1-1.9 11.2-5.7.2-.4.1-.5-.3-.5H119c-.4 0-.7.1-.9.4-1.4 1.3-3 2-4.8 2.2-4.2.3-7.6-2.4-8.5-6.1h18.9c.4 0 .5-.1.6-.5.2-4.1-1.1-7.6-4.2-10.3Zm-.6 7.1h-14.9c.7-3.5 3.8-6.1 7.4-6.3 3.7-.2 6.9 2 8.1 5.5q.3.8-.6.8ZM166.8 8.8c-3.8-3.3-8.9-3.8-13.4-1.4-5.1 2.8-7.4 9.4-5 14.7 2.1 4.9 6.9 7.6 12.2 7 3.7-.4 6.6-2.3 8.6-5.6.3-.5.2-.5-.3-.5h-3.1c-.5 0-.8.1-1.1.4-1.4 1.3-3 2-4.8 2.1-4.2.3-7.6-2.4-8.5-6.1h18.8c.3 0 .5 0 .6-.4.4-4.1-.9-7.5-4-10.2Zm-.4 7h-15.1v-.1c.8-3.5 3.9-6.1 7.5-6.2 3.7-.1 7 2.2 8 5.7.2.6 0 .6-.4.6ZM85 17.3c0-.6 0-1.1-.2-1.7-.9-4.4-3.4-7.4-7.6-9-4.1-1.5-8-.8-11.4 1.9-5.5 4.5-5.7 12.7-.6 17.5 3.3 3.1 8.2 4 12.4 2.3 1.4-.5 2.6-1.3 3.6-2.3v2.5c0 .5.1.6.6.6h2.4c.5 0 .6-.2.6-.7.1-3.6.1-7.4.2-11.1Zm-3.9 3c-.3.7-.4.8-.5 1-.4.6-.8 1.1-1.3 1.6l-.4.4-.4.4-.1.1c-.1.1-.2.1-.3.2-.1.1-.2.2-.4.3-.2.1-.3.2-.5.3h-.1c-.1.1-.3.1-.4.2-.1 0-.2.1-.3.1s-.1.1-.2.1c-2 .8-4.4.8-6.5-.2-2.9-1.4-4.9-4.7-4.4-8 .4-3.3 2.2-5.6 5.3-6.7 3-1.1 5.7-.5 8.1 1.6 1.7 1.5 2.4 3.5 2.6 5.8.1.4.1 2.1-.2 2.8ZM35.4 5.9c-6.7 0-11.8 5.1-11.8 11.6s5.1 11.6 11.5 11.7S47 24.3 47 17.5c-.1-6.8-5.6-11.6-11.6-11.6Zm-.3 19.7c-4.4 0-8-3.6-8-8s3.6-8.1 8.1-8.1 8 3.7 7.9 8.1c.1 4.4-3.5 8-8 8ZM185.2 6.4c0-.4-.2-.5-.5-.4-.6.1-1.2.1-1.8.2-4.9.9-8.9 5.3-9.2 10.3-.2 2.2 0 4.4-.1 6.2v6c0 .5.2.6.6.6h2.3c.6 0 .7-.2.7-.7V17.8c0-4.4 3.2-7.9 7.6-8.2.3 0 .4-.1.4-.4V6.4ZM143.5.1c-.7 0-1.2.2-1.7.7-.5.5-.7 1-.7 1.7s.2 1.2.7 1.7 1 .7 1.7.7c.6 0 1.2-.2 1.6-.7.4-.5.7-1 .7-1.7s-.2-1.2-.7-1.7c-.4-.5-1-.7-1.6-.7ZM99.9 26.1c0-.3-.1-.5-.4-.5h-.1c-.5 0-1-.1-1.4-.2h-.1c-.2 0-.3-.1-.5-.1h-.1c-.2-.1-.4-.1-.6-.2-.2-.1-.4-.2-.5-.3h-.1c-.2-.1-.4-.2-.5-.3-2.3-1.5-3.8-4.1-3.8-7.1V9.9c.1-.2.3-.3.6-.3h6.8c.5 0 .6-.1.6-.6V6.6c0-.5-.1-.6-.6-.6h-6.6c-.6 0-.8 0-.8-.3V.8c0-.5-.2-.6-.6-.6h-2.3c-.6 0-.7.2-.7.7v16.9c0 3.2 1.2 5.9 3.4 8.2 1.1 1.1 2.3 1.9 3.6 2.5h.1l.9.3h.1c.3.1.6.2.9.2h.1c.3.1.6.1.9.2.3 0 .6.1.9.1h.2c.4 0 .6-.1.6-.6v-2.6ZM2.4.1C1.7.1 1.2.3.7.8c-.5.5-.7 1-.7 1.7s.2 1.2.7 1.7 1 .7 1.7.7c.6 0 1.2-.2 1.6-.7s.7-1 .7-1.7S4.5 1.3 4 .8C3.6.3 3 .1 2.4.1ZM3.7 8.4H1.1c-.3 0-.5.2-.5.5v19.9c0 .3.2.5.5.5h2.6c.3 0 .5-.2.5-.5V8.9c0-.3-.2-.5-.5-.5ZM20.7.1h-2.6c-.3 0-.5.2-.5.5L10 28.8c0 .3.2.5.5.5h2.6c.3 0 .5-.2.5-.5L21.2.6c.1-.3-.2-.5-.5-.5ZM144.8 8.4h-2.6c-.3 0-.5.2-.5.5v19.9c0 .3.2.5.5.5h2.6c.3 0 .5-.2.5-.5V8.9c0-.3-.2-.5-.5-.5Z\"\r\n      />\r\n    </svg>\r\n  )\r\n}\r\n\r\nexport default DefaultLogo\r\n","import { toast } from \"react-toastify\"\r\n\r\nconst defaultConfig = {\r\n  position: \"bottom-left\",\r\n}\r\n\r\nexport function toastSuccess(text, config) {\r\n  toast.success(text, { ...defaultConfig, ...config })\r\n}\r\n\r\nexport function toastInfo(text, config) {\r\n  toast.info(text, { ...defaultConfig, ...config })\r\n}\r\n","module.exports = __webpack_public_path__ + \"static/media/about1.391acb23.png\";","module.exports = __webpack_public_path__ + \"static/media/about2.7a232082.png\";","module.exports = __webpack_public_path__ + \"static/media/about3.073e98b5.png\";","module.exports = __webpack_public_path__ + \"static/media/about4.bc635677.png\";","module.exports = __webpack_public_path__ + \"static/media/about5.7b5943a1.png\";","module.exports = __webpack_public_path__ + \"static/media/about6.3f3a8257.png\";","module.exports = __webpack_public_path__ + \"static/media/data1.9d739a0a.png\";","module.exports = __webpack_public_path__ + \"static/media/data2.b99285ff.png\";","module.exports = __webpack_public_path__ + \"static/media/data3.37a6a9fd.png\";","module.exports = __webpack_public_path__ + \"static/media/data4.d8ef949d.png\";","module.exports = __webpack_public_path__ + \"static/media/env1.48ea0371.png\";","module.exports = __webpack_public_path__ + \"static/media/env2.a03981fa.jpg\";","module.exports = __webpack_public_path__ + \"static/media/env3.640ec922.png\";","module.exports = __webpack_public_path__ + \"static/media/env4.249f492b.png\";"],"sourceRoot":""}