refactoring and updating logos

src/assets/css/App.scss

@@ -13,18 +13,20 @@
 @import "./components/game/Tutorials.scss";
 
 @import "./components/layout/Nav.scss";
-@import "./components/layout/Logo.scss";
 @import "./components/layout/Page-container.scss";
 @import "./components/layout/EditorInnerContent.scss";
 @import "./components/layout/InnerContent.scss";
 @import "./components/layout/Footer.scss";
 
+@import "./components/ui/AppLogoMarkup.scss";
+@import "./components/ui/AppLogoVector.scss";
+// @import "./components/ui/AppLogo.scss";
+@import "./components/ui/BrandingLogo.scss";
 @import "./components/ui/CountrySelect.scss";
 @import "./components/ui/LanguageSelect.scss";
 @import "./components/ui/DropdownSelect.scss";
 @import "./components/ui/Modal.scss";
 @import "./components/ui/Cta.scss";
-@import "./components/ui/AppLogo.scss";
 @import "./components/ui/Loading.scss";
 @import "./components/ui/Marquee.scss";
 

src/assets/css/components/ui/AppLogo.scss

@@ -1,11 +0,0 @@
-.application-logo {
-	@apply text-zuume text-center;
-	animation-play-state: bg-red-500;
-	&__title {
-		@apply text-9xl;
-	}
-	&__subtitle {
-		@apply text-6xl bg-construction w-fit mx-auto px-3 block mb-10;
-		transform: rotate(-3deg);
-	}
-}

src/assets/css/components/ui/AppLogoMarkup.scss

@@ -0,0 +1,16 @@
+.application-logo {
+	@apply text-zuume text-center;
+	animation-play-state: bg-red-500;
+	&__title {
+		@apply text-9xl mb-2;
+	}
+	&__subtitle {
+		@apply text-6xl bg-construction w-fit mx-auto px-4 py-3 mb-10 inline-block;
+		transform: rotate(-3deg);
+	}
+	&__draft {
+		@apply bg-lhoistdark text-5xl text-white px-2 py-4 inline-block relative;
+		@apply ml-6;
+		transform: rotate(3deg) translateY(-10px);
+	}
+}

src/assets/css/components/ui/AppLogoVector.scss

