diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index a484c95..c916559 100644
--- a/src/app/about/page.tsx
+++ b/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>
 
diff --git a/src/app/contact/page.tsx b/src/app/contact/page.tsx
index 98db36e..5eae63a 100644
--- a/src/app/contact/page.tsx
+++ b/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>
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index f908a58..28a8f00 100644
--- a/src/app/page.tsx
+++ b/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"
         />
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 7a33cd5..b5a3d16 100644
--- a/src/app/services/page.tsx
+++ b/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"
         />