Adds about us section

1 files changed, 28 insertions, 0 deletions

diff --git a/src/pages/[locale]/index.astro b/src/pages/[locale]/index.astro
index 486d2e8..4c4c82a 100644
--- a/src/pages/[locale]/index.astro
+++ b/src/pages/[locale]/index.astro
@@ -7,6 +7,7 @@ import type Locale from '$types/Locale';
 import { getMostRecentNewsItem } from '$lib/newsUtils';
 import contactDetails from '$data/contactDetails';
 import NewsIndex from '$components/NewsIndex/NewsIndex.astro';
+import committee from '$data/committee';
 
 export async function getStaticPaths() {
   return localeStaticPaths;
@@ -32,6 +33,33 @@ const mostRecentNewsItem = await getMostRecentNewsItem(locale);
     }
   </section>
 
+  <section id="about">
+    <h2 set:html={t(tPage, { key: 'about-us' })} />
+    <p set:html={t(tPage, { key: 'about-us-para-1' })} />
+    <p set:html={t(tPage, { key: 'about-us-para-2' })} />
+    <p set:html={t(tPage, { key: 'about-us-para-3' })} />
+    <h3 set:html={t(tPage, { key: 'meet-the-commattee' })} />
+    <ul>
+      {
+        committee.map((member) => (
+          <li class="committee__member">
+            {member.imgSrc && (
+              <img
+                class="committee__member__img"
+                src={member.imgSrc}
+                alt={`A photo of ${member.name}`}
+              />
+            )}
+            <div class="committee__member__text">
+              <h4>{member.name}</h4>
+              <p set:html={member.bio[locale]} />
+            </div>
+          </li>
+        ))
+      }
+    </ul>
+  </section>
+
   <section>
     <h2 set:html={t(tPage, { key: 'furthsettins' })} />
     <p set:html={t(tPage, { key: 'furthsettins-para' })} />