dernières modifs

index.php

@@ -68,10 +68,35 @@
     <?php wp_body_open(); ?>
     <?php do_action('get_header'); ?>
 
-    <div id="app" class="banner bg-jlg-dark-blue text-jlg-white font-authentic flex w-full flex-col justify-center items-center">
+    <div id="app" class="banner bg-jlg-dark-blue text-jlg-white font-authentic flex w-full flex-col justify-center items-center" style="opacity: 0; transition: opacity 0.2s ease-out;">
       <?php echo view(app('sage.view'), app('sage.data'))->render(); ?>
     </div>
 
+    <div id="loading" style="
+        width: 100vw;
+        height: 100vh;
+        background-color: #010d19;
+        z-index: 9999;
+        position: fixed;
+        top: 0;
+        left: 0;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        font-family: sans-serif;
+        color: white;
+        opacity: 1;
+        transition: opacity 0.2s ease-out;
+    ">
+      <p>
+        Chargement
+        <span class="dot-one">.</span>
+        <span class="dot-two">.</span>
+        <span class="dot-three">.</span>
+      </p>
+    </div>
+
+
     <script>
       document.addEventListener('DOMContentLoaded', function () {
       }, false);