@@ -1,4 +1,4 @@
-.logo {
+.app-Logo-vector {
 	@apply absolute top-0 left-0 z-10  bg-no-repeat  w-auto h-auto;
 	background-size: 100% 100%;
 	background-position: left;

src/assets/css/components/ui/BrandingLogo.scss

@@ -0,0 +1,15 @@
+.lhoist-branding-logo {
+	@apply absolute bottom-4 left-4 z-10  bg-no-repeat  w-auto h-auto;
+
+	translate: -2px -3px;
+
+	img {
+		@apply w-16 md:w-24 h-auto py-2 md:py-6 px-2 md:px-6 md:py-6 md:pb-4 xl:px-10 z-10;
+	}
+	&:after {
+		@apply absolute block top-0 left-0 w-full h-full bg-white;
+		content: "";
+		transform: skew(-2deg) rotate(-2deg);
+		z-index: -1;
+	}
+}

src/assets/img/logos/app_logo_beta.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Calque_2" data-name="Calque 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 460.03 258.38">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #000;
+      }
+
+      .cls-1, .cls-2, .cls-3, .cls-4 {
+        stroke-width: 0px;
+      }
+
+      .cls-2 {
+        fill: #05597a;
+      }
+
+      .cls-3 {
+        fill: #f1d524;
+      }
+
+      .cls-4 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g id="Calque_1-2" data-name="Calque 1">
+    <g>
+      <path id="Tracé_32975" data-name="Tracé 32975" class="cls-1" d="M27.55,122.36c-8.22,0-14.87-2.37-19.94-7.1C2.54,110.53,0,104.33,0,96.67v-12.67c0-3.27,1.63-4.9,4.9-4.9h11.32c3.38,0,5.07,1.63,5.07,4.9v12.67c-.09,1.69.52,3.34,1.69,4.56,1.23,1.17,2.87,1.78,4.56,1.69,1.71.08,3.38-.53,4.65-1.69,1.21-1.2,1.86-2.86,1.77-4.56v-13.69c0-2.48-1.15-4.85-3.46-7.1-2.55-2.44-5.35-4.59-8.37-6.42-3.27-2.03-6.56-4.25-9.89-6.67-3.45-2.56-6.33-5.81-8.45-9.55-2.35-4.11-3.55-8.78-3.46-13.52v-14.2C.34,17.86,2.82,11.69,7.77,7.02,12.73,2.34,19.32,0,27.55,0,35.77,0,42.39,2.34,47.4,7.02c5.01,4.68,7.52,10.84,7.52,18.51v10.82c0,3.27-1.63,4.9-4.9,4.9h-11.49c-3.27,0-4.9-1.63-4.9-4.9v-10.98c.08-1.61-.54-3.18-1.69-4.31-1.19-1.1-2.77-1.67-4.39-1.61-1.6-.08-3.15.5-4.31,1.61-1.1,1.16-1.68,2.71-1.6,4.31v11.83c.09,2.8,1.35,5.43,3.47,7.27,2.57,2.45,5.4,4.6,8.45,6.42,3.32,2.03,6.62,4.22,9.89,6.59,3.42,2.54,6.27,5.76,8.36,9.47,2.35,4.11,3.55,8.78,3.47,13.52v16.22c0,7.66-2.53,13.86-7.6,18.59s-11.77,7.1-20.12,7.1ZM100.39,2.03c3.27,0,4.9,1.63,4.9,4.9v9.46c0,3.38-1.63,5.07-4.9,5.07h-7.27v93.97c0,3.27-1.63,4.9-4.9,4.9h-11.49c-3.27,0-4.9-1.63-4.9-4.9V21.47h-7.27c-3.27,0-4.9-1.69-4.9-5.07V6.93c0-3.27,1.63-4.9,4.9-4.9h35.83ZM163.26,115.1c.33,3.49-1.25,5.24-4.74,5.24h-12.51c-3.15,0-4.79-1.58-4.9-4.73l-2.03-23.83h-12.85l-2.03,23.83c-.11,3.15-1.8,4.73-5.07,4.73h-11.49c-3.38,0-4.9-1.75-4.56-5.24L116.27,6.6c.34-3.04,2.03-4.56,5.07-4.56h23.66c3.04,0,4.73,1.52,5.07,4.56l13.19,108.5ZM127.77,74.2h9.8l-3.55-41.24v-9.8h-2.87v9.8l-3.38,41.24ZM212.6,2.03c1.43-.12,2.82.48,3.72,1.61.81,1.16,1.05,2.61.68,3.97l-17.91,70.81v37.01c0,3.27-1.63,4.9-4.9,4.9h-11.32c-3.38,0-5.07-1.63-5.07-4.9v-37.01L160.04,7.61c-.49-1.33-.3-2.81.51-3.97.9-1.12,2.29-1.72,3.72-1.61h12.17c3.15,0,4.9,1.58,5.24,4.73l5.91,34.65v12.68h2.87v-12.68l5.91-34.64c.34-3.15,2.08-4.73,5.24-4.73h10.99ZM273.1,122.36c-8.22,0-14.87-2.37-19.94-7.1-5.07-4.73-7.6-10.93-7.6-18.59v-12.67c0-3.27,1.63-4.9,4.9-4.9h11.32c3.38,0,5.07,1.63,5.07,4.9v12.67c-.09,1.69.52,3.34,1.69,4.56,1.23,1.17,2.87,1.78,4.56,1.69,1.71.08,3.38-.53,4.65-1.69,1.21-1.2,1.86-2.86,1.77-4.56v-13.69c0-2.48-1.15-4.85-3.46-7.1-2.55-2.44-5.35-4.59-8.37-6.42-3.27-2.03-6.56-4.25-9.89-6.67-3.45-2.56-6.33-5.81-8.45-9.55-2.35-4.11-3.55-8.78-3.46-13.52v-14.2c0-7.66,2.48-13.83,7.44-18.51,4.96-4.68,11.55-7.01,19.77-7.01s14.84,2.34,19.86,7.01,7.52,10.84,7.52,18.51v10.82c0,3.27-1.63,4.9-4.9,4.9h-11.49c-3.27,0-4.9-1.63-4.9-4.9v-10.98c.08-1.61-.54-3.18-1.69-4.31-1.19-1.1-2.77-1.67-4.39-1.61-1.6-.08-3.15.5-4.31,1.61-1.1,1.16-1.68,2.71-1.61,4.31v11.83c.09,2.8,1.35,5.43,3.46,7.27,2.57,2.45,5.4,4.6,8.45,6.42,3.32,2.03,6.62,4.22,9.89,6.59,3.42,2.54,6.27,5.76,8.37,9.47,2.35,4.11,3.55,8.78,3.46,13.52v16.22c0,7.66-2.53,13.86-7.6,18.59s-11.77,7.1-20.12,7.1h0ZM364.7,115.1c.34,3.49-1.24,5.24-4.73,5.24h-12.51c-3.15,0-4.79-1.58-4.9-4.73l-2.03-23.83h-12.85l-2.03,23.83c-.11,3.15-1.8,4.73-5.07,4.73h-11.49c-3.38,0-4.9-1.75-4.56-5.24l13.18-108.5c.34-3.04,2.03-4.56,5.07-4.56h23.66c3.04,0,4.73,1.52,5.07,4.56l13.18,108.5ZM329.21,74.2h9.8l-3.55-41.24v-9.8h-2.87v9.8l-3.38,41.24ZM406.11,2.03c3.27,0,4.9,1.63,4.9,4.9v9.46c0,3.38-1.63,5.07-4.9,5.07h-14.03v29.41h12.17c3.27,0,4.9,1.69,4.9,5.07v8.79c0,3.38-1.63,5.07-4.9,5.07h-12.17v45.63c0,3.27-1.69,4.9-5.07,4.9h-11.32c-3.27,0-4.9-1.63-4.9-4.9V6.93c0-3.27,1.63-4.9,4.9-4.9h30.42ZM453.6,21.47h-14.03v29.41h12.17c3.27,0,4.9,1.69,4.9,5.07v8.79c0,3.38-1.63,5.07-4.9,5.07h-12.17v31.1h14.03c3.27,0,4.9,1.69,4.9,5.07v9.46c0,3.27-1.63,4.9-4.9,4.9h-30.42c-3.27,0-4.9-1.63-4.9-4.9V6.93c0-3.27,1.63-4.9,4.9-4.9h30.42c3.27,0,4.9,1.63,4.9,4.9v9.46c0,3.38-1.63,5.07-4.9,5.07Z"/>
+      <path id="Tracé_74" data-name="Tracé 74" class="cls-3" d="M3.61,158.96l5.71,99.43,264.29-23.29-6.83-96.7L3.61,158.96Z"/>
+      <path id="Tracé_32976" data-name="Tracé 32976" class="cls-1" d="M35.38,225.49c-.86.19-1.7-.36-1.89-1.22-.03-.15-.04-.3-.03-.45l-2.79-39.72c-.19-.86.36-1.7,1.22-1.89.15-.03.3-.04.45-.03l4.14-.29c.87-.2,1.74.34,1.94,1.21.03.15.05.3.04.46l2.79,39.72c.17.88-.4,1.73-1.27,1.9-.15.03-.31.04-.46.02l-4.14.29ZM46.7,224.7c-.86.19-1.7-.36-1.89-1.22-.03-.15-.04-.3-.03-.45l-2.79-39.72c-.19-.86.36-1.7,1.22-1.89.15-.03.3-.04.45-.03l5.51-.39c.98-.17,1.92.49,2.09,1.47l5.48,18.64,1,5.4,1.05-.07-1.06-5.4-1.31-18.75c-.17-.88.4-1.73,1.27-1.9.15-.03.31-.04.46-.02l4.14-.29c.86-.19,1.7.36,1.89,1.22.03.15.04.3.03.45l2.79,39.72c.19.86-.36,1.7-1.22,1.89-.15.03-.3.04-.45.03l-5.5.39c-.98.14-1.9-.5-2.09-1.47l-5.41-18.65-1.06-5.4-1.05.07,1.06,5.4,1.31,18.75c.17.88-.4,1.73-1.27,1.9-.15.03-.3.04-.45.02l-4.15.29ZM81.34,178.74c.86-.19,1.7.36,1.89,1.22.03.15.04.3.03.45l.24,3.47c.2.87-.34,1.74-1.21,1.94-.15.03-.3.05-.46.04l-2.66.19,2.41,34.4c.19.86-.36,1.7-1.22,1.89-.15.03-.3.04-.45.03l-4.21.29c-.86.19-1.7-.36-1.89-1.22-.03-.15-.04-.3-.03-.45l-2.41-34.4-2.66.19c-.88.17-1.73-.4-1.9-1.27-.03-.15-.04-.31-.02-.46l-.24-3.46c-.19-.86.36-1.7,1.22-1.89.15-.03.3-.04.45-.03l13.12-.92ZM98.92,184.66l-5.14.36.76,10.77,4.46-.31c.88-.17,1.73.4,1.9,1.27.03.15.04.31.02.46l.23,3.22c.2.87-.34,1.74-1.21,1.94-.15.03-.3.05-.46.04l-4.46.31.8,11.39,5.14-.36c.88-.17,1.73.4,1.9,1.27.03.15.04.31.02.46l.24,3.46c.19.86-.36,1.7-1.22,1.89-.15.03-.3.04-.45.03l-11.14.78c-.86.19-1.7-.36-1.89-1.22-.03-.15-.04-.3-.03-.45l-2.79-39.72c-.19-.86.36-1.7,1.22-1.89.15-.03.3-.04.45-.03l11.14-.78c.86-.19,1.7.36,1.89,1.22.03.15.04.3.03.45l.24,3.47c.2.87-.34,1.74-1.21,1.94-.15.03-.3.05-.46.04ZM126.63,217.1c.34,1.3-.15,2-1.47,2.09l-4.21.3c-.95.16-1.86-.48-2.02-1.44,0-.03-.01-.07-.01-.1l-4.01-14.64-2.17.15,1.03,14.72c.17.88-.4,1.73-1.27,1.9-.15.03-.31.04-.46.02l-4.15.29c-.86.19-1.7-.36-1.89-1.22-.03-.15-.04-.3-.03-.45l-2.79-39.72c-.19-.86.36-1.7,1.22-1.89.15-.03.3-.04.45-.03l9.03-.63c2.48-.29,4.98.4,6.97,1.9,1.87,1.51,2.98,3.76,3.04,6.16l.67,9.59c.31,2.61-.69,5.2-2.69,6.91l4.74,16.08ZM111.36,183.78l.91,12.99,2.29-.16c.63-.02,1.23-.28,1.66-.74.41-.47.61-1.09.53-1.72l-.59-8.42c-.01-.63-.29-1.22-.77-1.63-.49-.39-1.12-.57-1.74-.5l-2.29.16ZM150.21,215.51c.21,1.27-.32,1.95-1.6,2.04l-4.58.32c-.87.18-1.71-.38-1.89-1.25-.02-.12-.03-.24-.03-.36l-1.35-8.67-4.7.33-.13,8.78c.13.89-.48,1.72-1.37,1.85-.12.02-.24.02-.36.01l-4.21.3c-1.24.09-1.84-.51-1.81-1.8l2.04-40.06c-.07-.92.63-1.73,1.55-1.8.06,0,.13,0,.19,0l8.66-.61c.91-.16,1.79.44,1.95,1.35.01.06.02.12.02.19l7.61,39.38ZM136.16,201.45l3.59-.25-2.36-15.01-.25-3.59-1.05.07.25,3.59-.18,15.18ZM169.33,214.23c-1.9,1.93-4.47,3.05-7.18,3.11-2.69.32-5.4-.43-7.55-2.08-1.99-1.63-3.18-4.04-3.26-6.61l-1.83-26.05c-.28-2.56.57-5.1,2.34-6.97,1.9-1.91,4.46-3.01,7.15-3.08,2.67-.31,5.36.43,7.51,2.05,2.01,1.6,3.21,4.01,3.29,6.58l.51,7.24c.17.88-.4,1.73-1.27,1.9-.15.03-.31.04-.46.02l-4.15.29c-.86.19-1.7-.36-1.89-1.22-.03-.15-.04-.3-.03-.45l-.5-7.18c-.01-.63-.29-1.22-.77-1.63-.49-.39-1.12-.57-1.74-.5-.63.02-1.22.28-1.65.74-.41.47-.61,1.09-.53,1.72l1.82,25.99c.01.63.29,1.22.77,1.63.49.39,1.12.57,1.74.5.63-.02,1.23-.28,1.66-.74.41-.47.61-1.09.53-1.72l-.55-7.8c-.19-.86.36-1.7,1.22-1.89.15-.03.3-.04.45-.03l4.15-.29c.87-.2,1.74.34,1.94,1.21.03.15.05.3.04.46l.55,7.8c.28,2.56-.56,5.11-2.31,7ZM185.91,171.4c.86-.19,1.7.36,1.89,1.22.03.15.04.3.03.45l.24,3.47c.2.87-.34,1.74-1.21,1.94-.15.03-.3.05-.46.04l-2.66.19,2.41,34.4c.19.86-.36,1.7-1.22,1.89-.15.03-.3.04-.45.03l-4.21.29c-.86.19-1.7-.36-1.89-1.22-.03-.15-.04-.3-.03-.45l-2.41-34.4-2.66.19c-.88.17-1.73-.4-1.9-1.27-.03-.15-.04-.31-.02-.46l-.24-3.46c-.19-.86.36-1.7,1.22-1.89.15-.03.3-.04.45-.03l13.12-.92ZM194.89,214.3c-.86.19-1.7-.36-1.89-1.22-.03-.15-.04-.3-.03-.45l-2.79-39.72c-.19-.86.36-1.7,1.22-1.89.15-.03.3-.04.45-.03l4.15-.29c.87-.2,1.74.34,1.94,1.21.03.15.05.3.04.46l2.79,39.72c.17.88-.4,1.73-1.27,1.9-.15.03-.31.04-.46.02l-4.15.29ZM209.68,213.26c-.91.16-1.79-.44-1.95-1.35-.01-.06-.02-.12-.02-.19l-7.24-39.41c-.21-1.27.3-1.95,1.54-2.04l4.58-.32c.87-.18,1.71.38,1.89,1.25.02.12.03.24.03.36l4.28,29.17.32,4.52,1.05-.07-.32-4.52.16-29.49c-.14-.87.45-1.7,1.32-1.84.12-.02.24-.03.36-.02l4.15-.29c1.28-.09,1.9.51,1.87,1.8l-1.67,40.03c.06.94-.66,1.75-1.6,1.81-.06,0-.13,0-.19,0l-8.54.6ZM237.52,174.94l-5.14.36.76,10.77,4.46-.31c.88-.17,1.73.4,1.9,1.27.03.15.04.31.02.46l.23,3.22c.2.87-.34,1.74-1.21,1.94-.15.03-.3.05-.46.04l-4.46.31.8,11.39,5.14-.36c.88-.17,1.73.4,1.9,1.27.03.15.04.31.02.46l.24,3.46c.19.86-.36,1.7-1.22,1.89-.15.03-.3.04-.45.03l-11.14.78c-.86.19-1.7-.36-1.89-1.22-.03-.15-.04-.3-.03-.45l-2.79-39.72c-.19-.86.36-1.7,1.22-1.89.15-.03.3-.04.45-.03l11.14-.78c.86-.19,1.7.36,1.89,1.22.03.15.04.3.03.45l.24,3.47c.2.87-.34,1.74-1.21,1.94-.15.03-.3.05-.46.04Z"/>
+      <path id="Tracé_32974" data-name="Tracé 32974" class="cls-2" d="M314.06,143.91l-8.99,94.9,147.43,14.02,7.54-92.5-145.97-16.43Z"/>
+      <path id="Tracé_32977" data-name="Tracé 32977" class="cls-4" d="M346.36,170.98c2.48.1,4.83,1.16,6.55,2.95,1.59,1.76,2.33,4.12,2.02,6.47l-2.15,24.62c-.11,2.37-1.25,4.56-3.12,6.02-2,1.47-4.5,2.1-6.96,1.77l-8.49-.74c-.85.05-1.57-.6-1.62-1.45,0-.15,0-.29.04-.43l3.35-38.37c-.05-.85.6-1.57,1.45-1.62.15,0,.29,0,.43.04l8.49.74ZM345.29,203.88l2.07-23.66c.08-.6-.09-1.21-.49-1.67-.41-.45-.98-.71-1.59-.74l-2.21-.19-2.45,28.09,2.21.19c.6.08,1.21-.08,1.7-.45.47-.39.75-.95.77-1.56ZM375.38,213.74c.13,1.3-.45,1.89-1.72,1.78l-4.06-.35c-.94,0-1.71-.75-1.71-1.69,0-.03,0-.06,0-.09l-1.62-14.59-2.09-.18-1.24,14.22c.03.86-.64,1.59-1.5,1.62-.15,0-.3,0-.44-.05l-4-.35c-.85.05-1.57-.6-1.62-1.45,0-.15,0-.29.04-.43l3.35-38.37c-.05-.85.6-1.57,1.45-1.62.15,0,.29,0,.43.04l8.72.76c2.42.1,4.7,1.13,6.37,2.87,1.55,1.72,2.28,4.04,1.97,6.34l-.81,9.26c-.09,2.54-1.45,4.86-3.61,6.19l2.09,16.08ZM365.84,179.6l-1.1,12.55,2.21.19c.6.08,1.21-.08,1.7-.45.47-.39.75-.95.77-1.56l.71-8.13c.08-.6-.09-1.21-.49-1.67-.41-.45-.98-.71-1.59-.74l-2.21-.19ZM398.15,215.78c.01,1.25-.6,1.81-1.84,1.71l-4.42-.39c-.85.04-1.57-.62-1.61-1.48,0-.12,0-.23.02-.35l.02-8.49-4.54-.4-1.45,8.36c0,.87-.72,1.57-1.59,1.56-.12,0-.24-.02-.35-.04l-4.06-.35c-1.2-.1-1.68-.77-1.45-1.99l8.01-37.96c.07-.89.86-1.56,1.75-1.48.06,0,.12.01.18.03l8.37.73c.9-.02,1.64.69,1.66,1.59,0,.06,0,.12,0,.18l1.31,38.77ZM386.86,200.23l3.47.3.02-14.69.3-3.47-1.02-.09-.3,3.47-2.47,14.48ZM416.28,177.08c.85-.05,1.57.6,1.62,1.45,0,.15,0,.29-.04.43l-.29,3.35c.06.86-.59,1.61-1.45,1.67-.15.01-.3,0-.44-.03l-4.96-.43-.91,10.4,4.3.38c.86-.03,1.59.64,1.62,1.5,0,.15,0,.3-.05.44l-.27,3.11c.06.86-.59,1.61-1.45,1.67-.15.01-.3,0-.44-.03l-4.3-.38-1.41,16.14c.03.86-.64,1.59-1.5,1.62-.15,0-.3,0-.44-.05l-4-.35c-.85.05-1.57-.6-1.62-1.45,0-.15,0-.29.04-.43l3.35-38.37c-.05-.85.6-1.57,1.45-1.62.15,0,.29,0,.43.04l10.76.94ZM434.09,178.64c.85-.05,1.57.6,1.62,1.45,0,.15,0,.29-.04.43l-.29,3.35c.06.86-.59,1.61-1.45,1.67-.15.01-.3,0-.44-.03l-2.57-.22-2.9,33.23c.05.85-.6,1.57-1.45,1.62-.15,0-.29,0-.43-.04l-4.06-.35c-.85.05-1.57-.6-1.62-1.45,0-.15,0-.29.04-.43l2.9-33.23-2.57-.22c-.86.03-1.59-.64-1.62-1.5,0-.15,0-.3.05-.44l.29-3.35c-.05-.85.6-1.57,1.45-1.62.15,0,.29,0,.43.04l12.67,1.11Z"/>
+    </g>
+  </g>
+</svg>

src/assets/img/logos/stay-safe-beta-logo-horizontal.svg

@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Calque_2" data-name="Calque 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1672.86 355.7">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #000;
+      }
+
+      .cls-1, .cls-2, .cls-3, .cls-4 {
+        stroke-width: 0px;
+      }
+
+      .cls-2 {
+        fill: #05597a;
+      }
+
+      .cls-3 {
+        fill: #f1d524;
+      }
+
+      .cls-4 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g id="Calque_1-2" data-name="Calque 1">
+    <g id="Groupe_8614" data-name="Groupe 8614">
+      <path id="Tracé_74" data-name="Tracé 74" class="cls-2" d="M1415.02,197.95l-13.37,136.59,227.94,21.15,11.2-133.13-225.77-24.61Z"/>
+      <path id="Tracé_32976" data-name="Tracé 32976" class="cls-4" d="M1462.94,237.46c3.64.15,7.08,1.7,9.61,4.33,2.33,2.58,3.42,6.05,2.97,9.5l-3.15,36.14c-.16,3.47-1.83,6.7-4.57,8.84-2.94,2.15-6.6,3.08-10.21,2.59l-12.46-1.09c-1.24.07-2.31-.89-2.37-2.13-.01-.21,0-.42.06-.63l4.91-56.31c-.07-1.24.89-2.31,2.14-2.37.21-.01.42,0,.63.05l12.46,1.09ZM1461.37,285.75l3.03-34.73c.12-.88-.14-1.77-.71-2.45-.6-.66-1.44-1.05-2.34-1.09l-3.25-.28-3.6,41.22,3.25.28c.89.12,1.78-.12,2.49-.67.68-.57,1.09-1.4,1.12-2.29ZM1505.54,300.21c.19,1.9-.65,2.77-2.53,2.61l-5.96-.52c-1.37.01-2.5-1.09-2.51-2.46,0-.05,0-.1,0-.14l-2.37-21.42-3.07-.27-1.82,20.88c-.15,1.7-1.1,2.47-2.85,2.31l-5.88-.51c-1.24.07-2.31-.89-2.37-2.13-.01-.21,0-.42.06-.63l4.91-56.31c-.07-1.24.89-2.31,2.13-2.37.21-.01.42,0,.63.06l12.81,1.12c3.54.15,6.9,1.66,9.35,4.22,2.28,2.53,3.34,5.93,2.9,9.31l-1.19,13.59c-.14,3.72-2.13,7.13-5.3,9.08l3.06,23.6ZM1491.53,250.12l-1.61,18.42,3.25.28c.89.12,1.78-.12,2.49-.67.68-.57,1.09-1.4,1.13-2.29l1.04-11.93c.12-.88-.14-1.77-.71-2.45-.6-.66-1.44-1.05-2.34-1.09l-3.25-.28ZM1538.94,303.22c.02,1.83-.88,2.66-2.69,2.5l-6.49-.57c-1.25.06-2.31-.91-2.36-2.16,0-.17,0-.34.04-.51l.03-12.46-6.67-.58-2.13,12.27c-.01,1.27-1.05,2.3-2.33,2.29-.17,0-.35-.02-.52-.06l-5.96-.52c-1.75-.15-2.46-1.13-2.13-2.93l11.76-55.71c.11-1.31,1.26-2.29,2.57-2.18.09,0,.18.02.26.04l12.28,1.07c1.32-.03,2.41,1.02,2.43,2.33,0,.09,0,.18,0,.27l1.92,56.91ZM1522.38,280.38l5.08.44.03-21.56.44-5.08-1.49-.13-.44,5.08-3.62,21.25ZM1565.55,246.42c1.24-.07,2.31.89,2.38,2.13.01.21,0,.43-.06.64l-.43,4.91c-.15,1.75-1.08,2.56-2.77,2.41l-7.28-.63-1.33,15.26,6.31.55c1.7.15,2.47,1.1,2.31,2.85l-.4,4.56c-.15,1.75-1.08,2.56-2.77,2.41l-6.31-.55-2.07,23.68c-.15,1.7-1.1,2.47-2.85,2.31l-5.88-.51c-1.24.07-2.31-.89-2.38-2.13-.01-.21,0-.43.06-.64l4.91-56.31c-.07-1.24.89-2.31,2.13-2.37.21-.01.42,0,.63.06l15.79,1.38ZM1591.69,248.7c1.24-.07,2.31.89,2.38,2.13.01.21,0,.43-.06.64l-.43,4.91c-.15,1.75-1.08,2.56-2.77,2.41l-3.77-.33-4.26,48.76c.07,1.24-.89,2.31-2.13,2.38-.21.01-.43,0-.64-.06l-5.96-.52c-1.24.07-2.31-.89-2.38-2.13-.01-.21,0-.43.06-.64l4.26-48.76-3.77-.33c-1.7-.15-2.47-1.1-2.31-2.85l.43-4.91c-.07-1.24.89-2.31,2.13-2.38.21-.01.43,0,.64.06l18.59,1.62Z"/>
+    </g>
+    <g id="Groupe_8615" data-name="Groupe 8615">
+      <path id="Tracé_32974" data-name="Tracé 32974" class="cls-1" d="M57.38,304.33c-17.13,0-30.98-4.93-41.54-14.78C5.28,279.69,0,266.78,0,250.82v-26.4c0-6.81,3.4-10.21,10.21-10.21h23.58c7.04,0,10.56,3.4,10.56,10.21v26.4c0,3.99,1.17,7.16,3.52,9.5s5.51,3.52,9.5,3.52c3.57.16,7.05-1.11,9.68-3.52,2.53-2.5,3.87-5.95,3.7-9.5v-28.51c0-5.16-2.41-10.09-7.22-14.78-5.31-5.08-11.15-9.56-17.42-13.38-6.81-4.22-13.67-8.86-20.59-13.9-7.18-5.34-13.18-12.11-17.6-19.89-4.9-8.56-7.4-18.29-7.22-28.16v-29.57c0-15.96,5.16-28.81,15.49-38.54,10.33-9.74,24.05-14.61,41.18-14.61s30.92,4.87,41.36,14.61c10.44,9.74,15.66,22.59,15.66,38.54v22.53c0,6.81-3.4,10.21-10.21,10.21h-23.94c-6.81,0-10.21-3.4-10.21-10.21v-22.88c.16-3.36-1.12-6.62-3.52-8.98-2.49-2.28-5.78-3.49-9.15-3.34-3.32-.16-6.57,1.05-8.98,3.34-2.3,2.41-3.51,5.65-3.34,8.98v24.64c0,5.4,2.41,10.45,7.22,15.14,5.35,5.1,11.25,9.59,17.6,13.38,6.92,4.22,13.79,8.8,20.59,13.73,7.12,5.28,13.06,12,17.42,19.71,4.9,8.56,7.4,18.29,7.22,28.16v33.79c0,15.96-5.28,28.86-15.84,38.72-10.56,9.86-24.52,14.78-41.89,14.78ZM209.09,53.7c6.81,0,10.21,3.4,10.21,10.21v19.71c0,7.04-3.4,10.56-10.21,10.56h-15.14v195.71c0,6.81-3.4,10.21-10.21,10.21h-23.94c-6.81,0-10.21-3.4-10.21-10.21V94.18h-15.14c-6.81,0-10.21-3.52-10.21-10.56v-19.71c0-6.81,3.4-10.21,10.21-10.21h74.62ZM340.03,289.19c.7,7.27-2.58,10.91-9.86,10.91h-26.05c-6.57,0-9.97-3.29-10.21-9.86l-4.22-49.63h-26.75l-4.22,49.63c-.24,6.57-3.76,9.86-10.56,9.86h-23.94c-7.04,0-10.21-3.64-9.5-10.91l27.45-225.99c.7-6.33,4.22-9.5,10.56-9.5h49.28c6.33,0,9.85,3.17,10.56,9.5l27.46,225.99ZM266.11,204h20.42l-7.39-85.89v-20.41h-5.98v20.42l-7.04,85.88ZM442.81,53.7c3.52,0,6.1,1.11,7.74,3.34,1.64,2.23,2.11,4.99,1.41,8.27l-37.31,147.48v77.09c0,6.81-3.4,10.21-10.21,10.21h-23.58c-7.04,0-10.56-3.4-10.56-10.21v-77.09l-36.96-147.48c-.94-3.29-.59-6.04,1.06-8.27,1.64-2.23,4.22-3.34,7.74-3.34h25.34c6.57,0,10.21,3.29,10.91,9.86l12.32,72.16v26.4h5.98v-26.4l12.32-72.16c.7-6.57,4.34-9.86,10.91-9.86h22.88ZM568.83,304.33c-17.13,0-30.98-4.93-41.54-14.78-10.56-9.86-15.84-22.76-15.84-38.72v-26.4c0-6.81,3.4-10.21,10.21-10.21h23.58c7.04,0,10.56,3.4,10.56,10.21v26.4c0,3.99,1.17,7.16,3.52,9.5s5.51,3.52,9.5,3.52c3.57.16,7.05-1.11,9.68-3.52,2.53-2.5,3.87-5.95,3.7-9.5v-28.51c0-5.16-2.41-10.09-7.22-14.78-5.31-5.08-11.15-9.56-17.43-13.38-6.81-4.22-13.67-8.86-20.59-13.9-7.18-5.34-13.18-12.11-17.6-19.89-4.9-8.56-7.39-18.29-7.21-28.16v-29.57c0-15.96,5.16-28.81,15.49-38.54,10.33-9.74,24.05-14.61,41.18-14.61s30.92,4.87,41.36,14.61c10.44,9.74,15.66,22.59,15.66,38.54v22.53c0,6.81-3.4,10.21-10.21,10.21h-23.94c-6.81,0-10.21-3.4-10.21-10.21v-22.88c.16-3.36-1.12-6.62-3.52-8.98-2.49-2.28-5.78-3.49-9.15-3.34-3.32-.16-6.57,1.05-8.98,3.34-2.3,2.41-3.51,5.65-3.34,8.98v24.64c0,5.4,2.41,10.45,7.22,15.14,5.35,5.1,11.25,9.59,17.6,13.38,6.92,4.22,13.79,8.8,20.59,13.73,7.12,5.28,13.06,12,17.42,19.71,4.9,8.56,7.4,18.29,7.22,28.16v33.79c0,15.96-5.28,28.86-15.84,38.72-10.56,9.86-24.52,14.78-41.89,14.78ZM759.62,289.19c.7,7.27-2.58,10.91-9.85,10.91h-26.05c-6.57,0-9.97-3.29-10.21-9.86l-4.22-49.63h-26.75l-4.22,49.63c-.23,6.57-3.75,9.86-10.56,9.86h-23.94c-7.04,0-10.21-3.64-9.5-10.91l27.46-225.99c.7-6.33,4.22-9.5,10.56-9.5h49.28c6.33,0,9.85,3.17,10.56,9.5l27.45,225.99ZM685.7,204h20.42l-7.39-85.89v-20.41h-5.98v20.42l-7.04,85.88ZM845.86,53.7c6.81,0,10.21,3.4,10.21,10.21v19.71c0,7.04-3.4,10.56-10.21,10.56h-29.22v61.25h25.34c6.81,0,10.21,3.52,10.21,10.56v18.3c0,7.04-3.4,10.56-10.21,10.56h-25.34v95.04c0,6.81-3.52,10.21-10.56,10.21h-23.58c-6.81,0-10.21-3.4-10.21-10.21V63.91c0-6.81,3.4-10.21,10.21-10.21h63.36ZM944.76,94.18h-29.21v61.25h25.34c6.81,0,10.21,3.52,10.21,10.56v18.3c0,7.04-3.4,10.56-10.21,10.56h-25.34v64.77h29.21c6.81,0,10.21,3.52,10.21,10.56v19.71c0,6.81-3.4,10.21-10.21,10.21h-63.36c-6.81,0-10.21-3.4-10.21-10.21V63.91c0-6.81,3.4-10.21,10.21-10.21h63.36c6.81,0,10.21,3.4,10.21,10.21v19.71c0,7.04-3.4,10.56-10.21,10.56Z"/>
+      <g id="Groupe_385" data-name="Groupe 385">
+        <path id="Tracé_74-2" data-name="Tracé 74-2" class="cls-3" d="M1080.82,40.53l11.74,229.58,580.31-46.84L1658.73,0l-577.91,40.53Z"/>
+        <path id="Tracé_32975" data-name="Tracé 32975" class="cls-1" d="M1174.13,190.56c-2.39.17-3.67-.95-3.84-3.34l-5.57-79.44c-.17-2.4.95-3.68,3.34-3.84l8.28-.58c2.48-.17,3.8.94,3.96,3.33l5.57,79.44c.17,2.4-.99,3.68-3.46,3.85l-8.29.58ZM1196.78,188.97c-2.4.17-3.68-.95-3.84-3.34l-5.57-79.44c-.17-2.4.95-3.68,3.34-3.84l11.01-.77c1.97-.34,3.84.97,4.19,2.94l10.95,37.29,2,10.8,2.1-.15-2.13-10.79-2.63-37.49c-.17-2.4.99-3.68,3.46-3.85l8.29-.58c2.4-.17,3.68.95,3.84,3.34l5.57,79.44c.17,2.4-.95,3.68-3.34,3.84l-11.01.77c-1.96.29-3.79-1-4.19-2.94l-10.82-37.3-2.13-10.79-2.1.15,2.13,10.79,2.63,37.49c.17,2.4-.99,3.68-3.46,3.85l-8.29.58ZM1266.07,97.06c2.4-.17,3.68.95,3.84,3.34l.49,6.93c.17,2.48-.94,3.8-3.33,3.96l-5.32.37,4.83,68.8c.17,2.4-.95,3.68-3.34,3.84l-8.41.59c-2.4.17-3.68-.95-3.84-3.34l-4.83-68.8-5.32.37c-2.4.17-3.68-.99-3.85-3.46l-.49-6.93c-.17-2.4.95-3.68,3.34-3.84l26.24-1.84ZM1301.22,108.89l-10.27.72,1.51,21.53,8.91-.62c2.4-.17,3.68.99,3.85,3.46l.45,6.43c.17,2.48-.94,3.8-3.33,3.96l-8.91.62,1.6,22.77,10.27-.72c2.4-.17,3.68.99,3.85,3.46l.49,6.93c.17,2.4-.95,3.68-3.34,3.84l-22.28,1.56c-2.4.17-3.68-.95-3.84-3.34l-5.57-79.44c-.17-2.4.95-3.68,3.34-3.84l22.28-1.56c2.4-.17,3.68.95,3.84,3.34l.49,6.93c.17,2.47-.94,3.79-3.33,3.96ZM1356.64,173.78c.68,2.61-.3,4-2.94,4.19l-8.42.59c-1.91.33-3.72-.96-4.04-2.86-.01-.07-.02-.14-.03-.21l-8.02-29.28-4.33.3,2.07,29.45c.17,2.4-.99,3.68-3.46,3.85l-8.29.58c-2.4.17-3.68-.95-3.84-3.34l-5.57-79.44c-.17-2.4.95-3.68,3.34-3.84l18.06-1.27c5.61-.39,10.26.88,13.95,3.81,3.69,2.93,5.72,7.04,6.09,12.32l1.35,19.18c.41,5.78-1.39,10.38-5.37,13.81l9.47,32.17ZM1326.1,107.15l1.82,25.99,4.58-.32c1.26-.03,2.45-.56,3.32-1.48.83-.94,1.21-2.19,1.06-3.43l-1.18-16.83c-.03-1.25-.58-2.43-1.53-3.25-.98-.78-2.24-1.14-3.49-1l-4.58.32ZM1403.8,170.6c.43,2.54-.64,3.9-3.2,4.08l-9.16.64c-2.31.16-3.59-.91-3.84-3.21l-2.71-17.34-9.41.66-.26,17.55c.08,2.32-1.08,3.56-3.47,3.73l-8.42.59c-2.48.17-3.68-1.03-3.61-3.6l4.08-80.13c-.14-1.85,1.25-3.46,3.1-3.6.13,0,.25-.01.38,0l17.33-1.22c1.82-.33,3.57.88,3.9,2.71.02.12.04.25.05.37l15.23,78.78ZM1375.71,142.47l7.18-.5-4.71-30.01-.5-7.18-2.1.15.5,7.18-.36,30.37ZM1442.04,168.04c-3.47,3.73-8.26,5.8-14.36,6.23-6.11.43-11.14-.96-15.09-4.16-3.96-3.2-6.13-7.61-6.52-13.22l-3.65-52.1c-.39-5.61,1.17-10.26,4.68-13.95,3.51-3.69,8.28-5.74,14.3-6.16s11.03.95,15.02,4.11c3.99,3.16,6.19,7.55,6.58,13.16l1.02,14.48c.17,2.4-.99,3.68-3.46,3.85l-8.29.58c-2.4.17-3.68-.95-3.84-3.34l-1.01-14.36c-.03-1.25-.58-2.43-1.53-3.25-.98-.78-2.24-1.14-3.49-1-1.26.03-2.45.56-3.32,1.48-.83.94-1.21,2.19-1.06,3.43l3.65,51.98c.03,1.25.58,2.43,1.53,3.25.98.78,2.24,1.14,3.49,1,1.26-.03,2.45-.56,3.32-1.48.83-.94,1.21-2.19,1.06-3.43l-1.09-15.59c-.17-2.4.95-3.68,3.34-3.84l8.29-.58c2.48-.17,3.8.94,3.96,3.33l1.09,15.59c.39,5.61-1.14,10.28-4.61,14ZM1475.21,82.39c2.4-.17,3.68.95,3.84,3.34l.49,6.93c.17,2.48-.94,3.8-3.33,3.96l-5.32.37,4.83,68.8c.17,2.4-.95,3.68-3.34,3.84l-8.41.59c-2.4.17-3.68-.95-3.84-3.34l-4.83-68.8-5.32.37c-2.4.17-3.68-.99-3.85-3.46l-.49-6.93c-.17-2.4.95-3.68,3.34-3.84l26.24-1.84ZM1493.17,168.18c-2.4.17-3.68-.95-3.84-3.34l-5.57-79.44c-.17-2.4.95-3.68,3.34-3.84l8.29-.58c2.48-.17,3.8.94,3.96,3.33l5.57,79.44c.17,2.4-.99,3.68-3.46,3.85l-8.29.58ZM1522.74,166.11c-1.82.33-3.57-.88-3.9-2.71-.02-.12-.04-.25-.05-.37l-14.48-78.82c-.43-2.54.6-3.9,3.07-4.07l9.16-.64c2.31-.16,3.59.91,3.84,3.21l8.57,58.35.63,9.03,2.1-.15-.63-9.03.34-58.97c-.08-2.32,1.04-3.55,3.35-3.72l8.29-.58c2.56-.18,3.8,1.02,3.73,3.59l-3.35,80.07c-.09,2.24-1.29,3.45-3.6,3.61l-17.08,1.2ZM1578.43,89.45l-10.27.72,1.51,21.53,8.91-.62c2.4-.17,3.68.99,3.85,3.46l.45,6.43c.17,2.48-.94,3.8-3.33,3.96l-8.91.62,1.6,22.77,10.27-.72c2.4-.17,3.68.99,3.85,3.46l.49,6.93c.17,2.4-.95,3.68-3.34,3.84l-22.28,1.56c-2.4.17-3.68-.95-3.84-3.34l-5.57-79.44c-.17-2.4.95-3.68,3.34-3.84l22.28-1.56c2.4-.17,3.68.95,3.84,3.34l.49,6.93c.17,2.47-.94,3.79-3.33,3.96Z"/>
+      </g>
+    </g>
+  </g>
+</svg>

