From 1c02352aadca2f40d0b7be940134bebf8a923f28 Mon Sep 17 00:00:00 2001
From: Leander Furumo <leander@furumo.eu>
Date: Mon, 9 Mar 2026 21:03:48 +0100
Subject: [PATCH] add section ids

allow linkink to certain parts of the homepage
---
 src/components/page-sections/about.tsx        | 2 +-
 src/components/page-sections/boardMembers.tsx | 2 +-
 src/components/page-sections/contact.tsx      | 2 +-
 src/components/page-sections/events.tsx       | 2 +-
 src/components/page-sections/office.tsx       | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

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>