From e00df2e84b0615e1b1c79d611d939b475bf8e6f4 Mon Sep 17 00:00:00 2001
From: Felix Brabetz <lixatnz@gmail.com>
Date: Sat, 16 May 2026 03:54:43 +0200
Subject: [PATCH] Upgrade footer to a rich, 3-column layout with contact info
 and links

---
 src/components/Footer.astro | 49 +++++++++++++++++++++++++++++++------
 1 file changed, 41 insertions(+), 8 deletions(-)

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index a6d281c..6642853 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -2,13 +2,46 @@
 // src/components/Footer.astro
 ---
 <!-- Footer -->
-<footer class="bg-stone-950 py-16 text-stone-500 border-t border-stone-900 text-sm text-center">
-    <div class="max-w-7xl mx-auto px-6">
-        <p class="font-luxury text-white mb-2 tracking-wider">Gebrüder Brabetz GmbH &copy; 2026</p>
-        <p class="text-xs text-stone-600 mb-2">Meisterbetrieb für Garten- & Landschaftsbau // Rheingau-Taunus-Kreis</p>
-        <p class="text-xs text-stone-700 mb-6">Technologiepartner: <a href="https://plantlix.de" target="_blank" class="text-emerald-500/50 hover:text-emerald-500 hover:underline transition-colors">Plantlix.de</a></p>
-        <button @click="currentPage = 'page-contact'" class="text-amber-500 hover:text-amber-400 underline text-xs font-semibold uppercase tracking-wider transition-colors">
-            Direktlink zur Bauleitung
-        </button>
+<footer class="bg-stone-950 py-24 text-stone-500 border-t border-stone-900 text-sm">
+    <div class="max-w-7xl mx-auto px-6 lg:px-8 grid grid-cols-1 md:grid-cols-3 gap-12">
+        <!-- Column 1: Brand -->
+        <div>
+            <p class="font-luxury text-white text-lg mb-4 tracking-wider">Gebrüder Brabetz GmbH</p>
+            <p class="text-xs text-stone-600 leading-relaxed">
+                Meisterbetrieb für Garten- & Landschaftsbau im Rheingau-Taunus-Kreis. Gärten, die berühren. Handwerk, das bleibt.
+            </p>
+            <p class="text-xs text-stone-700 mt-4">
+                Technologiepartner: <a href="https://plantlix.de" target="_blank" class="text-emerald-500/50 hover:text-emerald-500 hover:underline transition-colors">Plantlix.de</a>
+            </p>
+        </div>
+
+        <!-- Column 2: Leistungen -->
+        <div>
+            <h4 class="text-white text-xs uppercase font-mono tracking-widest mb-4">Leistungen</h4>
+            <ul class="space-y-2 text-xs">
+                <li><a href="#projects" class="hover:text-amber-400 transition-colors">Meisterhafter Trockenmauerbau</a></li>
+                <li><a href="#biodiversity" class="hover:text-amber-400 transition-colors">Schwammstadt-Systeme</a></li>
+                <li><a href="#plant-of-the-week" class="hover:text-amber-400 transition-colors">Botanische Pflanzpläne</a></li>
+            </ul>
+        </div>
+
+        <!-- Column 3: Kontakt -->
+        <div>
+            <h4 class="text-white text-xs uppercase font-mono tracking-widest mb-4">Kontakt</h4>
+            <ul class="space-y-2 text-xs font-mono">
+                <li><i class="fa-solid fa-phone text-amber-500 mr-2"></i> 06124 / 4654</li>
+                <li><i class="fa-solid fa-envelope text-amber-500 mr-2"></i> info@gebrueder-brabetz.de</li>
+                <li class="mt-4">
+                    <button @click="currentPage = 'page-contact'" class="text-amber-500 hover:text-amber-400 underline uppercase tracking-wider transition-colors">
+                        Anfrage starten
+                    </button>
+                </li>
+            </ul>
+        </div>
+    </div>
+
+    <!-- Bottom -->
+    <div class="max-w-7xl mx-auto px-6 lg:px-8 mt-16 pt-8 border-t border-stone-900/50 text-center text-[10px] text-stone-700">
+        <p>&copy; 2026 Gebrüder Brabetz GmbH. Alle Rechte vorbehalten. | <a href="#" class="hover:text-stone-500">Impressum</a> | <a href="#" class="hover:text-stone-500">Datenschutz</a></p>
     </div>
 </footer>