From 141bfebc17ef07eec4909c53f31f7289a23919e5 Mon Sep 17 00:00:00 2001
From: Chneemann <andre-kempf@mailbox.org>
Date: Wed, 22 Jul 2026 08:17:31 +0200
Subject: [PATCH] feat: add footer section

---
 src/app/layout.tsx        |  2 ++
 src/components/Footer.tsx | 26 ++++++++++++++++++++++++++
 src/components/Header.tsx |  4 ++--
 3 files changed, 30 insertions(+), 2 deletions(-)
 create mode 100644 src/components/Footer.tsx

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 940ab44..6d1e413 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import "./globals.css";
 import Header from "../components/Header";
+import Footer from "@/components/Footer";
 import Background from "@/components/Background";
 
 const geistSans = Geist({
@@ -34,6 +35,7 @@ export default function RootLayout({
         <Background />
         <Header />
         <main className="grow">{children}</main>
+        <Footer />
       </body>
     </html>
   );
diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
new file mode 100644
index 0000000..9266814
--- /dev/null
+++ b/src/components/Footer.tsx
@@ -0,0 +1,26 @@
+import Link from "next/link";
+
+export default function Footer() {
+  return (
+    <footer className="w-full border-t border-slate-900 bg-slate-950 text-center text-xs text-slate-500 px-4 sm:px-4 py-4">
+      <div className="max-w-5xl mx-auto flex flex-col md:flex-row justify-between items-center gap-4">
+        <p>© {new Date().getFullYear()} André Kempf. All rights reserved.</p>
+        <div className="flex gap-4">
+          <Link
+            href="/imprint"
+            className="hover:text-slate-300 transition-colors"
+          >
+            Impressum
+          </Link>
+          <span>|</span>
+          <Link
+            href="/privacy"
+            className="hover:text-slate-300 transition-colors"
+          >
+            Datenschutz
+          </Link>
+        </div>
+      </div>
+    </footer>
+  );
+}
diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 2ee3359..093987b 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -14,8 +14,8 @@ export default function Header() {
   ];
 
   return (
-    <header className="fixed top-0 left-0 w-full bg-slate-900/90 backdrop-blur-md border-b border-slate-800 z-50 py-4">
-      <div className="max-w-5xl mx-auto flex justify-between items-center px-4 md:px-6">
+    <header className="fixed top-0 left-0 w-full bg-slate-900/90 backdrop-blur-md border-b border-slate-800 z-50 px-4 sm:px-4 py-4">
+      <div className="max-w-5xl mx-auto flex justify-between items-center">
         <Link
           href="/"
           className="text-xl font-bold text-white hover:text-blue-400 transition-colors tracking-wider z-50"