src/app/about/page.tsx

@@ -32,14 +32,11 @@ export default function AboutPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
-          brandName="Ascent Wealth"
-          navItems={navItems.map(item => ({
-            name: item.name,
-            id: item.id
-          }))}
+          navItems={navItems}
           button={{
             text: "Schedule Consultation",            href: "/contact"
           }}
+          brandName="Ascent Wealth"
         />
       </div>
 

src/app/contact/page.tsx

@@ -30,14 +30,11 @@ export default function ContactPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
-          brandName="Ascent Wealth"
-          navItems={navItems.map(item => ({
-            name: item.name,
-            id: item.id
-          }))}
+          navItems={navItems}
           button={{
             text: "Schedule Consultation",            href: "/contact"
           }}
+          brandName="Ascent Wealth"
         />
       </div>
 

src/app/page.tsx

@@ -37,10 +37,7 @@ export default function HomePage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
-          navItems={navItems.map(item => ({
-            name: item.name,
-            id: item.id
-          }))}
+          navItems={navItems}
           button={{ text: "Schedule Consultation", href: "/contact" }}
           brandName="Ascent Wealth"
         />

src/app/services/page.tsx

@@ -31,10 +31,7 @@ export default function ServicesPage() {
     >
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
-          navItems={navItems.map(item => ({
-            name: item.name,
-            id: item.id
-          }))}
+          navItems={navItems}
           button={{ text: "Schedule Consultation", href: "/contact" }}
           brandName="Ascent Wealth"
         />