fberger/brabetz-homepage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Upgrade footer to a rich, 3-column layout with contact info and links

Browse Source
This commit is contained in:
Felix Brabetz
2026-05-16 03:54:43 +02:00
parent bb75341f80
commit e00df2e84b
1 changed files with 41 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Footer.astro
+40 -7
View File
@@ -2,13 +2,46 @@
// src/components/Footer.astro // src/components/Footer.astro
--- ---
<!-- Footer --> <!-- Footer -->
<footer class="bg-stone-950 py-16 text-stone-500 border-t border-stone-900 text-sm text-center"> <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"> <div class="max-w-7xl mx-auto px-6 lg:px-8 grid grid-cols-1 md:grid-cols-3 gap-12">
<p class="font-luxury text-white mb-2 tracking-wider">Gebrüder Brabetz GmbH &copy; 2026</p> <!-- Column 1: Brand -->
<p class="text-xs text-stone-600 mb-2">Meisterbetrieb für Garten- & Landschaftsbau // Rheingau-Taunus-Kreis</p> <div>
<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> <p class="font-luxury text-white text-lg mb-4 tracking-wider">Gebrüder Brabetz GmbH</p>
<button @click="currentPage = 'page-contact'" class="text-amber-500 hover:text-amber-400 underline text-xs font-semibold uppercase tracking-wider transition-colors"> <p class="text-xs text-stone-600 leading-relaxed">
Direktlink zur Bauleitung 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> </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> </div>
</footer> </footer>