diff --git a/frontend/src/components/Landing/index.tsx b/frontend/src/components/Landing/index.tsx
index ce04867..231aa6f 100644
--- a/frontend/src/components/Landing/index.tsx
+++ b/frontend/src/components/Landing/index.tsx
@@ -4,10 +4,10 @@ import Navbar from '@/components/Navbar';
 const Landing = () => {
   return (
     <section
-      className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden"
+      className="flex flex-col min-h-screen justify-end py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden"
       id="landing"
     >
-      <Navbar />
+      
       <Background />
       <div className="flex justify-between items-end">
         <div>
diff --git a/frontend/src/components/Layout.tsx b/frontend/src/components/Layout.tsx
index 3f25de9..f684d22 100644
--- a/frontend/src/components/Layout.tsx
+++ b/frontend/src/components/Layout.tsx
@@ -4,10 +4,14 @@ import React from 'react';
 
 const Layout = ({ children }: { children: React.ReactNode }) => {
   return (
-    <section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden">
+    <section className="flex flex-col min-h-screen justify-between py-8 relative">
       <Navbar />
-      {children}
-      <Footer />
+      
+      <div className='xl:px-24 md:px-10 px-5 '>
+        {children}
+        <Footer />
+      </div>
+      
     </section>
   );
 };
diff --git a/frontend/src/components/Navbar.tsx b/frontend/src/components/Navbar.tsx
index 8e3f161..733362a 100644
--- a/frontend/src/components/Navbar.tsx
+++ b/frontend/src/components/Navbar.tsx
@@ -12,7 +12,7 @@ const Navbar = () => {
   }, []);
 
   return (
-    <nav className="flex justify-between items-center relative z-10">
+    <nav className="sticky top-0 flex justify-between items-center relative z-10 shadow-lg rounded-md bg-black/15 backdrop-blur-md xl:px-24 md:px-10 px-5 py-6">
       <Link href="/">
         <Image
           src="/assets/csesoc_logo.svg"
diff --git a/frontend/src/pages/404.tsx b/frontend/src/pages/404.tsx
index 09b3c77..1bed756 100644
--- a/frontend/src/pages/404.tsx
+++ b/frontend/src/pages/404.tsx
@@ -3,7 +3,7 @@ import Navbar from '@/components/Navbar';
 
 export default function Custom404() {
   return (
-    <section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden">
+    <section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative">
       <div className="items-center text-center">
         <Navbar />
         <h1 className="text-5xl font-bold pt-24">404 - Page Not Found</h1>
diff --git a/frontend/src/pages/events.tsx b/frontend/src/pages/events.tsx
index a1aadb5..cf248c8 100644
--- a/frontend/src/pages/events.tsx
+++ b/frontend/src/pages/events.tsx
@@ -5,10 +5,14 @@ import Events from '@/components/Event';
 
 export default function EventsPage() {
   return (
-    <section className="flex flex-col min-h-screen justify-between py-8 xl:px-24 md:px-10 px-5 relative overflow-hidden">
+    <section className="flex flex-col min-h-screen justify-between py-8 relative">
       <Navbar />
-      <Events/>
-      <Footer />
+      
+      <div className='xl:px-24 md:px-10 px-5 '>
+        <Events/>
+        <Footer />
+      </div>
+      
     </section>
   );
 }
\ No newline at end of file
diff --git a/frontend/src/pages/index.tsx b/frontend/src/pages/index.tsx
index 821be72..445bc19 100644
--- a/frontend/src/pages/index.tsx
+++ b/frontend/src/pages/index.tsx
@@ -1,3 +1,4 @@
+import Navbar from '@/components/Navbar';
 import Landing from '@/components/Landing';
 import Sponsors from '@/components/Sponsors/index';
 import AboutHomePage from '@/components/About/AboutHomepage';
@@ -6,10 +7,17 @@ import EventsBrief from '@/components/Event/EventsBrief';
 export default function HomePage() {
   return (
     <section>
-      <Landing />
-      <AboutHomePage />
-      <EventsBrief />
-      <Sponsors />
+        <div className="h-8"></div>
+        
+        <Navbar />
+
+        <div className="-mt-36">
+            <Landing />
+        </div>
+
+        <AboutHomePage />
+        <EventsBrief />
+        <Sponsors />
     </section>
   );
 }