Felix Brabetz
48 lines
2.6 KiB
Plaintext
48 lines
2.6 KiB
Plaintext
---
|
|
// src/components/Footer.astro
|
|
---
|
|
<!-- Footer -->
|
|
<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>© 2026 Gebrüder Brabetz GmbH. Alle Rechte vorbehalten. | <button @click="currentPage = 'page-impressum'" class="hover:text-stone-500">Impressum</button> | <button @click="currentPage = 'page-datenschutz'" class="hover:text-stone-500">Datenschutz</button></p>
|
|
</div>
|
|
</footer>
|