diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4d54287..c0d74ee 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -17,10 +17,10 @@ import { Sparkles, Search, ArrowUpRight, Monitor, Shield, Zap, Puzzle, TrendingU
 
 export default function WebAgency2Page() {
   const navItems = [
-    { name: "Work", id: "work" },
-    { name: "Services", id: "services" },
-    { name: "About", id: "about" },
-    { name: "Contact", href: "/contact" },
+    { name: "Work", id: "/work" },
+    { name: "Services", id: "/services" },
+    { name: "About", id: "/about" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 1b0411d..d1385e9 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -26,10 +26,10 @@ export default function ServicesPage() {
         <NavbarLayoutFloatingOverlay
           brandName="Webild"
           navItems={[
-            { name: "Work", id: "work" },
-            { name: "Services", href: "/services" },
-            { name: "About", id: "about" },
-            { name: "Contact", id: "contact" }
+            { name: "Work", id: "/work" },
+            { name: "Services", id: "/services" },
+            { name: "About", id: "/about" },
+            { name: "Contact", id: "/contact" }
           ]}
           button={{ text: "Get Started", href: "#contact" }}
         />