Fixed padding inconsistencies with sticky navbar

Author: TR-04

frontend/src/components/Navbar.tsx

@@ -12,7 +12,7 @@ const Navbar = () => {
   }, []);
 
   return (
-    <nav className="sticky top-10 flex justify-between items-center relative z-10 shadow-lg rounded-md bg-white/15 backdrop-blur-md px-6 py-6">
+    <nav className="sticky top-0 flex justify-between items-center relative z-10 shadow-lg rounded-md bg-white/15 backdrop-blur-md xl:px-24 md:px-10 px-5 py-6">
       <Link href="/">
         <Image
           src="/assets/csesoc_logo.svg"

frontend/src/pages/index.tsx

@@ -6,9 +6,15 @@ import EventsBrief from '@/components/Event/EventsBrief';
 
 export default function HomePage() {
   return (
-    <section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative">
+    <section>
+        <div className="h-8"></div>
+        
         <Navbar />
-        <Landing />
+
+        <div className="-mt-36">
+            <Landing />
+        </div>
+
         <AboutHomePage />
         <EventsBrief />
         <Sponsors />