Files
casa-daenzo-web/src/components/Footer.astro
T

138 lines
5.9 KiB
Plaintext
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
---
interface Props {
lang?: 'de' | 'en';
}
const { lang = 'de' } = Astro.props;
---
<footer class="bg-stone-950 text-stone-400 pt-16 pb-12 border-t border-stone-800 font-sans">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-12">
<!-- Col 1: Brand & Heritage -->
<div class="space-y-4">
<div class="flex items-center gap-3">
<div class="w-10 h-10 rounded-xl bg-gradient-to-br from-[#2D5A43] via-[#D4A373] to-[#C85A32] p-0.5">
<div class="w-full h-full bg-stone-950 rounded-[10px] flex items-center justify-center font-serif text-lg font-bold text-amber-400">
E
</div>
</div>
<div>
<h3 class="font-serif text-xl font-bold text-stone-100">Casa da Enzo</h3>
<p class="text-[10px] uppercase tracking-widest text-amber-400">Sizilien trifft Goslar • Seit 1980</p>
</div>
</div>
<p class="text-xs leading-relaxed text-stone-400">
7 individuelle Boutique-Apartments über unserer traditionsreichen Trattoria im UNESCO-Weltkulturerbe Goslar. 100% digitaler Check-in trifft auf authentische italienische Gastfreundschaft.
</p>
<p class="text-xs text-amber-400 font-medium">
📍 Bäckerstraße 18 • 38640 Goslar, Harz
</p>
</div>
<!-- Col 2: Navigation -->
<div class="space-y-3">
<h4 class="font-serif text-base font-semibold text-stone-100 border-b border-stone-800 pb-2">Navigation</h4>
<ul class="space-y-2 text-xs">
<li>
<a href="/apartments" class="hover:text-emerald-400 transition-colors flex items-center gap-2">
<span class="w-1.5 h-1.5 rounded-full bg-emerald-500"></span>
<span>Apartments & Suiten (7 Einheiten)</span>
</a>
</li>
<li>
<a href="/trattoria" class="hover:text-[#C85A32] transition-colors flex items-center gap-2">
<span class="w-1.5 h-1.5 rounded-full bg-[#C85A32]"></span>
<span>Trattoria da Enzo (Speisekarte & Tisch)</span>
</a>
</li>
<li>
<a href="/trattoria#gutscheine" class="hover:text-amber-400 transition-colors flex items-center gap-2">
<span class="w-1.5 h-1.5 rounded-full bg-amber-400"></span>
<span>Gutschein-Shop</span>
</a>
</li>
<li>
<a href="/blog" class="hover:text-amber-400 transition-colors">
Blog & Magazin
</a>
</li>
<li>
<a href="/#geschichte" class="hover:text-amber-400 transition-colors">
Unsere Geschichte
</a>
</li>
</ul>
</div>
<!-- Col 3: Contacts -->
<div class="space-y-3">
<h4 class="font-serif text-base font-semibold text-stone-100 border-b border-stone-800 pb-2">
Kontakt & Service
</h4>
<div class="space-y-3 text-xs">
<!-- Apartments Contact -->
<div class="p-3 rounded-xl bg-stone-900 border border-emerald-500/30 space-y-1">
<div class="text-[10px] uppercase font-bold text-emerald-400 flex items-center gap-1.5">
<span class="w-2 h-2 rounded-full bg-emerald-500"></span>
<span>Apartments & Buchungen</span>
</div>
<a href="https://wa.me/4915207483196" target="_blank" class="block text-emerald-400 hover:underline font-bold">
WhatsApp: +49 1520 7483196
</a>
<p class="text-[10px] text-stone-400">E-Mail: booking@casa-daenzo.de</p>
</div>
<!-- Trattoria Contact -->
<div class="p-3 rounded-xl bg-stone-900 border border-[#C85A32]/30 space-y-1">
<div class="text-[10px] uppercase font-bold text-[#C85A32] flex items-center gap-1.5">
<span class="w-2 h-2 rounded-full bg-[#C85A32]"></span>
<span>Trattoria Reservierung</span>
</div>
<a href="tel:+4915207483196" class="block text-[#C85A32] hover:underline font-bold">
Telefon: +49 1520 7483196
</a>
<p class="text-[10px] text-stone-400">Öffnungszeiten: Di–So 17:00–22:30 Uhr</p>
</div>
</div>
</div>
<!-- Col 4: Direct Booking Advantages -->
<div class="p-6 rounded-3xl bg-stone-900 border border-stone-800 space-y-4 shadow-xl">
<h4 class="font-serif text-base font-semibold text-amber-400">
Direktbucher-Vorteile
</h4>
<ul class="space-y-2.5 text-xs text-stone-300">
<li class="flex items-start gap-2">
<span class="text-amber-400 font-bold">✓</span>
<span>Bestpreis-Garantie (15% günstiger als Booking.com)</span>
</li>
<li class="flex items-start gap-2">
<span class="text-amber-400 font-bold">✓</span>
<span>Bevorzugte Tischreservierung in der Trattoria</span>
</li>
<li class="flex items-start gap-2">
<span class="text-amber-400 font-bold">✓</span>
<span>Kontaktloser Nuki Smart-Lock Check-in</span>
</li>
</ul>
<a
href="/apartments#booking"
class="block text-center py-2.5 rounded-xl bg-[#C85A32] text-white font-bold text-xs hover:bg-[#b04d2a] transition-colors"
>
Verfügbarkeit prüfen
</a>
</div>
</div>
<!-- Bottom line -->
<div class="pt-8 border-t border-stone-900 flex flex-col sm:flex-row items-center justify-between text-xs text-stone-500 gap-4">
<p>© {new Date().getFullYear()} Casa da Enzo Goslar. Alle Rechte vorbehalten.</p>
<div class="flex items-center gap-6">
<a href="https://guest.eviivo.com/casa-daenzo" target="_blank" class="hover:text-stone-300 transition-colors">Eviivo Guest Directory</a>
</div>
</div>
</div>
</footer>