From bcac842a88a7b9150438a796e520f40e45acfb9b Mon Sep 17 00:00:00 2001
From: Kennet <kennet@seebruecke.org>
Date: Tue, 17 Dec 2024 01:55:30 +0100
Subject: [PATCH 1/2] add support us to navigation bar

---
 components/layout/header/HeaderBarDesktop.tsx      |  4 ++--
 .../navigation/desktop/DesktopNavigationItems.tsx  |  5 +++++
 .../navigation/desktop/DesktopNavigationLink.tsx   |  4 +---
 .../navigation/mobile/MobileNavigationItems.tsx    | 14 +++++++++-----
 4 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/components/layout/header/HeaderBarDesktop.tsx b/components/layout/header/HeaderBarDesktop.tsx
index bf9ccf2..e65472d 100644
--- a/components/layout/header/HeaderBarDesktop.tsx
+++ b/components/layout/header/HeaderBarDesktop.tsx
@@ -3,7 +3,7 @@ import { useRouter } from 'next/router';
 import type { ReactElement } from 'react';
 import HeaderBanner from '@/components/layout/header/HeaderBanner';
 import { DesktopNavigationItems } from '@/components/layout/navigation/desktop/DesktopNavigationItems';
-import DesktopNavigationLink from '@/components/layout/navigation/desktop/DesktopNavigationLink';
+import { DesktopNavigationLink } from '@/components/layout/navigation/desktop/DesktopNavigationLink';
 import Heart from '@/components/svg/Heart';
 
 const HeaderBarDesktop = (): ReactElement => {
@@ -41,7 +41,7 @@ const HeaderBarDesktop = (): ReactElement => {
                 </nav>
 
                 <Link
-                    href={asPath !== '/' ? `${asPath}` : locale === 'de' ? '/en' : '/'}
+                    href={asPath !== '/' ? asPath : locale === 'de' ? '/en' : '/'}
                     className="absolute right-8 top-4 flex w-6 cursor-pointer justify-around text-center hover:text-orange-500"
                     aria-label={
                         locale !== 'en'
diff --git a/components/layout/navigation/desktop/DesktopNavigationItems.tsx b/components/layout/navigation/desktop/DesktopNavigationItems.tsx
index 2128208..c30806f 100644
--- a/components/layout/navigation/desktop/DesktopNavigationItems.tsx
+++ b/components/layout/navigation/desktop/DesktopNavigationItems.tsx
@@ -33,4 +33,9 @@ export const DesktopNavigationItems = new Array<DesktopNavigationItemProps>(
         labelDe: 'Aktuelles',
         labelEn: 'News',
     },
+    {
+        link: '/support',
+        labelDe: 'Unterstützen',
+        labelEn: 'Support us',
+    },
 );
diff --git a/components/layout/navigation/desktop/DesktopNavigationLink.tsx b/components/layout/navigation/desktop/DesktopNavigationLink.tsx
index d47e3d0..1b0ac2a 100644
--- a/components/layout/navigation/desktop/DesktopNavigationLink.tsx
+++ b/components/layout/navigation/desktop/DesktopNavigationLink.tsx
@@ -8,7 +8,7 @@ export interface DesktopNavigationItemLocaleProps {
     subLabel?: string;
 }
 
-const DesktopNavigationLink = ({
+export const DesktopNavigationLink = ({
     link,
     label,
     subLabel,
@@ -29,5 +29,3 @@ const DesktopNavigationLink = ({
         </Link>
     );
 };
-
-export default DesktopNavigationLink;
diff --git a/components/layout/navigation/mobile/MobileNavigationItems.tsx b/components/layout/navigation/mobile/MobileNavigationItems.tsx
index dd9d3eb..ddac0b1 100644
--- a/components/layout/navigation/mobile/MobileNavigationItems.tsx
+++ b/components/layout/navigation/mobile/MobileNavigationItems.tsx
@@ -32,11 +32,15 @@ const MobileNavigationItems = (): ReactElement => {
                 </div>
             </MobileNavigationLink>
 
-            <MobileNavigationLink href="/news" color={colors[5 % colors.length]!}>
-                Aktuelles
+            <MobileNavigationLink href="/news" color={colors[4 % colors.length]!}>
+                {locale === 'en' ? 'News' : 'Aktuelles'}
             </MobileNavigationLink>
 
-            <MobileNavigationLink href="/quartier" color={colors[4 % colors.length]!}>
+            <MobileNavigationLink href="/support" color={colors[5 % colors.length]!}>
+                {locale === 'en' ? 'Support us' : 'Unterstützen'}
+            </MobileNavigationLink>
+
+            <MobileNavigationLink href="/quartier" color={colors[6 % colors.length]!}>
                 <div className="leading-4">
                     {locale === 'en' ? 'Neighbourhood work' : 'Quartiersarbeit'}
                     <span className="text-sm">
@@ -46,7 +50,7 @@ const MobileNavigationItems = (): ReactElement => {
                 </div>
             </MobileNavigationLink>
 
-            <MobileNavigationLink href="/quartier/b-side-cafe" color={colors[5 % colors.length]!}>
+            <MobileNavigationLink href="/quartier/b-side-cafe" color={colors[7 % colors.length]!}>
                 <div className="leading-4">
                     {locale === 'en' ? 'B-Side Cafe' : 'B-Side Cafe'}
                     <span className="text-sm">
@@ -56,7 +60,7 @@ const MobileNavigationItems = (): ReactElement => {
                 </div>
             </MobileNavigationLink>
 
-            <MobileNavigationLink href="/kontakt" color={colors[6 % colors.length]!}>
+            <MobileNavigationLink href="/kontakt" color={colors[8 % colors.length]!}>
                 {locale === 'en' ? 'Contact' : 'Kontakt'}
             </MobileNavigationLink>
 

From 75de5cb67c3fc25bc816bb2558a63a5539f0bca2 Mon Sep 17 00:00:00 2001
From: Kennet <kennet@seebruecke.org>
Date: Tue, 17 Dec 2024 02:15:41 +0100
Subject: [PATCH 2/2] add Arrival to Footer

---
 components/common/Footer.tsx | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/components/common/Footer.tsx b/components/common/Footer.tsx
index 90e537d..1d524e1 100644
--- a/components/common/Footer.tsx
+++ b/components/common/Footer.tsx
@@ -57,6 +57,18 @@ const Footer = (): ReactElement => {
             <footer className="mb-auto" key="footer">
                 <div className="mt-5 bg-black py-2">
                     <div className="text-center font-serif font-bold text-white">
+                        <Link
+                            href="/anfahrt"
+                            aria-label={
+                                locale !== 'en'
+                                    ? 'Alle rechtlichen Angaben sind hier zu finden'
+                                    : 'All legal information can be found here'
+                            }
+                            className="font-serif text-base font-bold hover:text-orange-500 md:text-lg"
+                        >
+                            {locale !== 'en' ? 'Anfahrt' : 'Arrival'}
+                        </Link>
+                        <span className="px-1 sm:px-2">|</span>
                         <Link
                             href="/impressum"
                             aria-label={
@@ -68,7 +80,7 @@ const Footer = (): ReactElement => {
                         >
                             {locale !== 'en' ? 'Impressum' : 'Imprint'}
                         </Link>
-                        <span className="px-2">|</span>
+                        <span className="px-1 sm:px-2">|</span>
                         <Link
                             href="/datenschutz"
                             aria-label={
@@ -80,7 +92,7 @@ const Footer = (): ReactElement => {
                         >
                             {locale !== 'en' ? 'Datenschutz' : 'Privacy Policy'}
                         </Link>
-                        <span className="px-2">|</span>
+                        <span className="px-1 sm:px-2">|</span>
                         <Link
                             href="/kontakt"
                             aria-label={