complete privacy and impressum

components/footer.tsx

@@ -1,12 +1,21 @@
 import React from 'react'
+import Link from 'next/link'
 
 export default function Footer() {
   return (
     <footer className="footer">
-      <p>i.A. des Freundeskreis des VCP Rosenfeld</p>
-      <p>
-        Hier sollte es irgendwann ein Impressum, Datenschutzhinweise usw. geben.
-      </p>
+      <ul className="flex flex-row gap-2">
+        <li>
+          <Link href="/privacy">
+            <a className="link">Datenschutzerklärung</a>
+          </Link>
+        </li>
+        <li>
+          <Link href="/impressum">
+            <a className="link">Impressum</a>
+          </Link>
+        </li>
+      </ul>
     </footer>
   )
 }

components/header.tsx

@@ -29,9 +29,17 @@ export default function Header({ label }: { label?: string }) {
                 Admin
               </div>
             )}
-            <h2 className="mr-3 flex-grow">
-              <span className="font-extrabold">{label}</span>
-            </h2>
+            <>
+              <h2 className="mr-1">
+                <Link href="/">
+                  <a className="font-extrabold">Home</a>
+                </Link>
+              </h2>
+              {'>'}
+              <h2 className="mx-1 flex-grow">
+                <span className="font-extrabold">{label}</span>
+              </h2>
+            </>
           </div>
         )}
       </div>