From 475b4f91c1db95c8193417d50d12ccec8fddc5b9 Mon Sep 17 00:00:00 2001
From: Benno Tielen <Benno@tielen.nl>
Date: Tue, 11 Mar 2025 12:01:10 +0100
Subject: [PATCH] feature: add parishes

---
 src/components/Flex/Row.tsx        |  5 +++--
 src/compositions/Footer/Footer.tsx | 14 ++++++++++++--
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/components/Flex/Row.tsx b/src/components/Flex/Row.tsx
index 31f8240..63be919 100644
--- a/src/components/Flex/Row.tsx
+++ b/src/components/Flex/Row.tsx
@@ -2,12 +2,13 @@ import styles from "./styles.module.scss"
 
 type RowProps = {
   children: React.ReactNode
+  gap?: number,
   alignItems?: "center"
 }
 
-export const Row = ({ children, alignItems }: RowProps) => {
+export const Row = ({ children, alignItems, gap }: RowProps) => {
   return (
-    <div className={styles.row} style={{ alignItems: alignItems }}>
+    <div className={styles.row} style={{ alignItems: alignItems, gap }}>
       {children}
     </div>
   )
diff --git a/src/compositions/Footer/Footer.tsx b/src/compositions/Footer/Footer.tsx
index f5bc3df..01eeb91 100644
--- a/src/compositions/Footer/Footer.tsx
+++ b/src/compositions/Footer/Footer.tsx
@@ -13,8 +13,9 @@ export const Footer = () => {
     <div className={styles.container}>
       <Section backgroundColor="soft">
         <Container>
-          <Row alignItems={"center"}>
+          <Row>
             <Col>
+              <br/>
               <Logo
                 color={"#ffffff"}
                 textColor={"#426156"}
@@ -24,7 +25,15 @@ export const Footer = () => {
             </Col>
 
             <Col>
-              <Row>
+              <Row gap={30}>
+                <Col>
+                  <strong><p>Gemeinden</p></strong>
+                  <ul className={styles.list}>
+                    <li><Link href={'/gemeinde/st-christophorus'}>St. Christophorus</Link></li>
+                    <li><Link href={'/gemeinde/st-clara'}>St. Clara</Link></li>
+                    <li><Link href={'/gemeinde/st-richard'}>St. Richard</Link></li>
+                  </ul>
+                </Col>
                 <Col>
                   <p>
                     <strong>Navigation</strong>
@@ -32,6 +41,7 @@ export const Footer = () => {
                   <ul className={styles.list}>
                     <li><Link href={"/kontakt"}>Kontakt</Link></li>
                     <li><Link href={"/gottesdienst"}>Gottesdienste</Link></li>
+                    <li><Link href={"/veranstaltungen"}>Veranstaltungen</Link></li>
                     <li><Link href={"/datenschutz"}>Datenschutz</Link></li>
                     <li><Link href={"/schutzkonzept"}>Schutzkonzept</Link></li>
                     <li><Link href={"/impressum"}>Impressum</Link></li>