{"version":3,"sources":["components/CubosHeader/CubosHeader.tsx","components/CubosFooter/CubosFooter.tsx","components/CookieConsentPrompt/CookieConsentPrompt.tsx","containers/Layout/Layout.tsx","components/CubosHero/CubosHero.tsx","components/Tagline/Tagline.tsx","components/VideoCarousel/VideoCarousel.tsx","components/CharacterCard/CharacterCard.tsx","components/CubeBackgrounds/StandardDesktopBackground.tsx","components/CubeBackgrounds/StandardMobileBackground.tsx","containers/Landing/Landing.tsx","components/ProjectScope/ProjectScope.tsx","containers/CubosGeneral/CubosGeneral.tsx","containers/CubosKids/CubosKids.tsx","containers/CubosAdriatic/CubosAdriatic.tsx","containers/CubosVR/CubosVR.tsx","containers/Contact/Contact.tsx","containers/Privacy/Privacy.tsx","containers/Legal/Legal.tsx","App.tsx","reportWebVitals.ts","index.tsx"],"names":["CubosHeader","useState","menuOpen","setMenuOpen","location","useLocation","useEffect","scrollTop","document","querySelector","scrollTo","renderLinks","className","to","onClick","src","alt","href","target","rel","CubosFooter","id","CookieConsentPrompt","GOOGLE_ANALYTICS_ID","handleAcceptCookie","ReactGA","initialize","handleDeclineCookie","Cookies","remove","getCookieConsentValue","containerClasses","buttonWrapperClasses","contentClasses","buttonText","declineButtonText","declineButtonClasses","disableStyles","enableDeclineButton","onAccept","onDecline","Layout","props","children","CubosHero","videoLink","onVideoEnd","index","currentlyPlaying","videoClass","videoRef","useRef","playVideo","useCallback","a","current","muted","pause","paused","play","intervalHandle","setInterval","clearInterval","setTimeout","ref","playsInline","onEnded","Tagline","title","description","link","VideoCarousel","selectedVideo","setSelectedVideo","headerVideoEnded","selectedItem","onChange","i","showArrows","showThumbs","showStatus","infiniteLoop","swipeScrollTolerance","preventMovementUntilSwipeScrollTolerance","CharacterCard","characterImage","characterPosition","backgroundColor","direction","triggerOnce","StandardDesktopBackground","style","left","top","right","bottom","StandardMobileBackground","Landing","fraction","ProjectScope","format","formatIcon","targetIcon","genre","genreIcon","map","entry","CubosGeneral","CubosKids","CubosAdriatic","CubosVR","Contact","Privacy","Legal","ScrollToTop","pathname","App","exact","path","component","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","StrictMode","getElementById"],"mappings":"kjBAIaA,EAAc,WACvB,MAAgCC,oBAAS,GAAzC,mBAAOC,EAAP,KAAiBC,EAAjB,KAEMC,EAAWC,cAEjBC,qBAAU,WACNH,GAAY,KACb,CAACC,IAEJ,IAAMG,EAAY,WAAO,IAAD,EACpB,UAAAC,SAASC,cAAc,gBAAvB,SAAiCC,SAAS,EAAG,IAG3CC,EAAc,WAChB,OACI,qCACI,eAAC,IAAD,CAAMC,UAAU,WAAWC,GAAG,IAAIC,QAASP,EAA3C,UACI,qBAAKQ,IAAI,4BAA4BC,IAAI,cACzC,wCAEJ,eAAC,IAAD,CAAMJ,UAAU,WAAWC,GAAG,SAASC,QAASP,EAAhD,UACI,qBAAKQ,IAAI,wCAAwCC,IAAI,eACrD,2CAEJ,eAAC,IAAD,CAAMJ,UAAU,WAAWC,GAAG,cAAcC,QAASP,EAArD,UACI,qBAAKQ,IAAI,wCAAwCC,IAAI,oBACrD,gDAEJ,eAAC,IAAD,CAAMJ,UAAU,WAAWC,GAAG,kBAAkBC,QAASP,EAAzD,UACI,qBAAKQ,IAAI,sCAAsCC,IAAI,wBACnD,oDAEJ,eAAC,IAAD,CAAMJ,UAAU,WAAWC,GAAG,YAAYC,QAASP,EAAnD,UACI,qBAAKQ,IAAI,gCAAgCC,IAAI,kBAC7C,8CAEJ,eAAC,IAAD,CAAMJ,UAAU,WAAWC,GAAG,WAAWC,QAASP,EAAlD,UACI,qBAAKQ,IAAI,+BAA+BC,IAAI,kBAC5C,+CAMhB,OACI,yBAAQJ,UAAWV,EAAW,aAAe,GAA7C,UACI,qBAAKU,UAAS,8BAAyBV,EAAW,YAAc,MAChE,sBAAKU,UAAU,8BAAf,UACI,cAAC,IAAD,CAAMC,GAAG,IAAIC,QAASP,EAAtB,SACI,qBAAKQ,IAAI,yBAAyBC,IAAI,sBAE1C,8BAAML,MAEN,sBACIC,UAAS,6BAAwBV,EAAW,YAAc,eAC1DY,QAAS,kBAAMX,GAAaD,IAFhC,UAII,qBAAKa,IAAI,8BAA8BC,IAAI,KAC3C,qBAAKD,IAAI,yBAAyBC,IAAI,QAE1C,sBAAKJ,UAAS,sBAAiBV,EAAW,OAAS,IAAnD,UACKS,IACD,uBACA,sBAAKC,UAAU,SAAf,UACI,mBACIK,KAAK,2DACLC,OAAO,SACPC,IAAI,aAHR,SAKI,qBAAKJ,IAAI,sCAAsCC,IAAI,mBAEvD,mBACIC,KAAK,sCACLC,OAAO,SACPC,IAAI,aAHR,SAKI,qBAAKJ,IAAI,uCAAuCC,IAAI,oBAExD,mBACIC,KAAK,uCACLC,OAAO,SACPC,IAAI,aAHR,SAKI,qBAAKJ,IAAI,wCAAwCC,IAAI,qBAEzD,mBACIC,KAAK,+DACLC,OAAO,SACPC,IAAI,aAHR,SAKI,qBAAKJ,IAAI,uCAAuCC,IAAI,iCC3FnEI,G,MAAc,WACvB,OACI,wBAAQC,GAAG,SAAX,SACI,sBAAKT,UAAU,mBAAf,UACI,sBAAKA,UAAU,cAAf,UACI,qBAAKG,IAAI,6BAA6BC,IAAI,KAC1C,mFAGJ,uBAEA,sBAAKJ,UAAU,eAAf,UACI,gCACI,cAAC,IAAD,CAAMA,UAAU,eAAeC,GAAG,WAAlC,SACI,sBAAMD,UAAU,YAAhB,8BAEJ,cAAC,IAAD,CAAMA,UAAU,eAAeC,GAAG,SAAlC,SACI,sBAAMD,UAAU,YAAhB,qBAEJ,cAAC,IAAD,CAAMA,UAAU,eAAeC,GAAG,WAAlC,SACI,sBAAMD,UAAU,cAAhB,0BAIR,gCACI,mBACIK,KAAK,2DACLC,OAAO,SACPC,IAAI,aAHR,SAKI,qBAAKJ,IAAI,+BAA+BC,IAAI,mBAEhD,mBACIC,KAAK,sCACLC,OAAO,SACPC,IAAI,aAHR,SAKI,qBAAKJ,IAAI,gCAAgCC,IAAI,oBAEjD,mBACIC,KAAK,uCACLC,OAAO,SACPC,IAAI,aAHR,SAKI,qBAAKJ,IAAI,iCAAiCC,IAAI,qBAElD,mBACIC,KAAK,+DACLC,OAAO,SACPC,IAAI,aAHR,SAKI,qBAAKJ,IAAI,gCAAgCC,IAAI,iC,kCCjD5DM,G,MAAsB,WAC/B,IAAMC,EAAsB,eAEtBC,EAAqB,WAEnBC,IAAQC,WAAWH,IAIrBI,EAAsB,WAExBC,UAAQC,OAAO,OACfD,UAAQC,OAAO,QACfD,UAAQC,OAAO,SAYnB,OATAvB,qBAAU,WAEY,SADAwB,kCAEdN,IAEAG,MAEL,IAGC,qBAAKN,GAAG,iBAAR,SACI,cAAC,IAAD,CACIU,iBAAiB,gBACjBC,qBAAqB,iBACrBC,eAAe,iBACfC,WAAW,SACXC,kBAAkB,UAClBC,qBAAqB,cACrBC,eAAa,EACbC,qBAAmB,EACnBC,SAAUf,EACVgB,UAAWb,EAVf,SAYI,wHCvCHc,G,MAAS,SAACC,GACnB,OACI,sBAAKrB,GAAG,SAAR,UACI,cAAC,EAAD,IACA,cAAC,EAAD,IACA,sBAAKA,GAAG,iBAAR,UACI,+BAAOqB,EAAMC,WACb,cAAC,EAAD,Y,iCCAHC,G,MAAY,SAAC,GAOF,IANpBC,EAMmB,EANnBA,UACAC,EAKmB,EALnBA,WACAH,EAImB,EAJnBA,SACAI,EAGmB,EAHnBA,MACAC,EAEmB,EAFnBA,iBACAC,EACmB,EADnBA,WAEMC,EAAWC,iBAAyB,MAEpCC,EAAYC,sBAAW,sBAAC,sBAAAC,EAAA,mEAElBJ,EAASK,QAFS,oBAIlBL,EAASK,QAAQC,OAAQ,EACzBN,EAASK,QAAQE,QAEbV,IAAUC,IAAoBE,EAASK,QAAQG,OAPjC,gCAQRR,EAASK,QAAQI,OART,8BASNT,EAASK,QAAQG,QACzBR,EAASK,QAAQE,QAVH,oHAc3B,CAACT,EAAkBD,IAsBtB,OApBAzC,qBAAU,WACN8C,MACD,CAACA,IAEJ9C,qBAAU,WACN,IAAIsD,EAAiBC,aAAY,WAAO,IAAD,EAC/B,UAACX,EAASK,eAAV,OAAC,EAAkBG,QACnBI,cAAcF,GAGdb,IAAUC,GACVI,MAEL,KAEHW,YAAW,WACPD,cAAcF,KACf,OACJ,IAGC,sBAAKhD,UAAU,aAAf,UACI,qBAAKA,UAAU,kBACf,uBACIA,UAAWqC,EACXe,IAAKd,EACLM,OAAK,EACLS,aAAW,EACXC,QAAS,kBAAMpB,EAAWC,IAL9B,SAOI,wBAAQhC,IAAK8B,MAEhBF,OC7DAwB,G,MAAU,SAAC,GAAiD,IAA/CC,EAA8C,EAA9CA,MAAOC,EAAuC,EAAvCA,YAAaC,EAA0B,EAA1BA,KAC1C,OACI,sBAAK1D,UAAU,UAAf,UACI,6BAAKwD,IACL,4BAAIC,IACJ,cAAC,IAAD,CAAMzD,UAAU,eAAeC,GAAIyD,EAAnC,+BCNCC,G,YAAgB,WACzB,MAA0CtE,mBAAS,GAAnD,mBAAOuE,EAAP,KAAsBC,EAAtB,KAGMC,EAAmB,SAAC3B,GAClByB,IAAkBzB,GAClB0B,GAAkBD,EAAgB,GAJjB,IAQzB,OACI,eAAC,WAAD,CACI5D,UAAU,iBACV+D,aAAcH,EACdI,SAAU,SAAAC,GAAC,OAAIJ,EAAiBI,IAChCC,YAAY,EACZC,YAAY,EACZC,YAAY,EACZC,cAAc,EACdC,qBAAsB,GACtBC,0CAAwC,EAT5C,UAWI,cAAC,EAAD,CACItC,UAAU,mCACVC,WAAY4B,EACZ3B,MAAO,EACPC,iBAAkBwB,EAJtB,SAMI,cAAC,EAAD,CACIF,KAAK,SACLF,MAAM,UACNC,YAAW,iMAKnB,cAAC,EAAD,CACIxB,UAAU,wCACVC,WAAY4B,EACZ3B,MAAO,EACPC,iBAAkBwB,EAJtB,SAMI,cAAC,EAAD,CACIF,KAAK,cACLF,MAAM,eACNC,YAAW,+MAKnB,cAAC,EAAD,CACIxB,UAAU,4CACVC,WAAY4B,EACZ3B,MAAO,EACPC,iBAAkBwB,EAJtB,SAMI,cAAC,EAAD,CACIF,KAAK,kBACLF,MAAM,mBACNC,YAAW,2NAKnB,cAAC,EAAD,CACIxB,UAAU,sCACVC,WAAY4B,EACZ3B,MAAO,EACPC,iBAAkBwB,EAClBvB,WAAW,OALf,SAOI,cAAC,EAAD,CACIqB,KAAK,YACLF,MAAM,aACNC,YAAW,4H,OCvElBe,G,MAAgB,SAAC,GAKF,IAJxBC,EAIuB,EAJvBA,eACAC,EAGuB,EAHvBA,kBACAC,EAEuB,EAFvBA,gBACA5C,EACuB,EADvBA,SAEA,OACI,sBAAK/B,UAAU,kBAAf,UACI,qBACIA,UAAS,+BAA0B2E,EAA1B,sBAAuDD,KAEpE,sBAAK1E,UAAS,eAAU0E,GAAxB,UACI,cAAC,IAAD,CAAM1E,UAAU,sBAAsB4E,UAAU,KAAKC,aAAW,EAAhE,SACI,qBAAK1E,IAAKsE,EAAgBrE,IAAI,OAElC,qBAAKJ,UAAU,OAAf,SAAuB+B,YC1B1B+C,EAA4B,WACrC,OACI,qCAEI,qBAAK9E,UAAU,4BAA4B+E,MAAO,CAAEC,KAAM,QAASC,IAAK,UACxE,qBACIjF,UAAU,kCACV+E,MAAO,CAAEC,KAAM,QAASC,IAAK,UAIjC,qBAAKjF,UAAU,4BAA4B+E,MAAO,CAAEG,MAAO,QAASD,IAAK,UAGzE,qBACIjF,UAAU,kCACV+E,MAAO,CAAEC,KAAM,QAASG,OAAQ,UAEpC,qBACInF,UAAU,kCACV+E,MAAO,CAAEC,KAAM,QAASG,OAAQ,WAIpC,qBACInF,UAAU,kCACV+E,MAAO,CAAEG,MAAO,OAAQC,OAAQ,UAEpC,qBAAKnF,UAAU,4BAA4B+E,MAAO,CAAEG,MAAO,QAASC,OAAQ,cC5B3EC,EAA2B,WACpC,OACI,qCAEI,qBACIpF,UAAU,yBACV+E,MAAO,CACHC,KAAM,OACNC,IAAK,UAKb,qBAAKjF,UAAU,yBAAyB+E,MAAO,CAAEI,OAAQ,OAAQD,MAAO,UACxE,qBACIlF,UAAU,+BACV+E,MAAO,CAAEI,OAAQ,OAAQD,MAAO,cCPnCG,G,MAAU,WACnB,OACI,sBAAK5E,GAAG,UAAR,UACI,qBAAKT,UAAU,UAAf,SACI,cAAC,EAAD,MAGJ,sBAAKS,GAAG,kBAAkBT,UAAU,eAApC,UACI,cAAC,EAAD,IACA,cAAC,EAAD,IAEA,sBAAKA,UAAU,mBAAf,UACI,0CACA,uSASR,oBAAIA,UAAU,cAAd,gCACA,sBAAKS,GAAG,aAAaT,UAAU,gBAA/B,UACI,cAAC,IAAD,CAAMA,UAAU,eAAe4E,UAAU,KAAKC,aAAW,EAAzD,SACI,cAAC,IAAD,CAAM5E,GAAG,cAAT,SACI,qBAAKE,IAAI,oCAAoCC,IAAI,8BAGzD,cAAC,IAAD,CAAMJ,UAAU,eAAe4E,UAAU,KAAKC,aAAW,EAAzD,SACI,cAAC,IAAD,CAAM5E,GAAG,SAAT,SACI,qBAAKE,IAAI,+BAA+BC,IAAI,yBAGpD,cAAC,IAAD,CAAMJ,UAAU,eAAe4E,UAAU,KAAKC,aAAW,EAAzD,SACI,cAAC,IAAD,CAAM5E,GAAG,kBAAT,SACI,qBACIE,IAAI,uCACJC,IAAI,kCAIhB,cAAC,IAAD,CAAMJ,UAAU,eAAe4E,UAAU,KAAKC,aAAW,EAAzD,SACI,cAAC,IAAD,CAAM5E,GAAG,YAAT,SACI,qBAAKE,IAAI,kCAAkCC,IAAI,+BAI3D,oBAAIJ,UAAU,YAAd,iCACA,sBAAKA,UAAU,0BAAf,UACI,cAAC,EAAD,CACI2E,gBAAgB,SAChBF,eAAe,wBACfC,kBAAkB,OAHtB,SAKI,sBAAK1E,UAAU,eAAf,UACI,qBAAKG,IAAI,2BAA2BC,IAAI,uBACxC,6SASR,cAAC,EAAD,CACIuE,gBAAgB,OAChBF,eAAe,wBACfC,kBAAkB,QAHtB,SAKI,sBAAK1E,UAAU,eAAf,UACI,qBAAKG,IAAI,2BAA2BC,IAAI,sBACxC,4UAUR,cAAC,EAAD,CACIuE,gBAAgB,OAChBF,eAAe,wBACfC,kBAAkB,OAHtB,SAKI,sBAAK1E,UAAU,eAAf,UACI,qBAAKG,IAAI,2BAA2BC,IAAI,yBACxC,8bAWZ,sBAAKK,GAAG,eAAR,UACI,cAAC,EAAD,IACA,cAAC,EAAD,IACA,sBAAKT,UAAU,mBAAf,UACI,sCACA,6OAKA,qWASR,oBAAIA,UAAU,YAAd,wBACA,qBAAKA,UAAU,gBAAf,SACI,eAAC,IAAD,CAAM4E,UAAU,KAAKU,SAAU,GAAKT,aAAW,EAA/C,UACI,qBACI7E,UAAU,UACVG,IAAI,qCACJC,IAAI,wBAER,qBACIJ,UAAU,SACVG,IAAI,oCACJC,IAAI,kCChIfmF,G,MAAe,SAAC,GAOF,IANvBC,EAMsB,EANtBA,OACAC,EAKsB,EALtBA,WACAnF,EAIsB,EAJtBA,OACAoF,EAGsB,EAHtBA,WACAC,EAEsB,EAFtBA,MACAC,EACsB,EADtBA,UAEA,OACI,sBAAK5F,UAAU,gBAAf,UACI,oBAAIA,UAAU,cAAd,2BACA,sBAAKA,UAAU,gBAAf,UACI,qBAAKA,UAAU,qBAAf,SACI,cAAC,IAAD,CAAM4E,UAAU,KAAKC,aAAW,EAAhC,SACI,gCACI,qBAAK1E,IAAKsF,EAAYrF,IAAI,gBAC1B,wCACCoF,EAAOK,KAAI,SAAAC,GAAK,OACb,4BAAgBA,GAARA,aAKxB,uBACA,qBAAK9F,UAAU,qBAAf,SACI,cAAC,IAAD,CAAM4E,UAAU,KAAKC,aAAW,EAAhC,SACI,gCACI,qBAAK1E,IAAKuF,EAAYtF,IAAI,yBAC1B,qCACCE,EAAOuF,KAAI,SAAAC,GAAK,OACb,4BAAgBA,GAARA,aAKxB,uBACA,qBAAK9F,UAAU,qBAAf,SACI,cAAC,IAAD,CAAM4E,UAAU,KAAKC,aAAW,EAAhC,SACI,gCACI,qBAAK1E,IAAKyF,EAAWxF,IAAI,eACzB,uCACCuF,EAAME,KAAI,SAAAC,GAAK,OACZ,4BAAgBA,GAARA,qBChD3BC,G,MAAe,WACxB,OACI,sBAAKtF,GAAG,gBAAR,UACI,sBAAKT,UAAU,UAAf,UACI,qBACIA,UAAU,qBACVG,IAAI,iCACJC,IAAI,uBAER,qBACIJ,UAAU,oBACVG,IAAI,wCACJC,IAAI,0BAIZ,sBAAKJ,UAAU,wBAAf,UACI,cAAC,EAAD,IACA,cAAC,EAAD,IAEA,sBAAKA,UAAU,mBAAf,UACI,0CACA,mYAUR,qBAAKA,UAAU,gBAAf,SACI,cAAC,EAAD,CACIwF,OAAQ,CAAC,kBAAmB,mBAAoB,aAChDC,WAAW,oCACXnF,OAAQ,CAAC,gBACToF,WAAW,oCACXC,MAAO,CAAC,oBACRC,UAAU,iCAIlB,oBAAI5F,UAAU,YAAd,gCACA,cAAC,IAAD,CAAM4E,UAAU,KAAKC,aAAW,EAAhC,SACI,qBAAKpE,GAAG,wBAAwBT,UAAU,UAA1C,SACI,qBACIA,UAAU,wBACVG,IAAI,qCACJC,IAAI,wCCjDf4F,G,MAAY,WACrB,OACI,sBAAKvF,GAAG,aAAR,UACI,sBAAKT,UAAU,UAAf,UACI,qBACIA,UAAU,qBACVG,IAAI,sCACJC,IAAI,4BAER,qBACIJ,UAAU,oBACVG,IAAI,6CACJC,IAAI,+BAIZ,sBAAKJ,UAAU,wBAAf,UACI,cAAC,EAAD,IACA,cAAC,EAAD,IAEA,sBAAKA,UAAU,mBAAf,UACI,0CACA,0PAKA,8NAQR,qBAAKA,UAAU,gBAAf,SACI,cAAC,EAAD,CACIwF,OAAQ,CAAC,kBAAmB,mBAAoB,cAChDC,WAAW,oCACXnF,OAAQ,CAAC,eACToF,WAAW,sCACXC,MAAO,CAAC,iBACRC,UAAU,iCAIlB,oBAAI5F,UAAU,YAAd,gCACA,cAAC,IAAD,CAAM4E,UAAU,KAAKC,aAAW,EAAhC,SACI,qBAAKpE,GAAG,qBAAqBT,UAAU,UAAvC,SACI,qBACIA,UAAU,wBACVG,IAAI,0CACJC,IAAI,6CCpDf6F,G,MAAgB,WACzB,OACI,sBAAKxF,GAAG,iBAAR,UACI,sBAAKT,UAAU,UAAf,UACI,qBACIA,UAAU,qBACVG,IAAI,0CACJC,IAAI,gCAER,qBACIJ,UAAU,oBACVG,IAAI,iDACJC,IAAI,mCAIZ,sBAAKJ,UAAU,wBAAf,UACI,cAAC,EAAD,IACA,cAAC,EAAD,IAEA,sBAAKA,UAAU,mBAAf,UACI,0CACA,mTASR,qBAAKA,UAAU,gBAAf,SACI,cAAC,EAAD,CACIwF,OAAQ,CAAC,eACTC,WAAW,oCACXnF,OAAQ,CAAC,gBACToF,WAAW,oCACXC,MAAO,CAAC,wBACRC,UAAU,iCAIlB,oBAAI5F,UAAU,YAAd,gCACA,cAAC,IAAD,CAAM4E,UAAU,KAAKC,aAAW,EAAhC,SACI,qBAAKpE,GAAG,yBAAyBT,UAAU,UAA3C,SACI,qBACIA,UAAU,wBACVG,IAAI,8CACJC,IAAI,iDChDf8F,G,MAAU,WACnB,OACI,sBAAKzF,GAAG,WAAR,UACI,sBAAKT,UAAU,UAAf,UACI,qBACIA,UAAU,qBACVG,IAAI,oCACJC,IAAI,0BAER,qBACIJ,UAAU,oBACVG,IAAI,2CACJC,IAAI,6BAIZ,sBAAKJ,UAAU,wBAAf,UACI,cAAC,EAAD,IACA,cAAC,EAAD,IAEA,sBAAKA,UAAU,mBAAf,UACI,0CACA,0MAKA,mKAOR,qBAAKA,UAAU,gBAAf,SACI,cAAC,EAAD,CACIwF,OAAQ,CAAC,WACTC,WAAW,iCACXnF,OAAQ,CAAC,eACToF,WAAW,oCACXC,MAAO,CAAC,wBACRC,UAAU,iCAIlB,oBAAI5F,UAAU,YAAd,gCACA,cAAC,IAAD,CAAM4E,UAAU,KAAKC,aAAW,EAAhC,SACI,qBAAKpE,GAAG,mBAAmBT,UAAU,UAArC,SACI,qBACIA,UAAU,wBACVG,IAAI,wCACJC,IAAI,2CCtDf+F,G,MAAU,WACnB,OACI,sBAAK1F,GAAG,UAAR,UACI,oBAAIT,UAAU,cAAd,qBAEA,qBAAKA,UAAU,qBAAf,SACI,cAAC,EAAD,CACIyE,eAAe,0BACfC,kBAAkB,OAClBC,gBAAgB,SAHpB,SAKI,sBAAK3E,UAAU,qBAAf,UACI,4CACA,uBACA,4BACI,mBAAGK,KAAK,wBAAR,8BAEJ,8CACA,iDACA,+EClBX+F,G,MAAU,WACnB,OACI,qBAAK3F,GAAG,UAAR,SACI,sBAAKT,UAAU,sBAAf,UACI,cAAC,EAAD,IACA,cAAC,EAAD,IAEA,qBAAKA,UAAU,4BAA4B+E,MAAO,CAAEC,KAAM,KAAMC,IAAK,SACrE,qBAAKjF,UAAU,4BAA4B+E,MAAO,CAAEG,MAAO,KAAMC,OAAQ,SAEzE,sBAAKnF,UAAU,0BAAf,UACI,oBAAIA,UAAU,YAAd,4BAEA,iEACA,+DACA,8LAKA,4UAOA,6CACA,+BACI,+BACI,wCADJ,oHAIA,+BACI,8CADJ,uMAMA,+BACI,2CADJ,gLAKA,+BACI,wCADJ,wIAMJ,gEACA,kJAIA,8CACA,8QAMA,+BACI,+CACA,2DAEJ,2CACA,oMAKA,0UAMA,yWAOA,wDACA,uJAIA,gWAOA,gOAMA,oFACA,+BACI,+BACI,gDADJ,yTAOA,+BACI,mDADJ,iaASA,+BACI,oDADJ,wNAQJ,6CACA,4FACA,+BACI,qEACA,4EACA,6HAIA,6DACA,+GAIA,qEACA,oFAGJ,uDACA,+BACI,yEACA,mNAKA,uEAGJ,4CACA,mIAEyB,mBAAGK,KAAK,wBAAR,4BAFzB,uGAOA,kDACA,gSAMA,6MAKA,gKAIA,wXAQA,oDACA,mDACA,yIAIA,+BACI,mEACA,+FACA,8GAIA,sGAGA,uEAGJ,kDACA,0TAOA,mDACA,4PAKA,kMAMA,sDACA,4QAMA,0KAKA,oDACA,sGACA,qaASA,gEACA,sKAIA,kNAKA,4LAKA,+EC3QPgG,G,MAAQ,WACjB,OACI,sBAAK5F,GAAG,QAAQT,UAAU,sBAA1B,UACI,cAAC,EAAD,IACA,cAAC,EAAD,IAEA,sBAAKA,UAAU,0BAAf,UACI,oBAAIA,UAAU,YAAd,+BAEA,4IAIA,uIAIA,gGACA,8EAEA,uBACA,uBACA,uBAEA,8BACI,0CADJ,yBAGA,8BACI,wCACA,mBAAGK,KAAK,wBAAR,+BAEJ,8BACI,wCADJ,qBAGA,8BACI,+CADJ,yBAGA,8BACI,uCADJ,2BAGA,8BACI,+CADJ,8CC/BT,SAASiG,IACZ,IAAQC,EAAa9G,cAAb8G,SAMR,OAJA7G,qBAAU,WAAO,IAAD,EACZ,UAAAE,SAASC,cAAc,gBAAvB,SAAiCC,SAAS,EAAG,KAC9C,CAACyG,IAEG,KAwBIC,MArBf,WACI,OACI,cAAC,IAAD,UACI,eAAC,EAAD,WACI,cAACF,EAAD,IACA,eAAC,IAAD,WACI,cAAC,IAAD,CAAOG,OAAK,EAACC,KAAK,SAASC,UAAWZ,IACtC,cAAC,IAAD,CAAOU,OAAK,EAACC,KAAK,cAAcC,UAAWX,IAC3C,cAAC,IAAD,CAAOS,OAAK,EAACC,KAAK,kBAAkBC,UAAWV,IAC/C,cAAC,IAAD,CAAOQ,OAAK,EAACC,KAAK,YAAYC,UAAWT,IACzC,cAAC,IAAD,CAAOO,OAAK,EAACC,KAAK,WAAWC,UAAWR,IACxC,cAAC,IAAD,CAAOM,OAAK,EAACC,KAAK,WAAWC,UAAWP,IACxC,cAAC,IAAD,CAAOK,OAAK,EAACC,KAAK,SAASC,UAAWN,IAEtC,cAAC,IAAD,CAAOM,UAAWtB,aCvBvBuB,EAZS,SAACC,GACnBA,GAAeA,aAAuBC,UACxC,6BAAqBC,MAAK,YAAkD,IAA/CC,EAA8C,EAA9CA,OAAQC,EAAsC,EAAtCA,OAAQC,EAA8B,EAA9BA,OAAQC,EAAsB,EAAtBA,OAAQC,EAAc,EAAdA,QAC3DJ,EAAOH,GACPI,EAAOJ,GACPK,EAAOL,GACPM,EAAON,GACPO,EAAQP,O,MCHdQ,IAASC,OACL,cAAC,IAAMC,WAAP,UACI,cAAC,EAAD,MAEJ3H,SAAS4H,eAAe,SAM5BZ,M","file":"static/js/main.b5c5e838.chunk.js","sourcesContent":["import { useEffect, useState } from \"react\";\nimport { Link, useLocation } from \"react-router-dom\";\nimport \"./CubosHeader.less\";\n\nexport const CubosHeader = () => {\n    const [menuOpen, setMenuOpen] = useState(false);\n\n    const location = useLocation();\n\n    useEffect(() => {\n        setMenuOpen(false);\n    }, [location]);\n\n    const scrollTop = () => {\n        document.querySelector(\"#root\")?.scrollTo(0, 0);\n    };\n\n    const renderLinks = () => {\n        return (\n            <>\n                <Link className=\"nav-item\" to=\"/\" onClick={scrollTop}>\n                    <img src=\"/images/svg/Home_icon.svg\" alt=\"Home icon\" />\n                    <p>Home</p>\n                </Link>\n                <Link className=\"nav-item\" to=\"/cubos\" onClick={scrollTop}>\n                    <img src=\"/images/svg/Cubos-Cubos kids_icon.svg\" alt=\"Cubos icon\" />\n                    <p>Cubosee</p>\n                </Link>\n                <Link className=\"nav-item\" to=\"/cubos-kids\" onClick={scrollTop}>\n                    <img src=\"/images/svg/Cubos-Cubos kids_icon.svg\" alt=\"Cubos kids icon\" />\n                    <p>Cubosee Kids</p>\n                </Link>\n                <Link className=\"nav-item\" to=\"/cubos-adriatic\" onClick={scrollTop}>\n                    <img src=\"/images/svg/Cubos adriatic_icon.svg\" alt=\"Cubos adriatic icon\" />\n                    <p>Cubosee Adriatic</p>\n                </Link>\n                <Link className=\"nav-item\" to=\"/cubos-vr\" onClick={scrollTop}>\n                    <img src=\"/images/svg/Cubos VR_icon.svg\" alt=\"Cubos VR icon\" />\n                    <p>Cubosee VR</p>\n                </Link>\n                <Link className=\"nav-item\" to=\"/contact\" onClick={scrollTop}>\n                    <img src=\"/images/svg/Contact_icon.svg\" alt=\"Envelope icon\" />\n                    <p>Contact</p>\n                </Link>\n            </>\n        );\n    };\n\n    return (\n        <header className={menuOpen ? \"with-glass\" : \"\"}>\n            <div className={`header-shadow glass ${menuOpen ? \"no-shadow\" : \"\"}`} />\n            <div className=\"container content text-grey\">\n                <Link to=\"/\" onClick={scrollTop}>\n                    <img src=\"/images/Logo_color.png\" alt=\"Cubos main logo\" />\n                </Link>\n                <nav>{renderLinks()}</nav>\n\n                <div\n                    className={`menu-btn-container ${menuOpen ? \"menu-open\" : \"menu-closed\"}`}\n                    onClick={() => setMenuOpen(!menuOpen)}\n                >\n                    <img src=\"/images/svg/Menu_mobile.svg\" alt=\"\" />\n                    <img src=\"/images/svg/X_icon.svg\" alt=\"\" />\n                </div>\n                <div className={`mobile-menu ${menuOpen ? \"show\" : \"\"}`}>\n                    {renderLinks()}\n                    <hr />\n                    <div className=\"social\">\n                        <a\n                            href=\"https://www.youtube.com/channel/UClfEDh46LlH4UkZEzXJOwKA\"\n                            target=\"_blank\"\n                            rel=\"noreferrer\"\n                        >\n                            <img src=\"/images/svg/Youtube mobile_icon.svg\" alt=\"Youtube icon\" />\n                        </a>\n                        <a\n                            href=\"https://www.facebook.com/cubos.fun/\"\n                            target=\"_blank\"\n                            rel=\"noreferrer\"\n                        >\n                            <img src=\"/images/svg/Facebook mobile_icon.svg\" alt=\"Facebook icon\" />\n                        </a>\n                        <a\n                            href=\"https://www.instagram.com/cubos.fun/\"\n                            target=\"_blank\"\n                            rel=\"noreferrer\"\n                        >\n                            <img src=\"/images/svg/Instagram mobile_icon.svg\" alt=\"Instagram icon\" />\n                        </a>\n                        <a\n                            href=\"https://www.linkedin.com/company/cubosfun/?viewAsMember=true\"\n                            target=\"_blank\"\n                            rel=\"noreferrer\"\n                        >\n                            <img src=\"/images/svg/Linkedin mobile_icon.svg\" alt=\"Linkedin icon\" />\n                        </a>\n                    </div>\n                </div>\n            </div>\n        </header>\n    );\n};\n","import { Link } from \"react-router-dom\";\nimport \"./CubosFooter.less\";\n\nexport const CubosFooter = () => {\n    return (\n        <footer id=\"footer\">\n            <div className=\"footer-container\">\n                <div className=\"footer-info\">\n                    <img src=\"/images/Logo_CB_footer.png\" alt=\"\" />\n                    <p>Copyright © 2023 Cubosee All rights reserved</p>\n                </div>\n\n                <hr />\n\n                <div className=\"footer-links\">\n                    <div>\n                        <Link className=\"privacy-link\" to=\"/privacy\">\n                            <span className=\"text-blue\">Privacy policy</span>\n                        </Link>\n                        <Link className=\"contact-link\" to=\"/legal\">\n                            <span className=\"text-pink\">Legal</span>\n                        </Link>\n                        <Link className=\"contact-link\" to=\"/contact\">\n                            <span className=\"text-yellow\">Contact</span>\n                        </Link>\n                    </div>\n\n                    <div>\n                        <a\n                            href=\"https://www.youtube.com/channel/UClfEDh46LlH4UkZEzXJOwKA\"\n                            target=\"_blank\"\n                            rel=\"noreferrer\"\n                        >\n                            <img src=\"/images/svg/Youtube_icon.svg\" alt=\"Youtube logo\" />\n                        </a>\n                        <a\n                            href=\"https://www.facebook.com/cubos.fun/\"\n                            target=\"_blank\"\n                            rel=\"noreferrer\"\n                        >\n                            <img src=\"/images/svg/Facebook_icon.svg\" alt=\"Facebook logo\" />\n                        </a>\n                        <a\n                            href=\"https://www.instagram.com/cubos.fun/\"\n                            target=\"_blank\"\n                            rel=\"noreferrer\"\n                        >\n                            <img src=\"/images/svg/Instagram_icon.svg\" alt=\"Instagram logo\" />\n                        </a>\n                        <a\n                            href=\"https://www.linkedin.com/company/cubosfun/?viewAsMember=true\"\n                            target=\"_blank\"\n                            rel=\"noreferrer\"\n                        >\n                            <img src=\"/images/svg/Linkedin_icon.svg\" alt=\"LinkedIn logo\" />\n                        </a>\n                    </div>\n                </div>\n            </div>\n        </footer>\n    );\n};\n","import { useEffect } from \"react\";\nimport ReactGA from \"react-ga4\";\nimport CookieConsent, { Cookies, getCookieConsentValue } from \"react-cookie-consent\";\nimport \"./CookieConsentPrompt.less\";\n\nexport const CookieConsentPrompt = () => {\n    const GOOGLE_ANALYTICS_ID = \"G-49BKRLWP65\";\n\n    const handleAcceptCookie = () => {\n        if (GOOGLE_ANALYTICS_ID && process.env.NODE_ENV === \"production\") {\n            ReactGA.initialize(GOOGLE_ANALYTICS_ID);\n        }\n    };\n\n    const handleDeclineCookie = () => {\n        //remove google analytics cookies\n        Cookies.remove(\"_ga\");\n        Cookies.remove(\"_gat\");\n        Cookies.remove(\"_gid\");\n    };\n\n    useEffect(() => {\n        const isConsent = getCookieConsentValue();\n        if (isConsent === \"true\") {\n            handleAcceptCookie();\n        } else {\n            handleDeclineCookie();\n        }\n    }, []);\n\n    return (\n        <div id=\"cookie-wrapper\">\n            <CookieConsent\n                containerClasses=\"cookie-banner\"\n                buttonWrapperClasses=\"cookie-buttons\"\n                contentClasses=\"cookie-content\"\n                buttonText=\"Accept\"\n                declineButtonText=\"Decline\"\n                declineButtonClasses=\"decline-btn\"\n                disableStyles\n                enableDeclineButton\n                onAccept={handleAcceptCookie}\n                onDecline={handleDeclineCookie}\n            >\n                <div>\n                    This website uses cookies to ensure you get the best experience on our website.\n                </div>\n            </CookieConsent>\n        </div>\n    );\n};\n","import { CubosHeader } from \"../../components/CubosHeader/CubosHeader\";\nimport { CubosFooter } from \"../../components/CubosFooter/CubosFooter\";\nimport { CookieConsentPrompt } from \"../../components/CookieConsentPrompt/CookieConsentPrompt\";\nimport \"./Layout.less\";\n\nexport const Layout = (props: any) => {\n    return (\n        <div id=\"layout\">\n            <CubosHeader />\n            <CookieConsentPrompt />\n            <div id=\"layout-content\">\n                <main>{props.children}</main>\n                <CubosFooter />\n            </div>\n        </div>\n    );\n};\n","import { ReactElement, useCallback, useEffect, useRef } from \"react\";\nimport \"./CubosHero.less\";\n\nexport interface ICubosHeroProps {\n    videoLink: string;\n    children: ReactElement;\n    onVideoEnd: (index: number) => void;\n    index: number;\n    currentlyPlaying: number;\n    videoClass?: string;\n}\n\nexport const CubosHero = ({\n    videoLink,\n    onVideoEnd,\n    children,\n    index,\n    currentlyPlaying,\n    videoClass,\n}: ICubosHeroProps) => {\n    const videoRef = useRef<HTMLVideoElement>(null);\n\n    const playVideo = useCallback(async () => {\n        try {\n            if (videoRef.current) {\n                // Safari autoplay fix attempt.\n                videoRef.current.muted = true;\n                videoRef.current.pause();\n\n                if (index === currentlyPlaying && videoRef.current.paused) {\n                    await videoRef.current.play();\n                } else if (!videoRef.current.paused) {\n                    videoRef.current.pause();\n                }\n            }\n        } catch (e) {}\n    }, [currentlyPlaying, index]);\n\n    useEffect(() => {\n        playVideo();\n    }, [playVideo]);\n\n    useEffect(() => {\n        let intervalHandle = setInterval(() => {\n            if (!videoRef.current?.paused) {\n                clearInterval(intervalHandle);\n            }\n\n            if (index === currentlyPlaying) {\n                playVideo();\n            }\n        }, 100);\n\n        setTimeout(() => {\n            clearInterval(intervalHandle);\n        }, 1000);\n    }, []);\n\n    return (\n        <div className=\"cubos-hero\">\n            <div className=\"cubos-overlay\" />\n            <video\n                className={videoClass}\n                ref={videoRef}\n                muted\n                playsInline\n                onEnded={() => onVideoEnd(index)}\n            >\n                <source src={videoLink} />\n            </video>\n            {children}\n        </div>\n    );\n};\n","import { Link } from \"react-router-dom\";\nimport \"./Tagline.less\";\n\nexport interface ITaglineProps {\n    title: string;\n    description: string;\n    link: string;\n}\n\nexport const Tagline = ({ title, description, link }: ITaglineProps) => {\n    return (\n        <div className=\"tagline\">\n            <h1>{title}</h1>\n            <p>{description}</p>\n            <Link className=\"tagline-link\" to={link}>\n                View Project\n            </Link>\n        </div>\n    );\n};\n","import { useState } from \"react\";\nimport { Carousel } from \"react-responsive-carousel\";\nimport { CubosHero } from \"../CubosHero/CubosHero\";\nimport { Tagline } from \"../Tagline/Tagline\";\n\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\nimport \"./VideoCarousel.less\";\n\nexport const VideoCarousel = () => {\n    const [selectedVideo, setSelectedVideo] = useState(0);\n    const totalNumOfVideos = 4;\n\n    const headerVideoEnded = (index: number) => {\n        if (selectedVideo === index) {\n            setSelectedVideo((selectedVideo + 1) % totalNumOfVideos);\n        }\n    };\n\n    return (\n        <Carousel\n            className=\"cubos-carousel\"\n            selectedItem={selectedVideo}\n            onChange={i => setSelectedVideo(i)}\n            showArrows={false}\n            showThumbs={false}\n            showStatus={false}\n            infiniteLoop={false}\n            swipeScrollTolerance={20}\n            preventMovementUntilSwipeScrollTolerance\n        >\n            <CubosHero\n                videoLink=\"/videos/Cubos_clip_1200(720).mp4\"\n                onVideoEnd={headerVideoEnded}\n                index={0}\n                currentlyPlaying={selectedVideo}\n            >\n                <Tagline\n                    link=\"/cubos\"\n                    title=\"Cubosee\"\n                    description={`Cow Moo, bear Bee and rabbit Doo are inseparable friends\n                    who face everyday challenges together using their unique\n                    strengths and characteristics.`}\n                />\n            </CubosHero>\n            <CubosHero\n                videoLink=\"/videos/Cubos Kids_clip_1200(720).mp4\"\n                onVideoEnd={headerVideoEnded}\n                index={1}\n                currentlyPlaying={selectedVideo}\n            >\n                <Tagline\n                    link=\"/cubos-kids\"\n                    title=\"Cubosee Kids\"\n                    description={`In its essence, Cubosee kids is a natural extension of Cubosee.\n                    It introduces new characters, and a slightly different\n                    animation model for younger generation.`}\n                />\n            </CubosHero>\n            <CubosHero\n                videoLink=\"/videos/Cubos Adriatic_clip_1200(720).mp4\"\n                onVideoEnd={headerVideoEnded}\n                index={2}\n                currentlyPlaying={selectedVideo}\n            >\n                <Tagline\n                    link=\"/cubos-adriatic\"\n                    title=\"Cubosee Adriatic\"\n                    description={`A mobile game introduces children to an island environment where\n                    they get to solve simple tasks and at the same time learn about\n                    Croatian islands’ cultural heritage.`}\n                />\n            </CubosHero>\n            <CubosHero\n                videoLink=\"/videos/Cubos VR_clip_1200(720).mp4\"\n                onVideoEnd={headerVideoEnded}\n                index={3}\n                currentlyPlaying={selectedVideo}\n                videoClass=\"left\"\n            >\n                <Tagline\n                    link=\"/cubos-vr\"\n                    title=\"Cubosee VR\"\n                    description={`The three friends explore their surroundings and have fun solving simple tasks in a virtual reality environment.`}\n                />\n            </CubosHero>\n        </Carousel>\n    );\n};\n","import { ReactElement } from \"react\";\nimport { Fade } from \"react-awesome-reveal\";\nimport \"./CharacterCard.less\";\n\nexport interface ICharacterCardProps {\n    characterImage: string;\n    characterPosition: \"left\" | \"right\";\n    backgroundColor: \"pink\" | \"blue\" | \"yellow\";\n    children: ReactElement;\n}\n\nexport const CharacterCard = ({\n    characterImage,\n    characterPosition,\n    backgroundColor,\n    children,\n}: ICharacterCardProps) => {\n    return (\n        <div className=\"cubos-character\">\n            <div\n                className={`character-background ${backgroundColor} character-${characterPosition}`}\n            ></div>\n            <div className={`card ${characterPosition}`}>\n                <Fade className=\"character-animation\" direction=\"up\" triggerOnce>\n                    <img src={characterImage} alt=\"\" />\n                </Fade>\n                <div className=\"text\">{children}</div>\n            </div>\n        </div>\n    );\n};\n","export const StandardDesktopBackground = () => {\n    return (\n        <>\n            {/** Top left */}\n            <div className=\"background-cube no-mobile\" style={{ left: \"100px\", top: \"50px\" }} />\n            <div\n                className=\"background-cube small no-mobile\"\n                style={{ left: \"140px\", top: \"85px\" }}\n            />\n\n            {/** Top right */}\n            <div className=\"background-cube no-mobile\" style={{ right: \"150px\", top: \"80px\" }} />\n\n            {/** Bottom left */}\n            <div\n                className=\"background-cube small no-mobile\"\n                style={{ left: \"120px\", bottom: \"30px\" }}\n            />\n            <div\n                className=\"background-cube large no-mobile\"\n                style={{ left: \"170px\", bottom: \"-24px\" }}\n            />\n\n            {/** Bottom right */}\n            <div\n                className=\"background-cube small no-mobile\"\n                style={{ right: \"80px\", bottom: \"90px\" }}\n            />\n            <div className=\"background-cube no-mobile\" style={{ right: \"120px\", bottom: \"50px\" }} />\n        </>\n    );\n};\n","export const StandardMobileBackground = () => {\n    return (\n        <>\n            {/** Top left */}\n            <div\n                className=\"background-cube mobile\"\n                style={{\n                    left: \"30px\",\n                    top: \"30px\",\n                }}\n            ></div>\n\n            {/** Bottom right */}\n            <div className=\"background-cube mobile\" style={{ bottom: \"20px\", right: \"60px\" }}></div>\n            <div\n                className=\"background-cube mobile small\"\n                style={{ bottom: \"55px\", right: \"30px\" }}\n            ></div>\n        </>\n    );\n};\n","import { Link } from \"react-router-dom\";\nimport { VideoCarousel } from \"../../components/VideoCarousel/VideoCarousel\";\nimport { CharacterCard } from \"../../components/CharacterCard/CharacterCard\";\nimport { StandardDesktopBackground } from \"../../components/CubeBackgrounds/StandardDesktopBackground\";\nimport { StandardMobileBackground } from \"../../components/CubeBackgrounds/StandardMobileBackground\";\nimport { Fade } from \"react-awesome-reveal\";\n\nimport \"./Landing.less\";\n\nexport const Landing = () => {\n    return (\n        <div id=\"landing\">\n            <div className=\"content\">\n                <VideoCarousel />\n            </div>\n\n            <div id=\"welcome-message\" className=\"content-full\">\n                <StandardDesktopBackground />\n                <StandardMobileBackground />\n\n                <div className=\"content-synopsis\">\n                    <h1>Welcome!</h1>\n                    <p>\n                        Let us introduce you to Cubosee, a multi-format entertainment ecosystem\n                        intended for kids. This brand features child-like animals that live in a\n                        world where everything is square-shaped. We follow their adventures and\n                        daily mishaps in this unusual universe.\n                    </p>\n                </div>\n            </div>\n\n            <h1 className=\"text-yellow\">Cubosee categories</h1>\n            <div id=\"categories\" className=\"content-small\">\n                <Fade className=\"category-img\" direction=\"up\" triggerOnce>\n                    <Link to=\"/cubos-kids\">\n                        <img src=\"/images/Category_cubosee kids.jpg\" alt=\"Cubosee kids category\" />\n                    </Link>\n                </Fade>\n                <Fade className=\"category-img\" direction=\"up\" triggerOnce>\n                    <Link to=\"/cubos\">\n                        <img src=\"/images/Category_cubosee.jpg\" alt=\"Cubosee category\" />\n                    </Link>\n                </Fade>\n                <Fade className=\"category-img\" direction=\"up\" triggerOnce>\n                    <Link to=\"/cubos-adriatic\">\n                        <img\n                            src=\"/images/Category_cuboseeadriatic.jpg\"\n                            alt=\"Cubosee adriatic category\"\n                        />\n                    </Link>\n                </Fade>\n                <Fade className=\"category-img\" direction=\"up\" triggerOnce>\n                    <Link to=\"/cubos-vr\">\n                        <img src=\"/images/Category_cubosee VR.jpg\" alt=\"Cubosee VR category\" />\n                    </Link>\n                </Fade>\n            </div>\n            <h1 className=\"text-pink\">Meet the characters</h1>\n            <div className=\"content-small character\">\n                <CharacterCard\n                    backgroundColor=\"yellow\"\n                    characterImage=\"/images/Bee model.png\"\n                    characterPosition=\"left\"\n                >\n                    <div className=\"card-content\">\n                        <img src=\"/images/svg/Bee logo.svg\" alt=\"Bear Bee name logo\" />\n                        <p>\n                            As the smartest of the group, this bear easily solves problems and\n                            challenges that come his way. He is the leader of the Cubosee gang but is\n                            best described as the ultimate prankster who always tries to play tricks\n                            on his friends and get them to do things his way.\n                        </p>\n                    </div>\n                </CharacterCard>\n\n                <CharacterCard\n                    backgroundColor=\"pink\"\n                    characterImage=\"/images/Moo model.png\"\n                    characterPosition=\"right\"\n                >\n                    <div className=\"card-content\">\n                        <img src=\"/images/svg/Moo logo.svg\" alt=\"Cow Moo name logo\" />\n                        <p>\n                            Being curious-spirited, this sweet and hyperactive cow is always looking\n                            for an adventure. She is a good and loyal friend, although her excessive\n                            hyperactivity can sometimes get a little tedious. She always goes\n                            headfirst through the wall, and she can often be persuaded into being\n                            mischievous.\n                        </p>\n                    </div>\n                </CharacterCard>\n\n                <CharacterCard\n                    backgroundColor=\"blue\"\n                    characterImage=\"/images/Doo model.png\"\n                    characterPosition=\"left\"\n                >\n                    <div className=\"card-content\">\n                        <img src=\"/images/svg/Doo logo.svg\" alt=\"Rabbit Doo name logo\" />\n                        <p>\n                            This silly and quiet bunny is always there for his friends but mostly\n                            keeps to himself and stares blankly into the distance. But another side\n                            of his emerges if he gets into a mishap or is overwhelmed by all the\n                            pranks - he then becomes irritated and wants to fight everyone.\n                            Fortunately, this side of his vanishes in an instant and he quickly\n                            calms down and returns to the quiet goofy-looking bunny again.\n                        </p>\n                    </div>\n                </CharacterCard>\n            </div>\n            <div id=\"landing-goal\">\n                <StandardDesktopBackground />\n                <StandardMobileBackground />\n                <div className=\"content-synopsis\">\n                    <h1>Goal</h1>\n                    <p>\n                        The main intention behind this project was to create content for children\n                        that was both fun and educational. We have tried to integrate attractive\n                        visuals together with pedagogical and academic knowledge.\n                    </p>\n                    <p>\n                        The animated series explore relevant topics such as friendship, tolerance,\n                        inclusion, empathy and sustainability, whereas the mobile game focuses on\n                        cultural and geographical knowledge. To make these topics more\n                        understandable to the young audience, they are explored through the\n                        characters’ everyday experiences.\n                    </p>\n                </div>\n            </div>\n            <h1 className=\"text-blue\">Our Values</h1>\n            <div className=\"content-small\">\n                <Fade direction=\"up\" fraction={0.3} triggerOnce>\n                    <img\n                        className=\"desktop\"\n                        src=\"/images/svg/Our values_desktop.svg\"\n                        alt=\"Graph of our values\"\n                    />\n                    <img\n                        className=\"mobile\"\n                        src=\"/images/svg/Our values_mobile.svg\"\n                        alt=\"Graph of our values\"\n                    />\n                </Fade>\n            </div>\n        </div>\n    );\n};\n","import { Fade } from \"react-awesome-reveal\";\nimport \"./ProjectScope.less\";\n\nexport interface IProjectScopeProps {\n    format: string[];\n    formatIcon: string;\n    target: string[];\n    targetIcon: string;\n    genre: string[];\n    genreIcon: string;\n}\n\nexport const ProjectScope = ({\n    format,\n    formatIcon,\n    target,\n    targetIcon,\n    genre,\n    genreIcon,\n}: IProjectScopeProps) => {\n    return (\n        <div className=\"project-scope\">\n            <h1 className=\"text-yellow\">Project Scope</h1>\n            <div className=\"scope-content\">\n                <div className=\"scope-content-item\">\n                    <Fade direction=\"up\" triggerOnce>\n                        <div>\n                            <img src={formatIcon} alt=\"Format icon\" />\n                            <h3>Format</h3>\n                            {format.map(entry => (\n                                <p key={entry}>{entry}</p>\n                            ))}\n                        </div>\n                    </Fade>\n                </div>\n                <hr />\n                <div className=\"scope-content-item\">\n                    <Fade direction=\"up\" triggerOnce>\n                        <div>\n                            <img src={targetIcon} alt=\"Target audience icon\" />\n                            <h3>Age</h3>\n                            {target.map(entry => (\n                                <p key={entry}>{entry}</p>\n                            ))}\n                        </div>\n                    </Fade>\n                </div>\n                <hr />\n                <div className=\"scope-content-item\">\n                    <Fade direction=\"up\" triggerOnce>\n                        <div>\n                            <img src={genreIcon} alt=\"Genre icon\" />\n                            <h3>Genre</h3>\n                            {genre.map(entry => (\n                                <p key={entry}>{entry}</p>\n                            ))}\n                        </div>\n                    </Fade>\n                </div>\n            </div>\n        </div>\n    );\n};\n","import { StandardDesktopBackground } from \"../../components/CubeBackgrounds/StandardDesktopBackground\";\nimport { StandardMobileBackground } from \"../../components/CubeBackgrounds/StandardMobileBackground\";\nimport { ProjectScope } from \"../../components/ProjectScope/ProjectScope\";\nimport { Fade } from \"react-awesome-reveal\";\nimport \"./CubosGeneral.less\";\n\nexport const CubosGeneral = () => {\n    return (\n        <div id=\"cubos-general\">\n            <div className=\"content\">\n                <img\n                    className=\"hero-image desktop\"\n                    src=\"/images/Cubosee_cover page.jpg\"\n                    alt=\"Cubosee cover page\"\n                />\n                <img\n                    className=\"hero-image mobile\"\n                    src=\"/images/Cubosee mobile_cover page.jpg\"\n                    alt=\"Cubosee cover page\"\n                />\n            </div>\n\n            <div className=\"synopsis content-full\">\n                <StandardDesktopBackground />\n                <StandardMobileBackground />\n\n                <div className=\"content-synopsis\">\n                    <h1>Synopsis</h1>\n                    <p>\n                        The plot revolves around three main characters: Moo the cow, Bee the bear\n                        and Doo the rabbit. They are inseparable friends who face everyday\n                        challenges together using their unique strengths and characteristics. In the\n                        process they learn important life lessons about teamwork, approaching\n                        problems with optimism and believing in your own uniqueness.\n                    </p>\n                </div>\n            </div>\n\n            <div className=\"content-small\">\n                <ProjectScope\n                    format={[\"Animated series\", \"3D CGI Animation\", \"2 minutes\"]}\n                    formatIcon=\"/images/svg/Format video_icon.svg\"\n                    target={[\"5 - 10 years\"]}\n                    targetIcon=\"/images/svg/Target older_icon.svg\"\n                    genre={[\"Slapstick comedy\"]}\n                    genreIcon=\"/images/svg/Genre_icon.svg\"\n                />\n            </div>\n\n            <h1 className=\"text-blue\">Take a sneak peek!</h1>\n            <Fade direction=\"up\" triggerOnce>\n                <div id=\"general-content-image\" className=\"content\">\n                    <img\n                        className=\"hero-image sneak-peek\"\n                        src=\"/images/Cubos_pictures gallery.jpg\"\n                        alt=\"Cubosee sneak peek gallery\"\n                    />\n                </div>\n            </Fade>\n        </div>\n    );\n};\n","import { StandardDesktopBackground } from \"../../components/CubeBackgrounds/StandardDesktopBackground\";\nimport { StandardMobileBackground } from \"../../components/CubeBackgrounds/StandardMobileBackground\";\nimport { ProjectScope } from \"../../components/ProjectScope/ProjectScope\";\nimport { Fade } from \"react-awesome-reveal\";\nimport \"./CubosKids.less\";\n\nexport const CubosKids = () => {\n    return (\n        <div id=\"cubos-kids\">\n            <div className=\"content\">\n                <img\n                    className=\"hero-image desktop\"\n                    src=\"/images/Cubosee kids_cover page.jpg\"\n                    alt=\"Cubosee kids cover page\"\n                />\n                <img\n                    className=\"hero-image mobile\"\n                    src=\"/images/Cubosee Kids mobile_cover page.jpg\"\n                    alt=\"Cubosee kids cover page\"\n                />\n            </div>\n\n            <div className=\"synopsis content-full\">\n                <StandardDesktopBackground />\n                <StandardMobileBackground />\n\n                <div className=\"content-synopsis\">\n                    <h1>Synopsis</h1>\n                    <p>\n                        In its essence, Cubosee kids is a natural extension of Cubosee. It introduces\n                        new characters, and a slightly different animation model, but the lessons,\n                        the adventures and the thought behind the brand remain the same.\n                    </p>\n                    <p>\n                        This series is visually more adapted to a younger, preschool audience and\n                        features simpler graphics not to distract from the relevant values that are\n                        explored throughout the episodes.\n                    </p>\n                </div>\n            </div>\n\n            <div className=\"content-small\">\n                <ProjectScope\n                    format={[\"Animated series\", \"3D CGI Animation\", \"10 minutes\"]}\n                    formatIcon=\"/images/svg/Format video_icon.svg\"\n                    target={[\"3 - 7 years\"]}\n                    targetIcon=\"/images/svg/Target younger_icon.svg\"\n                    genre={[\"Nursery rhyme\"]}\n                    genreIcon=\"/images/svg/Genre_icon.svg\"\n                />\n            </div>\n\n            <h1 className=\"text-blue\">Take a sneak peek!</h1>\n            <Fade direction=\"up\" triggerOnce>\n                <div id=\"kids-content-image\" className=\"content\">\n                    <img\n                        className=\"hero-image sneak-peek\"\n                        src=\"/images/Cubos kids_pictures gallery.jpg\"\n                        alt=\"Cubosee kids sneak peek gallery\"\n                    />\n                </div>\n            </Fade>\n        </div>\n    );\n};\n","import { StandardDesktopBackground } from \"../../components/CubeBackgrounds/StandardDesktopBackground\";\nimport { StandardMobileBackground } from \"../../components/CubeBackgrounds/StandardMobileBackground\";\nimport { ProjectScope } from \"../../components/ProjectScope/ProjectScope\";\nimport { Fade } from \"react-awesome-reveal\";\nimport \"./CubosAdriatic.less\";\n\nexport const CubosAdriatic = () => {\n    return (\n        <div id=\"cubos-adriatic\">\n            <div className=\"content\">\n                <img\n                    className=\"hero-image desktop\"\n                    src=\"/images/Cubosee adriatic_cover page.jpg\"\n                    alt=\"Cubosee adriatic cover page\"\n                />\n                <img\n                    className=\"hero-image mobile\"\n                    src=\"/images/Cubosee Adriatic mobile_cover page.jpg\"\n                    alt=\"Cubosee adriatic cover page\"\n                />\n            </div>\n\n            <div className=\"synopsis content-full\">\n                <StandardDesktopBackground />\n                <StandardMobileBackground />\n\n                <div className=\"content-synopsis\">\n                    <h1>Synopsis</h1>\n                    <p>\n                        Conceptualized as a mobile game that features the same characters, Cubosee\n                        Adriatic introduces children to an island environment where they get to\n                        solve simple tasks while learning about Croatian islands’ cultural and\n                        geographical heritage and their preservation.\n                    </p>\n                </div>\n            </div>\n\n            <div className=\"content-small\">\n                <ProjectScope\n                    format={[\"Mobile game\"]}\n                    formatIcon=\"/images/svg/Format video_icon.svg\"\n                    target={[\"6 - 12 years\"]}\n                    targetIcon=\"/images/svg/Target older_icon.svg\"\n                    genre={[\"Education simulation\"]}\n                    genreIcon=\"/images/svg/Genre_icon.svg\"\n                />\n            </div>\n\n            <h1 className=\"text-blue\">Take a sneak peek!</h1>\n            <Fade direction=\"up\" triggerOnce>\n                <div id=\"adriatic-content-image\" className=\"content\">\n                    <img\n                        className=\"hero-image sneak-peek\"\n                        src=\"/images/Cubos adriatic_pictures gallery.jpg\"\n                        alt=\"Cubosee adriatic sneak peek gallery\"\n                    />\n                </div>\n            </Fade>\n        </div>\n    );\n};\n","import { StandardDesktopBackground } from \"../../components/CubeBackgrounds/StandardDesktopBackground\";\nimport { StandardMobileBackground } from \"../../components/CubeBackgrounds/StandardMobileBackground\";\nimport { ProjectScope } from \"../../components/ProjectScope/ProjectScope\";\nimport { Fade } from \"react-awesome-reveal\";\nimport \"./CubosVR.less\";\n\nexport const CubosVR = () => {\n    return (\n        <div id=\"cubos-vr\">\n            <div className=\"content\">\n                <img\n                    className=\"hero-image desktop\"\n                    src=\"/images/Cubosee VR_cover page.jpg\"\n                    alt=\"Cubosee VR cover page\"\n                />\n                <img\n                    className=\"hero-image mobile\"\n                    src=\"/images/Cubosee VR mobile_cover page.jpg\"\n                    alt=\"Cubosee VR cover page\"\n                />\n            </div>\n\n            <div className=\"synopsis content-full\">\n                <StandardDesktopBackground />\n                <StandardMobileBackground />\n\n                <div className=\"content-synopsis\">\n                    <h1>Synopsis</h1>\n                    <p>\n                        Played with the use of VR goggles, this game features our familiar\n                        characters in a friendly island setting where they enjoy sporty activities\n                        such as playing basketball.\n                    </p>\n                    <p>\n                        This fun and interactive virtual reality game requires the players to be\n                        physically active to be able to solve simple tasks.\n                    </p>\n                </div>\n            </div>\n\n            <div className=\"content-small\">\n                <ProjectScope\n                    format={[\"VR game\"]}\n                    formatIcon=\"/images/svg/Format VR_icon.svg\"\n                    target={[\"5 - 8 years\"]}\n                    targetIcon=\"/images/svg/Target older_icon.svg\"\n                    genre={[\"Education simulation\"]}\n                    genreIcon=\"/images/svg/Genre_icon.svg\"\n                />\n            </div>\n\n            <h1 className=\"text-blue\">Take a sneak peek!</h1>\n            <Fade direction=\"up\" triggerOnce>\n                <div id=\"vr-content-image\" className=\"content\">\n                    <img\n                        className=\"hero-image sneak-peek\"\n                        src=\"/images/Cubos VR_pictures gallery.jpg\"\n                        alt=\"Cubosee VR sneak peek gallery\"\n                    />\n                </div>\n            </Fade>\n        </div>\n    );\n};\n","import { CharacterCard } from \"../../components/CharacterCard/CharacterCard\";\nimport \"./Contact.less\";\n\nexport const Contact = () => {\n    return (\n        <div id=\"contact\">\n            <h1 className=\"text-yellow\">Contact</h1>\n\n            <div className=\"content contact-us\">\n                <CharacterCard\n                    characterImage=\"/images/Contact_all.png\"\n                    characterPosition=\"left\"\n                    backgroundColor=\"yellow\"\n                >\n                    <div className=\"contact-us-content\">\n                        <h1>Contact us</h1>\n                        <hr />\n                        <p>\n                            <a href=\"mailto:info@cubos.fun\">info@cubos.fun</a>\n                        </p>\n                        <p>Uprise d.o.o.</p>\n                        <p>+385 95 4433 487</p>\n                        <p>Trg Drage Iblera 10, 10 000 Zagreb</p>\n                    </div>\n                </CharacterCard>\n            </div>\n        </div>\n    );\n};\n","import { StandardDesktopBackground } from \"../../components/CubeBackgrounds/StandardDesktopBackground\";\nimport { StandardMobileBackground } from \"../../components/CubeBackgrounds/StandardMobileBackground\";\nimport \"./Privacy.less\";\n\nexport const Privacy = () => {\n    return (\n        <div id=\"privacy\">\n            <div className=\"background-reverted\">\n                <StandardDesktopBackground />\n                <StandardMobileBackground />\n\n                <div className=\"background-cube no-mobile\" style={{ left: \"5%\", top: \"35%\" }} />\n                <div className=\"background-cube no-mobile\" style={{ right: \"5%\", bottom: \"35%\" }} />\n\n                <div className=\"content-small text-grey\">\n                    <h1 className=\"text-blue\">Privacy Policy</h1>\n\n                    <p>Effective date: January 11, 2022</p>\n                    <p>Last edit: February 24th, 2022</p>\n                    <p>\n                        Uprise d.o.o. (\"us\", \"we\", or \"our\") operates the https://cubos.fun/ website\n                        and the Cubos run mobile application (hereinafter referred to as the\n                        \"Service\").\n                    </p>\n                    <p>\n                        We use your data to provide and improve the Service. By using the Service,\n                        you agree to the collection and use of information in accordance with this\n                        policy. Unless otherwise defined in this Privacy Policy, the terms used in\n                        this Privacy Policy have the same meanings as in our Terms and Conditions.\n                    </p>\n\n                    <h2>Definitions</h2>\n                    <ul>\n                        <li>\n                            <b>Service</b> - Service means the https://cubos.fun/ website and the\n                            Cubos run mobile application operated by Uprise d.o.o.\n                        </li>\n                        <li>\n                            <b>Personal Data</b> - Personal Data means data about a living\n                            individual who can be identified from those data (or from those and\n                            other information either in our possession or likely to come into our\n                            possession).\n                        </li>\n                        <li>\n                            <b>Usage Data</b> - Usage Data is data collected automatically either\n                            generated by using the Service or from the Service infrastructure itself\n                            (for example, the duration of a page visit).\n                        </li>\n                        <li>\n                            <b>Cookies</b> - Cookies are small files stored on your device (computer\n                            or mobile device) that allow us to improve your browsing experience.\n                        </li>\n                    </ul>\n\n                    <h2>Information Collection and Use</h2>\n                    <p>\n                        We collect several different types of information for various purposes to\n                        provide and improve our Service to you.\n                    </p>\n                    <b>Personal Data</b>\n                    <p>\n                        While using our Service, we may ask you to provide us with certain\n                        personally identifiable information that can be used to contact or identify\n                        you (\"Personal Data\"). Personally identifiable information may include, but\n                        is not limited to:\n                    </p>\n                    <ul>\n                        <li>Email address</li>\n                        <li>Cookies and Usage Data</li>\n                    </ul>\n                    <b>Usage Data</b>\n                    <p>\n                        We may also collect information that your browser sends whenever you visit\n                        our Service or when you access the Service by or through a mobile device\n                        (\"Usage Data\").\n                    </p>\n                    <p>\n                        This Usage Data may include information such as your computer's Internet\n                        Protocol address (e.g. IP address), browser type, browser version, the pages\n                        of our Service that you visit, the time and date of your visit, the time\n                        spent on those pages, unique device identifiers and other diagnostic data.\n                    </p>\n                    <p>\n                        When you access the Service with a mobile device, this Usage Data may\n                        include information such as the type of mobile device you use, your mobile\n                        device unique ID, the IP address of your mobile device, your mobile\n                        operating system, the type of mobile Internet browser you use, unique device\n                        identifiers and other diagnostic data.\n                    </p>\n                    <b>Tracking &amp; Cookies Data</b>\n                    <p>\n                        We use cookies and similar tracking technologies to track the activity on\n                        our Service and we hold certain information.\n                    </p>\n                    <p>\n                        Cookies are files with a small amount of data which may include an anonymous\n                        unique identifier. Cookies are sent to your browser from a website and\n                        stored on your device. Other tracking technologies are also used such as\n                        beacons, tags and scripts to collect and track information and to improve\n                        and analyse our Service.\n                    </p>\n                    <p>\n                        You can instruct your browser to refuse all cookies or to indicate when a\n                        cookie is being sent. However, if you do not accept cookies, you may not be\n                        able to use some portions of our Service.\n                    </p>\n\n                    <h2>What cookies do we use? How long do we store them?</h2>\n                    <ul>\n                        <li>\n                            <b>Session Cookies</b> - These cookies are necessary to provide you with\n                            services available through the Site and so that you can use some of its\n                            features. These cookies are also used to allow for a coherent experience\n                            moving between different pages. These are temporary cookie files, which\n                            are erased when you close your browser.\n                        </li>\n                        <li>\n                            <b>Persistent Cookies</b> - They are stored on a user's device to help\n                            remember information, settings, preferences, or sign-on credentials that\n                            a user has previously saved. This helps create a convenient and faster\n                            website experience. These files stay in one of your browser's subfolders\n                            until you delete them manually or your browser deletes them based on the\n                            duration period of 12 months contained within the persistent cookie's\n                            file.\n                        </li>\n                        <li>\n                            <b>Third-Party Cookies</b> - a third-party cookie is one that is placed\n                            on a user’s hard disk by a Web site from a domain other than the one a\n                            user is visiting. They are retained until you manually disable them in\n                            your Settings.\n                        </li>\n                    </ul>\n\n                    <h2>Use of Data</h2>\n                    <p>Uprise d.o.o. uses the collected data for various purposes:</p>\n                    <ul>\n                        <li>To provide and maintain our Service</li>\n                        <li>To notify you about changes to our Service</li>\n                        <li>\n                            To allow you to participate in interactive features of our Service when\n                            you choose to do so\n                        </li>\n                        <li>To provide customer support</li>\n                        <li>\n                            To gather analysis or valuable information so that we can improve our\n                            Service\n                        </li>\n                        <li>To monitor the usage of our Service</li>\n                        <li>To detect, prevent and address technical issues</li>\n                    </ul>\n\n                    <h2>What are your rights?</h2>\n                    <ul>\n                        <li>the right to access data provided to us</li>\n                        <li>\n                            the right to delete your information under certain circumstances (i.e.,\n                            if the data provided to us is no longer relevant for processing or was\n                            proven to be unlawfully processed)\n                        </li>\n                        <li>the right to withdraw your consent</li>\n                    </ul>\n\n                    <h2>Contact Us</h2>\n                    <p>\n                        If you have any questions or petitions regarding this Privacy Policy, please\n                        contact us by email: <a href=\"mailto:info@cubos.fun\">info@cubos.fun</a>. We\n                        will contact you as soon as possible and resolve your issue or query within\n                        30 days maximum.\n                    </p>\n\n                    <h2>Transfer of Data</h2>\n                    <p>\n                        Your information, including Personal Data, may be transferred to - and\n                        maintained on - computers located outside of your state, province, country\n                        or other governmental jurisdiction where the data protection laws may differ\n                        from those of your jurisdiction.\n                    </p>\n                    <p>\n                        If you are located outside Croatia and choose to provide information to us,\n                        please note that we transfer the data, including Personal Data, to Croatia\n                        and process it there.\n                    </p>\n                    <p>\n                        Your consent to this Privacy Policy followed by your submission of such\n                        information represents your agreement to that transfer.\n                    </p>\n                    <p>\n                        Uprise d.o.o. will take all the steps reasonably necessary to ensure that\n                        your data is treated securely and in accordance with this Privacy Policy and\n                        no transfer of your Personal Data will take place to an organisation or a\n                        country unless there are adequate controls in place including the security\n                        of your data and other personal information\n                    </p>\n\n                    <h2>Disclosure of Data</h2>\n                    <b>Legal Requirements</b>\n                    <p>\n                        Uprise d.o.o. may disclose your Personal Data in the good faith belief that\n                        such action is necessary to:\n                    </p>\n                    <ul>\n                        <li>To comply with a legal obligation</li>\n                        <li>To protect and defend the rights or property of Uprise d.o.o.</li>\n                        <li>\n                            To prevent or investigate possible wrongdoing in connection with the\n                            Service\n                        </li>\n                        <li>\n                            To protect the personal safety of users of the Service or the public\n                        </li>\n                        <li>To protect against legal liability</li>\n                    </ul>\n\n                    <h2>Security of Data</h2>\n                    <p>\n                        The security of your data is important to us but remember that no method of\n                        transmission over the Internet or method of electronic storage is 100%\n                        secure. While we strive to use commercially acceptable means to protect your\n                        Personal Data, we cannot guarantee its absolute security.\n                    </p>\n\n                    <h2>Service Providers</h2>\n                    <p>\n                        We may employ third party companies and individuals to facilitate our\n                        Service (\"Service Providers\"), provide the Service on our behalf, perform\n                        Service-related services or assist us in analysing how our Service is used.\n                    </p>\n                    <p>\n                        These third parties have access to your Personal Data only to perform these\n                        tasks on our behalfand are obligated not to disclose or use it for any other\n                        purpose.\n                    </p>\n\n                    <h2>Links to Other Sites</h2>\n                    <p>\n                        Our Service may contain links to other sites that are not operated by us. If\n                        you click on a third-party link, you will be directed to that third party's\n                        site. We strongly advise you to review the Privacy Policy of every site you\n                        visit.\n                    </p>\n                    <p>\n                        We have no control over and assume no responsibility for the content,\n                        privacy policies or practices of any third-party sites or services.\n                    </p>\n\n                    <h2>Children's Privacy</h2>\n                    <p>Our Service does not address anyone under the age of 18 (\"Children\").</p>\n                    <p>\n                        We do not knowingly collect personally identifiable information from anyone\n                        under the age of 18. If you are a parent or guardian and you are aware that\n                        your Child has provided us with Personal Data, please contact us. If we\n                        become aware that we have collected Personal Data from children without\n                        verification of parental consent, we take steps to remove that information\n                        from our servers.\n                    </p>\n\n                    <h2>Changes to This Privacy Policy</h2>\n                    <p>\n                        We may update our Privacy Policy from time to time. We will notify you of\n                        any changes by posting the new Privacy Policy on this page.\n                    </p>\n                    <p>\n                        We will let you know via email and/or a prominent notice on our Service,\n                        prior to the change becoming effective and update the \"effective date\" at\n                        the top of this Privacy Policy\n                    </p>\n                    <p>\n                        You are advised to review this Privacy Policy periodically for any changes.\n                        Changes to this Privacy Policy are effective when they are posted on this\n                        page.\n                    </p>\n                    <p>Privacy Policy of https://cubos.fun/</p>\n                </div>\n            </div>\n        </div>\n    );\n};\n","import { StandardDesktopBackground } from \"../../components/CubeBackgrounds/StandardDesktopBackground\";\nimport { StandardMobileBackground } from \"../../components/CubeBackgrounds/StandardMobileBackground\";\nimport \"./Legal.less\";\n\nexport const Legal = () => {\n    return (\n        <div id=\"legal\" className=\"background-reverted\">\n            <StandardDesktopBackground />\n            <StandardMobileBackground />\n\n            <div className=\"content-small text-grey\">\n                <h1 className=\"text-pink\">Legal information</h1>\n\n                <p>\n                    Uprise which operates https://cubos.fun/ is a limited company dedicated to\n                    information technology services.\n                </p>\n                <p>\n                    The company is registered with the Commercial Court in Zagreb under registration\n                    number MBS 081125428.\n                </p>\n                <p>Base capital of the company of 20.000,00 has been paid in full.</p>\n                <p>Members of the Management Board: Dino Mileta.</p>\n\n                <br />\n                <br />\n                <br />\n\n                <p>\n                    <b>Address: </b>Trg Drage Iblera 10\n                </p>\n                <p>\n                    <b>Email: </b>\n                    <a href=\"mailto:info@cubos.fun\">info@cubos.fun</a>\n                </p>\n                <p>\n                    <b>Phone: </b>(+385)954433487\n                </p>\n                <p>\n                    <b>Bank account: </b>3024020061100846959\n                </p>\n                <p>\n                    <b>IBAN: </b>HR3024020061100846959\n                </p>\n                <p>\n                    <b>Name of Bank: </b>Erste &amp; Steiermarkische Bank d.d\n                </p>\n            </div>\n        </div>\n    );\n};\n","import { useEffect } from \"react\";\nimport { Layout } from \"./containers/Layout/Layout\";\nimport { Route, Switch, BrowserRouter as Router, useLocation } from \"react-router-dom\";\nimport { Landing } from \"./containers/Landing/Landing\";\nimport { CubosGeneral } from \"./containers/CubosGeneral/CubosGeneral\";\nimport { CubosKids } from \"./containers/CubosKids/CubosKids\";\nimport { CubosAdriatic } from \"./containers/CubosAdriatic/CubosAdriatic\";\nimport { CubosVR } from \"./containers/CubosVR/CubosVR\";\nimport { Contact } from \"./containers/Contact/Contact\";\nimport { Privacy } from \"./containers/Privacy/Privacy\";\nimport { Legal } from \"./containers/Legal/Legal\";\n\n// Scrolling on top when changing pages!\nexport function ScrollToTop() {\n    const { pathname } = useLocation();\n\n    useEffect(() => {\n        document.querySelector(\"#root\")?.scrollTo(0, 0);\n    }, [pathname]);\n\n    return null;\n}\n\nfunction App() {\n    return (\n        <Router>\n            <Layout>\n                <ScrollToTop />\n                <Switch>\n                    <Route exact path=\"/cubos\" component={CubosGeneral} />\n                    <Route exact path=\"/cubos-kids\" component={CubosKids} />\n                    <Route exact path=\"/cubos-adriatic\" component={CubosAdriatic} />\n                    <Route exact path=\"/cubos-vr\" component={CubosVR} />\n                    <Route exact path=\"/contact\" component={Contact} />\n                    <Route exact path=\"/privacy\" component={Privacy} />\n                    <Route exact path=\"/legal\" component={Legal} />\n\n                    <Route component={Landing} />\n                </Switch>\n            </Layout>\n        </Router>\n    );\n}\n\nexport default App;\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport App from \"./App\";\nimport reportWebVitals from \"./reportWebVitals\";\nimport \"./index.less\";\n\nReactDOM.render(\n    <React.StrictMode>\n        <App />\n    </React.StrictMode>,\n    document.getElementById(\"root\")\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}