blog added to menu

src/app/(routes)/(website)/components/header/header.tsx

@@ -1,5 +1,6 @@
 import React from "react";
 import BurgerButton from "../burger-button/burgerButton";
+import Link from "next/link";
 
 export default function Header() {
   return (
@@ -52,6 +53,7 @@ export default function Header() {
         >
           Contact
         </a>
+        <Link className="mx-2 whitespace-nowrap rounded-lg px-2 py-[10px] text-[18px] font-[600] hover:text-[#FD6F00]" href={"/blog"}>Blog</Link>
       </ul>
       <div className="flex gap-1">
         <button className="flex items-center justify-center whitespace-nowrap rounded-md bg-[#FD6F00] px-4 py-2 text-[16px] font-[600] text-[#fff] xl:text-[20px]">

src/app/(routes)/(website)/components/mobile-menu/mobileMenu.tsx

@@ -23,7 +23,7 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
           </p>
         </div>
         <nav className="flex w-full flex-col">
-          <Link
+          <a
             href="/#home"
             className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
             onClick={() => {
@@ -31,8 +31,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
             }}
           >
             Home
-          </Link>
-          <Link
+          </a>
+          <a
             href="/#about-me"
             className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
             onClick={() => {
@@ -40,8 +40,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
             }}
           >
             About Me
-          </Link>
-          <Link
+          </a>
+          <a
             href="/#services"
             className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
             onClick={() => {
@@ -49,8 +49,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
             }}
           >
             Services
-          </Link>
-          <Link
+          </a>
+          <a
             href="/#projects"
             className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
             onClick={() => {
@@ -58,8 +58,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
             }}
           >
             Projects
-          </Link>
-          <Link
+          </a>
+          <a
             href="/#testimonials"
             className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
             onClick={() => {
@@ -67,8 +67,8 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
             }}
           >
             Testimonials
-          </Link>
-          <Link
+          </a>
+          <a
             href="/#contact"
             className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
             onClick={() => {
@@ -76,6 +76,16 @@ export default function MobileMenu({ clicked, setClicked }: propsType) {
             }}
           >
             Contact
+          </a>
+          
+          <Link
+            href="/blog"
+            className="block w-full whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400] hover:cursor-pointer hover:bg-slate-100"
+            onClick={() => {
+              setClicked(false);
+            }}
+          >
+            Blog
           </Link>
         </nav>
       </div>

src/app/(routes)/(website)/layout.tsx

@@ -1,5 +1,5 @@
 import type { Metadata } from "next";
-import Header from "./components/header/footer";
+import Header from "./components/header/header";
 import Footer from "./components/footer/footer";
 
 export const metadata: Metadata = {