src/components/ui/AppLogoMarkup.jsx

@@ -5,6 +5,7 @@ export default function AppLogo() {
 		<div className='application-logo'>
 			<h1 className='application-logo__title'>stay safe</h1>
 			<h2 className='application-logo__subtitle'>interactive</h2>
+			<h3 className='application-logo__draft'>draft</h3>
 		</div>
 	);
 }

src/components/ui/AppLogoVector.jsx

@@ -0,0 +1,12 @@
+import React from "react";
+// import appLogo from "../../assets/img/logos/app_logo.svg";
+import appLogo from "../../assets/img/logos/app_logo_beta.svg";
+import { Link } from "react-router-dom";
+
+export default function Logo() {
+	return (
+		<Link to='/' className='app-Logo-vector'>
+			<img src={appLogo} alt='' />
+		</Link>
+	);
+}

src/components/ui/Footer.jsx

@@ -1,6 +1,7 @@
 import React from "react";
 import coverWorker from "../../assets/img/illustrations/cover_worker.svg";
-import staySafeLogoHorizontal from "../../assets/img/logos/stay-safe-logo-horizontal.svg";
+// import staySafeLogoHorizontal from "../../assets/img/logos/stay-safe-logo-horizontal.svg";
+import staySafeLogoHorizontal from "../../assets/img/logos/stay-safe-beta-logo-horizontal.svg";
 import logoLhoist from "../../assets/img/logos/logo-lhoist.svg";
 
 import { Link } from "react-router-dom";

