diff --git a/src/app/page.tsx b/src/app/page.tsx
index bf11ae4..c19eb09 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -45,13 +45,13 @@ export default function LandingPage() {
       <div id="nav" data-section="nav">
         <NavbarStyleCentered
           navItems={[
-            { name: "Home", id: "home" },
-            { name: "Work", id: "work" },
-            { name: "About", id: "about" },
-            { name: "Services", id: "services" },
-            { name: "Contact", id: "contact" },
+            { name: "Home", id: "/" },
+            { name: "Products", id: "/products" },
+            { name: "Work", id: "#work" },
+            { name: "Services", id: "#services" },
+            { name: "Contact", id: "#contact" },
           ]}
-          button={{ text: "Hire Me", href: "contact" }}
+          button={{ text: "Hire Me", href: "#contact" }}
           brandName="Cinematic Studio"
         />
       </div>
@@ -254,14 +254,14 @@ export default function LandingPage() {
           columns={[
             {
               items: [
-                { label: "Home", href: "#home" },
-                { label: "Work", href: "#work" },
+                { label: "Home", href: "/" },
+                { label: "Products", href: "/products" },
                 { label: "Services", href: "#services" },
               ],
             },
             {
               items: [
-                { label: "About", href: "#about" },
+                { label: "Work", href: "#work" },
                 { label: "Contact", href: "#contact" },
                 { label: "Privacy", href: "#" },
               ],