diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3b85fa4..be251fb 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,7 +7,7 @@ import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwen
 import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import ProductCardOne from '@/components/sections/product/ProductCardOne';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import TextAbout from '@/components/sections/about/TextAbout';
@@ -29,7 +29,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
         <div id="nav" data-section="nav">
-          <NavbarStyleCentered
+          <NavbarLayoutFloatingInline
             navItems={[
               { name: "Accueil", id: "#hero" },
               { name: "Nos Formations", id: "#formations" },
@@ -38,6 +38,7 @@ export default function LandingPage() {
               { name: "Contact", id: "#contact" }
             ]}
             brandName="Dkik Rachid"
+            button={{ text: "Contact", href: "#contact" }}
           />
         </div>