Update src/app/page.tsx

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';
@@ -28,17 +28,24 @@ 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"
           }}
+          brandName="Edgetabs"
         />
       </div>
 
       <div id="hero" data-section="hero">
         <HeroSplitAvatars
-          title="Edgetabs: Clean Energy Without the Jitters"
+          title="Clean Energy Without the Jitters"
           description="50mg Caffeine + 30mg L-Theanine for a Smooth, Focused Boost. Feel the difference with our premium caffeine strips designed for sustained energy and mental clarity."
           tag="Premium Supplement"
           tagIcon={Zap}