diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index cd09393..2c465d3 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -9,12 +9,12 @@ import SplitAbout from '@/components/sections/about/SplitAbout';
 import { Lightbulb, ShieldCheck, Leaf } from "lucide-react";
 
 const commonNavItems = [
-  { name: "Home", href: "/" },
-  { name: "Products", href: "/products" },
-  { name: "Features", href: "/#features" },
-  { name: "About Us", href: "/about" },
-  { name: "FAQs", href: "/faqs" },
-  { name: "Contact", href: "/contact" }
+  { name: "Home", id: "/" },
+  { name: "Products", id: "/products" },
+  { name: "Features", id: "/#features" },
+  { name: "About Us", id: "/about" },
+  { name: "FAQs", id: "/faqs" },
+  { name: "Contact", id: "/contact" }
 ];
 
 const commonNavbarButton = {
diff --git a/src/app/products/page.tsx b/src/app/products/page.tsx
index 2852f43..388992f 100644
--- a/src/app/products/page.tsx
+++ b/src/app/products/page.tsx
@@ -7,12 +7,12 @@ import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 
 const commonNavItems = [
-  { name: "Home", href: "/" },
-  { name: "Products", href: "/products" },
-  { name: "Features", href: "/#features" },
-  { name: "About Us", href: "/about" },
-  { name: "FAQs", href: "/faqs" },
-  { name: "Contact", href: "/contact" }
+  { name: "Home", id: "/" },
+  { name: "Products", id: "/products" },
+  { name: "Features", id: "/#features" },
+  { name: "About Us", id: "/about" },
+  { name: "FAQs", id: "/faqs" },
+  { name: "Contact", id: "/contact" }
 ];
 
 const commonNavbarButton = {