diff --git a/src/components/page-sections/about.tsx b/src/components/page-sections/about.tsx
index 7ce5e1c..dfbb766 100644
--- a/src/components/page-sections/about.tsx
+++ b/src/components/page-sections/about.tsx
@@ -12,7 +12,7 @@ const About = () => {
   const tCommon = useTranslations("common")
 
   return (
-    <section>
+    <section id="about">
       <div className={styles.container}>
         <div className={"no-mobile " + styles.image}>
           <Image
diff --git a/src/components/page-sections/boardMembers.tsx b/src/components/page-sections/boardMembers.tsx
index 685c2c4..b92e708 100644
--- a/src/components/page-sections/boardMembers.tsx
+++ b/src/components/page-sections/boardMembers.tsx
@@ -56,7 +56,7 @@ const BoardMembers = async () => {
   const data: BoardMember[] = await sanityClient.fetch(query)
 
   return (
-    <section>
+    <section id="board-members">
       <h2>{t("title")}</h2>
       <div className={styles.container}>
         {data.map((member: BoardMember) => (
diff --git a/src/components/page-sections/contact.tsx b/src/components/page-sections/contact.tsx
index 687d69d..08d61cd 100644
--- a/src/components/page-sections/contact.tsx
+++ b/src/components/page-sections/contact.tsx
@@ -17,7 +17,7 @@ const Contact = () => {
   const t = useTranslations("contact")
 
   return (
-    <section>
+    <section id="contact">
       <h2 className="section-center-header">{t("title")}</h2>
       <div className={styles.container}>
         <div className={styles.item}>
diff --git a/src/components/page-sections/events.tsx b/src/components/page-sections/events.tsx
index f8c6df6..ba03020 100644
--- a/src/components/page-sections/events.tsx
+++ b/src/components/page-sections/events.tsx
@@ -89,7 +89,7 @@ const Events = async () => {
   }
 
   return (
-    <section>
+    <section id="events">
       <div className={styles.container}>
         <h2 className={styles.sectionHeader}>{t("title")}</h2>
         <div className={styles.events}>{mapEvents(filteredEvents)}</div>
diff --git a/src/components/page-sections/office.tsx b/src/components/page-sections/office.tsx
index cb6584c..c3435ef 100644
--- a/src/components/page-sections/office.tsx
+++ b/src/components/page-sections/office.tsx
@@ -10,7 +10,7 @@ const Office = () => {
   const t = useTranslations("office")
 
   return (
-    <section>
+    <section id="office">
       <h2>{t("title")}</h2>
       <div className={styles.container}>
         <p>{t("text")}</p>