add: menu overlay close on mobile preview

src/app/components/EmailSection.jsx

@@ -45,7 +45,6 @@ const EmailSection = () => {
       className="grid md:grid-cols-2 my-12 md:my-12 py-24 gap-4 relative"
     >
       <div className="bg-[radial-gradient(ellipse_at_center,_var(--tw-gradient-stops))] from-primary-900 to-transparent rounded-full h-80 w-80 z-0 blur-lg absolute top-3/4 -left-4 transform -translate-x-1/2 -translate-1/2"></div>
-      <div className="z-10">
         <h5 className="text-xl font-bold text-white my-2">
           Let&apos;s Connect
         </h5>
@@ -63,7 +62,6 @@ const EmailSection = () => {
             <Image src={LinkedinIcon} alt="Linkedin Icon" />
           </Link>
         </div>
-      </div>
       <div>
         {emailSubmitted ? (
           <p className="text-green-500 text-sm mt-2">

src/app/components/NavLink.jsx

@@ -1,14 +1,20 @@
 import Link from "next/link";
 
-const NavLink = ({ href, title }) => {
+const NavLink = ({ href, title, setNavbarOpen = () => {} }) => {
+
+  const handleClick = () => {
+    setNavbarOpen(false);
+  };
+
   return (
     <Link
+      onClick={handleClick}
+      style={{ fontSize: "1rem" }}
       href={href}
       className="block py-2 pl-3 pr-4 text-[#ADB7BE] sm:text-xl rounded md:p-0 hover:text-white"
     >
       {title}
     </Link>
   );
 };
-
-export default NavLink;
+export default NavLink;

src/app/components/Navbar.jsx

@@ -3,7 +3,6 @@ import Link from "next/link";
 import React, { useState } from "react";
 import NavLink from "./NavLink";
 import { Bars3Icon, XMarkIcon } from "@heroicons/react/24/solid";
-import MenuOverlay from "./MenuOverlay";
 
 const navLinks = [
   {
@@ -59,7 +58,17 @@ const Navbar = () => {
           </ul>
         </div>
       </div>
-      {navbarOpen ? <MenuOverlay links={navLinks} /> : null}
+      {navbarOpen ? (
+        <ul className="flex flex-col py-4 items-center">
+          {
+            navLinks.map((link, index) => (
+            <li key={index}>
+              <NavLink href={link.path} title={link.title} key={index} setNavbarOpen={setNavbarOpen} />
+            </li>
+            ))
+          }
+        </ul>
+      ) : null}
     </nav>
   );
 };