add section ids

allow linkink to certain parts of the homepage

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

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) => (

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}>

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>

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>