diff --git a/src/app/page.tsx b/src/app/page.tsx
index 7674dd8..76e801d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -9,7 +9,7 @@ import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwen
 import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import SplitAbout from '@/components/sections/about/SplitAbout';
 import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
 import { BarChart2, Globe, Rocket, ShieldCheck, Users } from "lucide-react";
@@ -30,7 +30,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+      <NavbarStyleCentered
       navItems={[
         { name: "About", id: "about" },
         { name: "Features", id: "features" },
@@ -38,7 +38,7 @@ export default function LandingPage() {
         { name: "Contact", id: "contact" },
       ]}
       brandName="BusinessPro"
-      button={{ text: "Get Started", href: "#contact" }}
+      button={{ text: "Publish Website", href: "#contact" }}
     />
   </div>