diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9bdd928..3921cd6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,7 @@
 "use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
+import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import HeroSplitAvatars from '@/components/sections/hero/HeroSplitAvatars';
 import TagAbout from '@/components/sections/about/TagAbout';
 import FeatureCardFifteen from '@/components/sections/feature/FeatureCardFifteen';
@@ -35,11 +35,18 @@ export default function LandingPage() {
       headingFontWeight="extrabold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleMinimal
-          brandName="Edgetabs"
+        <NavbarStyleCentered
+          navItems={[
+            { name: "Hero", id: "hero" },
+            { name: "About", id: "about" },
+            { name: "Features", id: "features" },
+            { name: "Products", id: "products" },
+            { name: "Pricing", id: "pricing" }
+          ]}
           button={{
             text: "Shop Now",            href: "products",            onClick: () => scrollToSection('products')
           }}
+          brandName="Edgetabs"
         />
       </div>