diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 5b3fa6a..e24ba7e 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -9,10 +9,10 @@ import { Zap, Shield, Rocket, Target, Sparkles, Crown, Mail, Users, Layers, Code
 
 export default function AboutPage() {
     const navItems = [
-        { name: "Features", href: "/#features" },
-        { name: "Pricing", href: "/pricing" },
-        { name: "About", href: "/about" },
-        { name: "Contact", href: "/#contact" }
+        { name: "Features", id: "/#features" },
+        { name: "Pricing", id: "/pricing" },
+        { name: "About", id: "/about" },
+        { name: "Contact", id: "/#contact" }
     ];
 
     const footerColumns = [
diff --git a/src/app/pricing/page.tsx b/src/app/pricing/page.tsx
index e39b544..0c24938 100644
--- a/src/app/pricing/page.tsx
+++ b/src/app/pricing/page.tsx
@@ -9,10 +9,10 @@ import { Zap, Shield, Rocket, Target, Sparkles, Crown, Mail, Users, Layers, Code
 
 export default function PricingPage() {
     const navItems = [
-        { name: "Features", href: "/#features" },
-        { name: "Pricing", href: "/pricing" },
-        { name: "About", href: "/about" },
-        { name: "Contact", href: "/#contact" }
+        { name: "Features", id: "/#features" },
+        { name: "Pricing", id: "/pricing" },
+        { name: "About", id: "/about" },
+        { name: "Contact", id: "/#contact" }
     ];
 
     const footerColumns = [