diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 78f4e60..c1ef0fc 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -25,16 +25,16 @@ export default function AboutPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Echo"
           navItems={[
-            { name: "Home", href: "/" },
-            { name: "About", href: "/about" },
-            { name: "Our Services", href: "/#ai-services-overview" },
-            { name: "Case Studies", href: "/case-studies" },
-            { name: "Pricing", href: "/pricing" },
-            { name: "Testimonials", href: "/#testimonials" },
-            { name: "Why Us", href: "/#why-choose-us" },
-            { name: "Team", href: "/#team" },
-            { name: "FAQ", href: "/#faq" },
-            { name: "Contact", href: "/#contact" }
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Our Services", id: "/#ai-services-overview" },
+            { name: "Case Studies", id: "/case-studies" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Testimonials", id: "/#testimonials" },
+            { name: "Why Us", id: "/#why-choose-us" },
+            { name: "Team", id: "/#team" },
+            { name: "FAQ", id: "/#faq" },
+            { name: "Contact", id: "/#contact" }
           ]}
           button={{ text: "Get Started", href: "/#contact" }}
         />
diff --git a/src/app/case-studies/page.tsx b/src/app/case-studies/page.tsx
index d917971..f1aa3eb 100644
--- a/src/app/case-studies/page.tsx
+++ b/src/app/case-studies/page.tsx
@@ -25,16 +25,16 @@ export default function CaseStudiesListingPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Echo"
           navItems={[
-            { name: "Home", href: "/" },
-            { name: "About", href: "/about" },
-            { name: "Our Services", href: "/#ai-services-overview" },
-            { name: "Case Studies", href: "/case-studies" },
-            { name: "Pricing", href: "/pricing" },
-            { name: "Testimonials", href: "/#testimonials" },
-            { name: "Why Us", href: "/#why-choose-us" },
-            { name: "Team", href: "/#team" },
-            { name: "FAQ", href: "/#faq" },
-            { name: "Contact", href: "/#contact" }
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Our Services", id: "/#ai-services-overview" },
+            { name: "Case Studies", id: "/case-studies" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Testimonials", id: "/#testimonials" },
+            { name: "Why Us", id: "/#why-choose-us" },
+            { name: "Team", id: "/#team" },
+            { name: "FAQ", id: "/#faq" },
+            { name: "Contact", id: "/#contact" }
           ]}
           button={{ text: "Get Started", href: "/#contact" }}
         />
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index b7cb428..f9f3aff 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -25,16 +25,16 @@ export default function PricingPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Echo"
           navItems={[
-            { name: "Home", href: "/" },
-            { name: "About", href: "/about" },
-            { name: "Our Services", href: "/#ai-services-overview" },
-            { name: "Case Studies", href: "/case-studies" },
-            { name: "Pricing", href: "/pricing" },
-            { name: "Testimonials", href: "/#testimonials" },
-            { name: "Why Us", href: "/#why-choose-us" },
-            { name: "Team", href: "/#team" },
-            { name: "FAQ", href: "/#faq" },
-            { name: "Contact", href: "/#contact" }
+            { name: "Home", id: "/" },
+            { name: "About", id: "/about" },
+            { name: "Our Services", id: "/#ai-services-overview" },
+            { name: "Case Studies", id: "/case-studies" },
+            { name: "Pricing", id: "/pricing" },
+            { name: "Testimonials", id: "/#testimonials" },
+            { name: "Why Us", id: "/#why-choose-us" },
+            { name: "Team", id: "/#team" },
+            { name: "FAQ", id: "/#faq" },
+            { name: "Contact", id: "/#contact" }
           ]}
           button={{ text: "Get Started", href: "/#contact" }}
         />