diff --git a/src/components/_Landing/Landing.tsx b/src/components/_Landing/Landing.tsx
index e65eb83a..23998721 100644
--- a/src/components/_Landing/Landing.tsx
+++ b/src/components/_Landing/Landing.tsx
@@ -34,16 +34,26 @@ function LandingPage(props: any) {
             />
 
             <Hero profile={props.profile} />
-            <SectionTitle title="ABOUT" />
+            <div id="About"
+                className="pt-3">
+                <SectionTitle title="ABOUT" />
+            </div>
             <About />
 
-            <SectionTitle title="SCHEDULE" />
+            <div id="Schedule"
+                className="pt-3">
+                <SectionTitle title="SCHEDULE" />
+            </div>
             <Schedule />
-
-            <SectionTitle title="SPONSORS" />
+            <div id="Sponsors"
+                className="pt-3">
+                <SectionTitle title="SPONSORS" />
+            </div>
             <Sponsors />
-
-            <SectionTitle title="FAQ" />
+            <div id="FAQ"
+                className="pt-3">
+                <SectionTitle title="FAQ" />
+            </div>
             <FAQ />
 
             <Footer />
diff --git a/src/components/_Landing/sections/hero/hero.tsx b/src/components/_Landing/sections/hero/hero.tsx
index 57d50692..69745cfb 100644
--- a/src/components/_Landing/sections/hero/hero.tsx
+++ b/src/components/_Landing/sections/hero/hero.tsx
@@ -36,7 +36,9 @@ function Hero(props: { profile: Profile }) {
 
 
     return (
-        <div className="w-[100%] h-[100vh] px-5
+        <div
+            id="Home"
+            className="w-[100%] h-[100vh] px-5
                         flex text-white
                         flex-col items-center text-center justify-start md:justify-start relative
                         md:min-h-[1060px] min-h-[940px]