From 118c238898e6cfc95b6542c7fe6ae09e1266d91c Mon Sep 17 00:00:00 2001
From: Boutzi <joe@arkaans.com>
Date: Wed, 23 Oct 2024 23:44:31 +0200
Subject: [PATCH 1/2] fix

---
 app/[locale]/layout.tsx   |  6 ++++--
 components/Hero.tsx       | 10 +++++-----
 context/LoaderContext.tsx |  2 +-
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
index b894b04..9e7fdc9 100644
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -79,8 +79,10 @@ export default async function RootLayout({
                   {/* <LoaderProvider> */}
                   <GlobalStatus />
                   <Header />
-                  <LoaderProvider>{children}</LoaderProvider>
-                  <Footer />
+                  <LoaderProvider>
+                    {children}
+                    <Footer />
+                  </LoaderProvider>
                   {/* </LoaderProvider> */}
                 </ColorProvider>
               </ThemeProvider>
diff --git a/components/Hero.tsx b/components/Hero.tsx
index 49e5bec..5a347c4 100644
--- a/components/Hero.tsx
+++ b/components/Hero.tsx
@@ -53,14 +53,14 @@ function Hero() {
           </div> */}
             <Section className="z-10 flex max-lg:flex-col items-center justify-between gap-6 min-h-[calc(100vh-400px)] max-lg:pt-8 max-lg:pb-8 max-md:pt-4 max-md:mx-auto">
               <div className="flex-[3] flex flex-col gap-2">
-                <h1 className="drop-shadow-lg font-caption text-6xl font-bold text-primary max-md:text-4xl max-sm:text-3xl max-xl:text-6xl max-lg:text-5xl">
+                <h1 className="drop-shadow-lg font-caption text-7xl font-bold text-primary max-md:text-4xl max-sm:text-3xl max-xl:text-6xl max-lg:text-5xl">
                   {hero?.titleIntro}
                   <br />
-                  <span className="text-7xl max-md:text-4xl">
-                    {hero?.titleMain}
-                  </span>
+                  <span className="">{hero?.titleMain}</span>
                   <br />
-                  <span className="text-white">{hero?.titleOutro}</span>
+                  <span className="text-white text-6xl max-md:text-4xl">
+                    {hero?.titleOutro}
+                  </span>
                 </h1>
                 <h2 className="font-caption font-extralight text-xl max-sm:text-xl text-white">
                   {hero?.subFirst}
diff --git a/context/LoaderContext.tsx b/context/LoaderContext.tsx
index d694532..96c0552 100644
--- a/context/LoaderContext.tsx
+++ b/context/LoaderContext.tsx
@@ -28,7 +28,7 @@ export const LoaderProvider = ({ children }: { children: ReactNode }) => {
   const hideLoader = () => {
     const timeout = setTimeout(() => {
       setIsLoading(false);
-    }, 1500);
+    }, 2000);
     return () => clearTimeout(timeout);
   };
 

From 3ec43281acda0ff5984392a337ae2dcb61449c1b Mon Sep 17 00:00:00 2001
From: Boutzi <joe@arkaans.com>
Date: Wed, 23 Oct 2024 23:50:58 +0200
Subject: [PATCH 2/2] fix hasLoaded

---
 components/ProgressBar.tsx | 4 ++--
 context/LoaderContext.tsx  | 6 +++++-
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/components/ProgressBar.tsx b/components/ProgressBar.tsx
index 69aedbe..e521b27 100644
--- a/components/ProgressBar.tsx
+++ b/components/ProgressBar.tsx
@@ -29,7 +29,7 @@ export function ProgressBar({ onComplete }: ProgressBarProps) {
         } else {
           setTimeout(() => {
             setVisible(false);
-            onComplete(); // Appeler la fonction de complétion ici
+            onComplete();
           }, 200);
         }
       };
@@ -42,7 +42,7 @@ export function ProgressBar({ onComplete }: ProgressBarProps) {
     return () => {
       cancelAnimationFrame(animationFrameId);
     };
-  }, [onComplete]); // Ajoutez onComplete comme dépendance
+  }, [onComplete]);
 
   return (
     visible && (
diff --git a/context/LoaderContext.tsx b/context/LoaderContext.tsx
index 96c0552..e1875fd 100644
--- a/context/LoaderContext.tsx
+++ b/context/LoaderContext.tsx
@@ -20,14 +20,18 @@ export const useLoader = (): LoaderContextType => {
 
 export const LoaderProvider = ({ children }: { children: ReactNode }) => {
   const [isLoading, setIsLoading] = useState<boolean>(false);
+  const [hasLoaded, setHasLoaded] = useState<boolean>(false);
 
   const showLoader = () => {
-    setIsLoading(true);
+    if (!hasLoaded) {
+      setIsLoading(true);
+    }
   };
 
   const hideLoader = () => {
     const timeout = setTimeout(() => {
       setIsLoading(false);
+      setHasLoaded(true);
     }, 2000);
     return () => clearTimeout(timeout);
   };