diff --git a/src/app/page.tsx b/src/app/page.tsx
index 80073aa..ae0181b 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,6 +10,7 @@ import TestimonialCardSixteen from '@/components/sections/testimonial/Testimonia
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { Award, ChefHat, Facebook, Heart, Instagram, Mail, Sparkles, Twitter } from "lucide-react";
+import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
 
 export default function LandingPage() {
   return (
@@ -26,7 +27,7 @@ export default function LandingPage() {
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingInline
+        <NavbarStyleCentered
           brandName="Artisan Bakery"
           navItems={[
             { name: "About", id: "about" },
@@ -35,7 +36,8 @@ export default function LandingPage() {
             { name: "Contact", id: "contact" }
           ]}
           button={{
-            text: "Order Now",            href: "https://example.com/order"
+            text: "Order Now",
+            href: "https://example.com/order"
           }}
         />
       </div>