src/components/ui/LhoistBrandingLogo.jsx

@@ -0,0 +1,10 @@
+import React from "react";
+import LogoLhoist from "../../assets/img/logos/logo-lhoist.svg";
+
+export default function AppLogo() {
+	return (
+		<div className='lhoist-branding-logo'>
+			<img src={LogoLhoist} alt='' />
+		</div>
+	);
+}

src/components/ui/Logo.jsx

@@ -1,11 +0,0 @@
-import React from "react";
-import appLogo from "../../assets/img/logos/app_logo.svg";
-import { Link } from "react-router-dom";
-
-export default function Logo() {
-	return (
-		<Link to='/' className='logo'>
-			<img src={appLogo} alt='' />
-		</Link>
-	);
-}

src/components/ui/Nav.jsx

@@ -5,7 +5,7 @@ import LanguageSelect from "./LanguageSelect";
 import menuToggleIcon from "../../assets/img/icons/icon-bars-menu-toggle.svg";
 import { useEffect, useState } from "react";
 import { motion } from "framer-motion";
-import Logo from "./Logo.jsx";
+import Logo from "./AppLogoVector.jsx";
 
 export default function Nav() {
 	let location = useLocation();
@@ -43,7 +43,7 @@ export default function Nav() {
 
 	return (
 		<nav className='main-menu'>
-			<Logo />
+			{location && location.pathname != "/Home" ? <Logo /> : null}
 			<LanguageSelect />
 			<button
 				title={uiTranslations.openMenu}

src/pages/Game.jsx

@@ -4,7 +4,7 @@ import { GameContextProvider } from "../context/GameContext.js";
 import GameContainer from "../components/game/GameContainer.jsx";
 
 import Tutorials from "../components/tutorials/Tutorials.jsx";
-import Logo from "../components/ui/Logo.jsx";
+import AppLogo from "../components/ui/AppLogoVector.jsx";
 import GameModal from "../components/game/GameModal.jsx";
 import AnimatedPage from "../components/AnimatedPage.jsx";
 
@@ -16,7 +16,7 @@ export default function Game() {
 			<AnimatedPage className='page-container page-container--play'>
 				<GameContextProvider>
 					<div className='screen'>
-						<Logo />
+						<AppLogo />
 						<GameModal />
 						<Tutorials />
 						<GameContainer gameId={gameId} />

src/pages/Home.jsx

@@ -3,9 +3,10 @@ import { Link } from "react-router-dom";
 
 import Nav from "../components/ui/Nav";
 import coverWorker from "../assets/img/illustrations/cover_worker.svg";
-import screenWorker1 from "../assets/img/illustrations/screen_worker_1.svg";
+import screenWorker1 from "../assets/img/illustrations/lhoist-accueil-personnage-femme.svg";
-import screenWorker2 from "../assets/img/illustrations/screen_worker_2.svg";
+import screenWorker2 from "../assets/img/illustrations/lhoist-accueil-personnage-homme.svg";
 import AnimatedPage from "../components/AnimatedPage";
+import BrandingLogo from "../components/ui/LhoistBrandingLogo.jsx";
 
 import Clouds from "../components/animations/Clouds";
 
@@ -22,10 +23,12 @@ export default function Home() {
 			<AnimatedPage className='page-container page-container--home'>
 				<div className='screen screen--home'>
 					<Nav />
+					<BrandingLogo />
 					<section className='screen__content'>
 						<img className='cover_worker' src={coverWorker} alt='' />
 						<h1 className='application_title'>stay safe</h1>
 						<h2 className='application_subtitle'>interactive</h2>
+						<h3 className='application_draft'>draft</h3>
 						<p className='application_description'>
 							{currentScreenTranslations.app_description}
 						</p>

src/pages/Welcome.jsx

@@ -1,5 +1,5 @@
 import { Link } from "react-router-dom";
-import AppLogo from "../components/ui/AppLogo";
+import AppLogoMarkup from "../components/ui/AppLogoMarkup";
 import AnimatedPage from "../components/AnimatedPage";
 import { useUser } from "../hooks/useUser";
 import LanguageSelect from "../components/ui/LanguageSelect";
@@ -16,7 +16,8 @@ export default function Welcome() {
 
 	return (
 		<AnimatedPage className='page-container page-container--welcome'>
-			<AppLogo />
+			<AppLogoMarkup />
+
 			<Lottie className='truck-animation' animationData={truckAnimation} loop autoplay />
 			<div className='interaction-buttons'>
 				<LanguageSelect />