chore: disable nav temporarily

Author: SamHillierDev

src/components/Header.tsx

@@ -85,7 +85,7 @@ const Header: React.FC = () => {
           </div>
         </div>
 
-        <nav className="hidden md:block">
+        {/* <nav className="hidden md:block">
           <ul className="flex space-x-6 text-lg font-medium text-gray-100">
             <li>
               <a href="#about" className="hover:text-white">
@@ -108,7 +108,7 @@ const Header: React.FC = () => {
               </a>
             </li>
           </ul>
-        </nav>
+        </nav> */}
       </div>
 
       <div
@@ -136,7 +136,7 @@ const Header: React.FC = () => {
           </svg>
         </button>
         <nav className="mt-16 space-y-6 px-8 text-lg font-medium text-gray-100">
-          <a href="#about" className="block hover:text-white">
+          {/* <a href="#about" className="block hover:text-white">
             About
           </a>
           <a href="#projects" className="block hover:text-white">
@@ -147,13 +147,13 @@ const Header: React.FC = () => {
           </a>
           <a href="#contact" className="block hover:text-white">
             Contact
-          </a>
+          </a> */}
         </nav>
       </div>
 
       {isSidebarOpen && (
         <div
-          className="fixed inset-0 bg-black bg-opacity-50 z-20"
+          className="fixed inset-0 bg-black/50 z-20"
           onClick={toggleSidebar}
         ></div>
       )}