diff --git a/src/app/page.js b/src/app/page.js
index f846a1a..673527a 100644
--- a/src/app/page.js
+++ b/src/app/page.js
@@ -7,12 +7,22 @@ import Venue from '@/components/sections/Venue';
 
 export default function Home() {
   return (
-    <div className="flex flex-col justify-around gap-20">
-      <EventHeader eventData={eventHeader} />
-      <EventPhotos />
-      <Sponsors />
-      <Communities />
-      <Venue venueData={venue} />
+    <div className="flex flex-col justify-around gap-20" >
+      <section id="event" className="scroll-mt-20">
+        <EventHeader eventData={eventHeader} />
+      </section>
+      <section id="photos" className="scroll-mt-20">
+        <EventPhotos />
+      </section>
+      <section id="sponsors" className="scroll-mt-20">
+        <Sponsors />
+      </section>
+      <section id="communities" className="scroll-mt-20">
+        <Communities />
+      </section>
+      <section id="venue" className="scroll-mt-20">
+        <Venue venueData={venue} />
+      </section>
     </div>
   );
 }