Fix/design

themes/next/assets/css/fonts.css

@@ -14,6 +14,14 @@
     url('../fonts/open-sans-v18-latin-italic.woff2') format('woff2'),
     url('../fonts/open-sans-v18-latin-italic.woff') format('woff');
 }
+@font-face {
+    font-family: 'Open Sans';
+    font-style: normal;
+    font-weight: 600;
+    src: local(''),
+    url('../fonts/open-sans-v18-latin-600.woff2') format('woff2'),
+    url('../fonts/open-sans-v18-latin-600.woff') format('woff');
+}
 @font-face {
     font-family: 'Open Sans';
     font-style: normal;

themes/next/assets/css/tailwind.config.js

@@ -24,6 +24,7 @@ module.exports = {
           600: '#3e3e3e',
           100: '#f5f5f5'
         },
+        spiriit: '#3960ff',
       },
       minWidth: {
         '350': '350px'

themes/next/layouts/index.html

@@ -1,8 +1,8 @@
 {{ partial "header.html" . }}
 
 <!-- Hero -->
-<section class="relative flex items-center justify-center overflow-hidden bg-gray-400 h-600 sm:h-screen md:min-h-920 md:max-h-1080">
-    <img alt="" src="{{ .Site.BaseURL }}images/home-top.jpg" width=""  class="absolute max-w-none h-600 sm:h-full xl:h-auto xl:max-w-full xl:top-0" draggable="false"  />
+<section class="relative flex items-center justify-center overflow-hidden bg-gray-400 h-600 sm:min-h-920 sm:h-screen md:max-h-1080">
+    <img alt="" src="{{ .Site.BaseURL }}images/home-top.jpg" width=""  class="absolute max-w-none h-600 sm:h-full xl:h-auto xl:max-w-full xl:top-0 xl:w-full xl:bg-cover" draggable="false"  />
 
     <div class="absolute flex flex-col items-center w-full h-full bg-transparent-black justify-center">
         <div class="container px-4 md:px-0">

themes/next/layouts/partials/header.html

@@ -14,6 +14,7 @@
     <link rel="preload" href="/fonts/gilroy-latin-700.woff2" as="font" type="font/woff2" crossorigin>
     <link rel="preload" href="/fonts/open-sans-v18-latin-regular.woff2" as="font" type="font/woff2" crossorigin>
     <link rel="preload" href="/fonts/open-sans-v18-latin-700.woff2" as="font" type="font/woff2" crossorigin>
+    <link rel="preload" href="/fonts/open-sans-v18-latin-600.woff2" as="font" type="font/woff2" crossorigin>
 
     {{- $styles := resources.Get "css/styles.css" | postCSS (dict "config" "./assets/css/postcss.config.js") -}}
     {{- if .Site.IsServer }}
@@ -51,17 +52,22 @@
         :class="{ 'absolute' : !mobileMenuOpen , 'fixed' : mobileMenuOpen}"
         x-on:keydown.escape="mobileMenuOpen = false"
     >
-        <div class="bg-primary visible" :class="{'hidden': hasScrolled, 'visible': !hasScrolled}">
-            <div class="container py-2">
-                <div class="text-center flex items-center justify-center text-white text-xl">
-                    <span>Depuis Juillet 2023, Lumao fait partie du groupe Spiriit, agence e-commerce et digitale de 65 personnes ! <a href="https://www.spiriit.com/agence-performance-plateformes-ecommerce/">En savoir plus sur Spiriit</a> </span>
+        <div class="bg-spiriit">
+            <div class="container px-4 py-2.5 mx-auto">
+                <div class="text-center flex items-center justify-center text-white font-semibold text-sm lg:text-base leading-tight">
+                    <span>
+                        Depuis Juillet 2023, Lumao fait partie du groupe Spiriit, agence e-commerce et digitale de 65 personnes !
+                        <a class="underline" href="https://www.spiriit.com/agence-performance-plateformes-ecommerce/">
+                            En savoir plus sur Spiriit
+                        </a>
+                    </span>
                 </div>
             </div>
         </div>
         <div class="container mx-auto py-4 md:py-8 px-4 flex flex-wrap items-center">
             <div class="flex w-3/5 md:w-1/5">
-                <a class="block z-10" href="{{ .Site.BaseURL }}">
-                    <img src="{{ .Site.BaseURL }}images/logo-light.svg" class="w-24 lg:w-36 block" alt="Lumao - Développement Magento" />
+                <a class="block" href="{{ .Site.BaseURL }}">
+                    <img src="{{ .Site.BaseURL }}images/logo-light.svg" class="w-24 lg:w-36 block" alt="Lumao - Développement Magento" width="144" height="54" />
                 </a>
             </div>