feature: add parishes

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

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>