Sergio/casa-daenzo-web
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: complete v2 website relaunch (dark elegance, 50/50 hero, trattoria admin, gutschein shop, enzino bot, i18n)

Browse Source
This commit is contained in:
leonardo committed 2026-09-16 21:35:23 +00:00
1 parent a90af21a8c
commit 4758017563
27 files changed
+3958 -292
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/components/Footer.astro
+107 -37
View File
@@ -1,66 +1,136 @@
---
interface Props {
lang?: 'de' | 'en';
}
const { lang = 'de' } = Astro.props;
---
<footer class="bg-stone-900 text-stone-300 pt-16 pb-12 border-t border-stone-800">
<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-4 gap-12 mb-12">
<!-- Col 1: Brand -->
<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">
<h3 class="font-serif text-2xl font-bold text-white">Casa da Enzo</h3>
<p class="text-stone-400 text-sm leading-relaxed">
7 individuelle Boutique-Apartments & hauseigene Trattoria im UNESCO-Weltkulturerbe Goslar. Italienisches Lebensgefühl seit 1980.
<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-stone-500">
Bäckerstraße 18 • 38640 Goslar
<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-lg font-semibold text-white">Navigation</h4>
<ul class="space-y-2 text-sm text-stone-400">
<li><a href="#apartments" class="hover:text-white transition-colors">7 Suiten & Apartments</a></li>
<li><a href="#trattoria" class="hover:text-white transition-colors">Trattoria da Enzo</a></li>
<li><a href="#geschichte" class="hover:text-white transition-colors">Familien-Geschichte</a></li>
<li><a href="#booking" class="hover:text-white transition-colors">Direktbuchung</a></li>
<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: Gastronomie & Service -->
<!-- Col 3: Contacts -->
<div class="space-y-3">
<h4 class="font-serif text-lg font-semibold text-white">Kontakt & Service</h4>
<ul class="space-y-2 text-sm text-stone-400">
<li>E-Mail: <a href="mailto:booking@casa-daenzo.de" class="hover:text-white">booking@casa-daenzo.de</a></li>
<li>WhatsApp Concierge: <a href="https://wa.me/4915207483196" class="hover:text-white">+49 1520 7483196</a></li>
<li>Check-in: 15:00 Uhr (Nuki Code)</li>
<li>Check-out: 11:00 Uhr</li>
</ul>
<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: Direktbucher Vorteile -->
<div class="p-6 rounded-2xl bg-stone-800/60 border border-stone-700/50 space-y-3">
<h4 class="font-serif text-base font-semibold text-amber-400">Direktbucher-Vorteile</h4>
<ul class="space-y-2 text-xs text-stone-300">
<li class="flex items-center gap-2">
<span class="text-amber-400">✓</span> Bestpreis-Garantie (15% günstiger als Booking.com)
<!-- 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-center gap-2">
<span class="text-amber-400">✓</span> Flexible Stornierung
<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-center gap-2">
<span class="text-amber-400">✓</span> Priorisierter Check-in & WhatsApp-Support
<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-800 flex flex-col sm:flex-row items-center justify-between text-xs text-stone-500 gap-4">
<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 gap-6">
<a href="/impressum" class="hover:text-stone-300 transition-colors">Impressum</a>
<a href="/datenschutz" class="hover:text-stone-300 transition-colors">Datenschutz</a>
<a href="/agb" class="hover:text-stone-300 transition-colors">AGB</a>
<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>