diff --git a/src/app/page.tsx b/src/app/page.tsx
index 766af41..bf35080 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,7 +8,7 @@ import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
 import HeroBillboard from '@/components/sections/hero/HeroBillboard';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import { Award, ShieldCheck, Users, Search, ShoppingCart } from "lucide-react";
@@ -36,25 +36,15 @@ export default function LandingPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <div className="w-full flex items-center justify-between p-4 bg-white/80 backdrop-blur-md sticky top-0 z-50 border-b">
-              <div className="flex items-center gap-4 border rounded-full px-4 py-2 bg-gray-50">
-                  <Search className="w-5 h-5 text-gray-500" />
-                  <input type="text" placeholder="Rechercher des produits..." className="bg-transparent outline-none" />
-              </div>
-              <NavbarStyleApple
-                navItems={[
-                  { name: "Accueil", id: "#hero" },
-                  { name: "Produits", id: "#products" },
-                  { name: "À Propos", id: "#about" },
-                  { name: "Contact", id: "#contact" },
-                ]}
-                brandName="SAE Réunion"
-              />
-              <button className="flex items-center gap-2 px-6 py-2 bg-primary text-white rounded-full font-semibold">
-                  <ShoppingCart className="w-5 h-5" />
-                  Mon Panier
-              </button>
-          </div>
+          <NavbarStyleFullscreen
+            navItems={[
+              { name: "Accueil", id: "#hero" },
+              { name: "Produits", id: "#products" },
+              { name: "À Propos", id: "#about" },
+              { name: "Contact", id: "#contact" },
+            ]}
+            brandName="SAE Réunion"
+          />
         </div>
 
         <div id="hero" data-section="hero">