Update src/app/page.tsx

src/app/page.tsx

@@ -36,7 +36,9 @@ export default function LandingPage() {
             { name: "Courses", id: "courses" },
             { name: "About", id: "about" },
             { name: "Team", id: "team" },
-            { name: "Contact", id: "contact" }
+            { name: "Contact", id: "contact" },
+          
+            { name: "Blog", id: "/blog" },
 ]}
         />
       </div>

src/components/navbar/NavbarStyleApple/NavbarStyleApple.tsx

@@ -8,6 +8,7 @@ import { Plus } from "lucide-react";
 import { NavbarProps } from "@/types/navigation";
 import { useScrollState } from "./useScrollState";
 import { cls } from "@/lib/utils";
+import Link from "next/link";
 
 const SCROLL_THRESHOLD = 50;
 
@@ -74,6 +75,10 @@ const NavbarStyleApple = ({
             aria-hidden="true"
           />
         </button>
+
+        <Link href="/menu" className="hidden md:flex items-center gap-6">
+          <ButtonTextUnderline text="Menu" href="/menu" className="!text-base" />
+        </Link>
       </div>
 
       <MobileMenu