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/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 d694532..e1875fd 100644
--- a/context/LoaderContext.tsx
+++ b/context/LoaderContext.tsx
@@ -20,15 +20,19 @@ 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);
-    }, 1500);
+      setHasLoaded(true);
+    }, 2000);
     return () => clearTimeout(timeout);
   };