diff --git a/src/app/page.tsx b/src/app/page.tsx
index 1c58d04..73bb7b0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,6 +12,7 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import ContactSplit from '@/components/sections/contact/ContactSplit';
 import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
 import { Hammer, Briefcase, CheckCircle, Phone, Quote } from "lucide-react";
+import Link from "next/link";
 
 export default function LandingPage() {
   return (
@@ -31,10 +32,11 @@ export default function LandingPage() {
         <NavbarLayoutFloatingInline
           brandName="Zephyr Design Co."
           navItems={[
-            { name: "Services", id: "services" },
-            { name: "Portfolio", id: "portfolio" },
-            { name: "About", id: "about" },
-            { name: "Contact", id: "contact" }
+            { name: "Home", id: "/" },
+            { name: "Services", id: "#services" },
+            { name: "Portfolio", id: "#portfolio" },
+            { name: "About", id: "#about" },
+            { name: "Contact", id: "#contact" }
           ]}
           button={{ text: "Get Started", href: "#contact" }}
         />