From 4e426d327b438c0ea1f477b864ae301b93347af3 Mon Sep 17 00:00:00 2001
From: Stephen <scpwalker@hotmail.com>
Date: Tue, 4 Jun 2024 10:58:42 +0100
Subject: [PATCH] footer and header incorrect space fixed, mobile nav menu
 fixed to now display

---
 components/Footer.tsx         | 9 +--------
 components/ui/FloatingNav.tsx | 2 +-
 src/app/page.tsx              | 2 +-
 3 files changed, 3 insertions(+), 10 deletions(-)

diff --git a/components/Footer.tsx b/components/Footer.tsx
index 21cb5ec..48604a6 100644
--- a/components/Footer.tsx
+++ b/components/Footer.tsx
@@ -5,14 +5,7 @@ import { socialMedia } from "../data";
 
 const Footer = () => {
   return (
-    <footer className="w-full pt-20 pb-10" id="contact">
-      <div className="w-full absolute left-0 -bottom-72 min-h-96">
-        <img
-          src="/footer-grid.svg"
-          alt="grid"
-          className="w-full h-full opacity-50"
-        />
-      </div>
+    <footer className="w-full pb-10 mb-[100px] md:mb-5" id="contact">
       <div className="flex flex-col items-center">
         <h1 className="heading lg:max-w-[45vw]">
           Connect with <span className="text-purple">Me</span>
diff --git a/components/ui/FloatingNav.tsx b/components/ui/FloatingNav.tsx
index 6156a2d..18a5d00 100644
--- a/components/ui/FloatingNav.tsx
+++ b/components/ui/FloatingNav.tsx
@@ -69,7 +69,7 @@ export const FloatingNav = ({
             )}
           >
             <span className="block sm:hidden">{navItem.icon}</span>
-            <span className="hidden sm:block text-sm">{navItem.name}</span>
+            <span className="text-sm !cursor-pointer">{navItem.name}</span>
           </Link>
         ))}
       </motion.div>
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8482169..f71ac1d 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -12,7 +12,7 @@ import Footer from "../../components/Footer";
 
 export default function Home() {
   return (
-    <main className="relative bg-black-100 flex justify-center items-center flex-col overflow-hidden mx-auto sm:px-10 px-5">
+    <main className="relative bg-black-100 flex justify-center items-center flex-col mx-auto sm:px-10 px-5 overflow-clip">
       <div className="max-w-7xl w-full">
         <FloatingNav navItems={navItems} />
         <Hero />