diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index defd6b8..e882f47 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -5,13 +5,13 @@ import Footer from '../src/components/Shared/Footer';
 import { Outlet } from 'react-router-dom';
 import BackToTopButton from './components/Shared/BackToTopButton';
 import Preloader from './components/Preloader';
-import Metadata from './components/Metadata';
+// import Metadata from './components/Metadata';
 
 
 function App() {
   return (
     <>
-      <Metadata />
+      {/* <Metadata /> */}
       <Preloader />
       <BackToTopButton />
       <Navbar />
diff --git a/frontend/src/components/Shared/footer/Content.jsx b/frontend/src/components/Shared/footer/Content.jsx
index 40c170f..90ac7e2 100644
--- a/frontend/src/components/Shared/footer/Content.jsx
+++ b/frontend/src/components/Shared/footer/Content.jsx
@@ -110,7 +110,7 @@ const Section2 = () => {
           >
             BoardGame Cafe{!isWide && <br />}
           </h1>
-          <p className={`flex ${isWide ? `text-[center] mt-3 ml-[620px]` : `text-base mt-1`}`}>
+          <p className={`flex ${isWide ? `text-[center] mt-3  ml-[620px]` : `text-base mt-1`}`}>
              ©2024 by Sip & Play
           </p>
         </div>
@@ -167,8 +167,8 @@ const Nav = () => {
   const emailAddress = 'sipnplaynyc@gmail.com';
 
   return (
-    <div className="flex md:flex-row flex-col shrink-0 gap-4 sm:gap-20 mx-[40px] md:ml-[30px] md:mr-0">
-      <div className="flex justify-between md:gap-20">
+    <div className="flex md:flex-row flex-col shrink-0 gap-4 sm:gap-20 mx-[40px] mb-10 md:ml-[50px] md:mr-0">
+      <div className="flex justify-between md:gap-28 ">
         <div className="flex flex-col gap-2 text-black dark:text-white">
           <h3 className="mb-2 uppercase text-black dark:text-white cursor-pointer">About</h3>
           {navLinks.map((item, index) => (
diff --git a/frontend/src/components/Shared/footer/Footer.jsx b/frontend/src/components/Shared/footer/Footer.jsx
index d9d59c8..eab1639 100644
--- a/frontend/src/components/Shared/footer/Footer.jsx
+++ b/frontend/src/components/Shared/footer/Footer.jsx
@@ -3,11 +3,11 @@ import Content from './Content';
 const Footer = () => {
   return (
     <footer
-      className="relative h-[800px]"
+      className="h-[800px]"
       style={{ clipPath: 'polygon(0% 0, 100% 0%, 100% 100%, 0 100%)' }}
     >
       <div className="relative h-[calc(100vh+800px)] -top-[100vh] bg-amber-100 dark:bg-black mb-4 pb-10 sm:pb-16">
-        <div className="h-[700px] md:h-[650px] sticky top-[calc(100vh-600px)]">
+        <div className="h-[60px] md:h-[1px] sticky top-[calc(130vh-600px)]">
           <Content />
         </div>
       </div>
diff --git a/frontend/src/router/index.jsx b/frontend/src/router/index.jsx
index cd2a710..56895f5 100644
--- a/frontend/src/router/index.jsx
+++ b/frontend/src/router/index.jsx
@@ -26,7 +26,7 @@ import AdminLogin from '../components/Pages/Admin/AdminLogin';
 import AdminSignup from '../components/Pages/Admin/AdminSignup';
 import ProtectedRoute from './ProtectedRoute';
 import Profile from '../components/Pages/Dashboard';
-import HelpAndSupport from '../components/Pages/HelpAndSupport';
+// import HelpAndSupport from '../components/Pages/HelpAndSupport';
 import Contributors from '../components/Contributors';
 
 const router = createBrowserRouter(
@@ -59,7 +59,7 @@ const router = createBrowserRouter(
       <Route path="/membership" element={<Membership />} />
       <Route path="/dashboard" element={<Profile />} />
 
-      <Route path="/help" element={<HelpAndSupport />} />
+      {/* <Route path="/help" element={<HelpAndSupport />} /> */}
       <Route path="/contributors" element={<Contributors />} />
     </Route>
   )