chore: wipe legacy codebase for complete project restart
This commit is contained in:
1 parent
a90af21a8c
commit
e94410f388
11161 files changed
+1628844
-2097
No files matched your search
+83
@@ -0,0 +1,83 @@
|
||||
<!DOCTYPE html><html lang="de" class="scroll-smooth bg-[#1A1816] text-[#E6D5C3]"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="generator" content="Astro v4.16.19"><!-- SEO Meta Tags --><title>Romantik-Apartment Altstadt 1 | Casa da Enzo Goslar</title><meta name="description" content="Gemütliches Nest für Paare im charmanten Klassik-Stil"><meta name="robots" content="index, follow"><!-- Open Graph / Facebook / WhatsApp --><meta property="og:type" content="website"><meta property="og:url" content="https://casa-daenzo.de/apartments/romantik-1/"><meta property="og:title" content="Romantik-Apartment Altstadt 1 | Casa da Enzo Goslar"><meta property="og:description" content="Gemütliches Nest für Paare im charmanten Klassik-Stil"><meta property="og:image" content="https://casa-daenzo.de/og-image.jpg"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:title" content="Romantik-Apartment Altstadt 1 | Casa da Enzo Goslar"><meta property="twitter:description" content="Gemütliches Nest für Paare im charmanten Klassik-Stil"><meta property="twitter:image" content="https://casa-daenzo.de/og-image.jpg"><!-- Schema.org JSON-LD --><script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"LodgingBusiness","@id":"https://casa-daenzo.de/#lodging","name":"Casa da Enzo Boutique Apartments","url":"https://casa-daenzo.de","telephone":"+4915207483196","email":"booking@casa-daenzo.de","address":{"@type":"PostalAddress","streetAddress":"Bäckerstraße 18","addressLocality":"Goslar","postalCode":"38640","addressCountry":"DE"},"geo":{"@type":"GeoCoordinates","latitude":51.906,"longitude":10.428},"checkinTime":"15:00","checkoutTime":"11:00","numberOfRooms":7},{"@type":"Restaurant","@id":"https://casa-daenzo.de/#restaurant","name":"Trattoria da Enzo","url":"https://casa-daenzo.de/#trattoria","telephone":"+49532123456","servesCuisine":"Italian","address":{"@type":"PostalAddress","streetAddress":"Bäckerstraße 18","addressLocality":"Goslar","postalCode":"38640","addressCountry":"DE"}}]}</script><!-- Google Analytics (GA4) Snippet --><script async src="https://www.googletagmanager.com/gtag/js?id=G-CASADAENZO1"></script><script>(function(){const GA_MEASUREMENT_ID = "G-CASADAENZO1";
|
||||
|
||||
window.dataLayer = window.dataLayer || [];
|
||||
function gtag(){dataLayer.push(arguments);}
|
||||
gtag('js', new Date());
|
||||
gtag('config', GA_MEASUREMENT_ID, {
|
||||
anonymize_ip: true,
|
||||
cookie_flags: 'SameSite=None;Secure'
|
||||
});
|
||||
})();</script><link rel="stylesheet" href="/_astro/_slug_.B_TTBYoh.css"><script type="module" src="/_astro/hoisted.jAcVTPu2.js"></script></head> <body class="bg-[#1A1816] text-[#E6D5C3] antialiased min-h-screen flex flex-col selection:bg-[#D4A373] selection:text-[#1A1816]"> <header class="sticky top-0 z-40 w-full bg-stone-900/95 backdrop-blur-md border-b border-stone-800 transition-all"> <!-- Top Utility Contact Bar --> <div class="bg-stone-950 border-b border-stone-800/80 py-1.5 px-4 text-[11px] sm:text-xs"> <div class="max-w-7xl mx-auto flex flex-wrap items-center justify-between gap-2 text-stone-400"> <!-- Dual Contacts --> <div class="flex flex-wrap items-center gap-4 sm:gap-6"> <!-- Apartments Phone --> <a href="https://wa.me/4915207483196" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1.5 text-emerald-400 hover:text-emerald-300 font-medium transition-colors" title="Apartment Anfragen & Concierge Alja"> <span class="w-2 h-2 rounded-full bg-emerald-500"></span> <span class="text-stone-300">Apartments (WhatsApp):</span> <span class="underline font-semibold">+49 1520 7483196</span> </a> <!-- Trattoria Phone --> <a href="tel:+4915207483196" class="inline-flex items-center gap-1.5 text-[#C85A32] hover:text-[#e2724a] font-medium transition-colors" title="Trattoria Tischreservierung"> <span class="w-2 h-2 rounded-full bg-[#C85A32]"></span> <span class="text-stone-300">Trattoria:</span> <span class="underline font-semibold">+49 1520 7483196</span> </a> </div> <!-- Right Utility Links: Eviivo & Language Switch --> <div class="flex items-center gap-4"> <a href="https://guest.eviivo.com/casa-daenzo" target="_blank" rel="noopener noreferrer" class="inline-flex items-center gap-1 text-amber-400 hover:text-white transition-colors font-medium cursor-pointer" title="Digital Guest Directory"> <span>📖</span> <span class="underline">Eviivo Guest Directory</span> </a> <div class="flex items-center bg-stone-900 border border-stone-800 rounded-full px-2 py-0.5 text-[11px] font-bold"> <span class="px-1.5 py-0.5 rounded-full bg-amber-500 text-stone-950">DE</span> </div> </div> </div> </div> <!-- Main Navigation Bar --> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-20 flex items-center justify-between"> <!-- Brand Logo --> <a href="/" class="flex items-center gap-3 group"> <div class="w-11 h-11 rounded-2xl bg-gradient-to-br from-[#2D5A43] via-[#D4A373] to-[#C85A32] p-0.5 shadow-lg group-hover:scale-105 transition-transform"> <div class="w-full h-full bg-stone-950 rounded-[14px] flex items-center justify-center font-serif text-xl font-bold text-amber-400">
|
||||
E
|
||||
</div> </div> <div class="flex flex-col"> <span class="font-serif text-xl tracking-wide font-bold text-white group-hover:text-amber-400 transition-colors">
|
||||
Casa da Enzo
|
||||
</span> <div class="flex items-center gap-1.5 text-[10px] tracking-widest uppercase font-sans -mt-0.5"> <span class="text-emerald-400 font-semibold">Apartments</span> <span class="text-stone-400">•</span> <span class="text-[#C85A32] font-semibold">Trattoria</span> </div> </div> </a> <!-- Desktop Navigation --> <nav class="hidden md:flex items-center gap-6 lg:gap-8 text-sm font-medium"> <a href="/apartments" class="text-stone-200 hover:text-emerald-400 transition-colors flex items-center gap-1.5"> <span class="w-1.5 h-1.5 rounded-full bg-emerald-500"></span> <span>Apartments & Suiten</span> </a> <a href="/trattoria" class="text-stone-200 hover:text-[#C85A32] transition-colors flex items-center gap-1.5"> <span class="w-1.5 h-1.5 rounded-full bg-[#C85A32]"></span> <span>Trattoria da Enzo</span> </a> <a href="/blog" class="text-stone-200 hover:text-amber-400 transition-colors">
|
||||
Blog & Magazin
|
||||
</a> <a href="/#geschichte" class="text-stone-200 hover:text-amber-400 transition-colors">
|
||||
Unsere Geschichte
|
||||
</a> <a href="/#faq" class="text-stone-200 hover:text-amber-400 transition-colors">
|
||||
FAQ
|
||||
</a> </nav> <!-- CTAs --> <div class="flex items-center gap-3"> <a href="/apartments#booking" class="hidden sm:inline-flex items-center gap-2 px-5 py-2.5 rounded-full bg-[#C85A32] text-white font-medium text-xs lg:text-sm hover:bg-[#b04d2a] shadow-md transition-all hover:scale-105"> <span>Direkt buchen (Bestpreis)</span> </a> <!-- Mobile Menu Button --> <button id="mobile-menu-btn" class="md:hidden p-2 text-stone-200 hover:text-amber-400 rounded-xl bg-stone-800 border border-stone-700" aria-label="Menü öffnen"> <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path> </svg> </button> </div> </div> <!-- Mobile Navigation Dropdown --> <div id="mobile-menu" class="hidden md:hidden bg-stone-950 border-b border-stone-800 px-4 py-6 space-y-4"> <a href="/apartments" class="block py-2 text-stone-200 font-medium hover:text-emerald-400 flex items-center gap-2"> <span class="w-2 h-2 rounded-full bg-emerald-500"></span> <span>Apartments & Suiten</span> </a> <a href="/trattoria" class="block py-2 text-stone-200 font-medium hover:text-[#C85A32] flex items-center gap-2"> <span class="w-2 h-2 rounded-full bg-[#C85A32]"></span> <span>Trattoria da Enzo</span> </a> <a href="/blog" class="block py-2 text-stone-200 font-medium hover:text-amber-400">
|
||||
Blog & Magazin
|
||||
</a> <a href="/#geschichte" class="block py-2 text-stone-200 font-medium hover:text-amber-400">
|
||||
Unsere Geschichte
|
||||
</a> <a href="/#faq" class="block py-2 text-stone-200 font-medium hover:text-amber-400">
|
||||
FAQ
|
||||
</a> <div class="pt-2 border-t border-stone-800 space-y-2"> <a href="https://wa.me/4915207483196" target="_blank" class="block py-1.5 text-xs text-emerald-400 font-semibold">
|
||||
💬 Apartments WhatsApp: +49 1520 7483196
|
||||
</a> <a href="https://guest.eviivo.com/casa-daenzo" target="_blank" class="block py-1.5 text-xs text-amber-400 font-semibold">
|
||||
📖 Eviivo Guest Directory
|
||||
</a> </div> <a href="/apartments#booking" class="block text-center py-3 rounded-2xl bg-[#C85A32] text-white font-bold text-sm">
|
||||
Jetzt Direkt buchen
|
||||
</a> </div> </header> <main class="flex-1"> <div class="py-12 bg-[#1A1816]"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8"> <!-- Back Link & Top Badges Bar --> <div class="flex flex-col sm:flex-row sm:items-center justify-between gap-4"> <a href="/#apartments" class="inline-flex items-center gap-2 text-xs font-bold text-emerald-400 hover:underline">
|
||||
← Zurück zu allen Apartments
|
||||
</a> <!-- Airbnb & Booking Badges + Eviivo Guest Directory --> <div class="flex flex-wrap items-center gap-3 text-xs font-medium"> <span class="px-3 py-1 rounded-full bg-[#24211D] border border-[#D4A373]/20 text-[#E6D5C3]">
|
||||
★ <strong class="text-[#D4A373]">4.98</strong> Superhost
|
||||
</span> <span class="px-3 py-1 rounded-full bg-[#24211D] border border-[#D4A373]/20 text-[#E6D5C3]">
|
||||
Booking.com <strong class="text-blue-400">9.8</strong> </span> <button onclick="document.getElementById('eviivo-link-btn')?.click()" class="px-3 py-1 rounded-full bg-[#2D5A43]/30 border border-emerald-500/40 text-emerald-400 hover:bg-[#2D5A43]/50 transition-colors flex items-center gap-1 font-semibold"> <span>📖 Eviivo Gästemappe</span> </button> </div> </div> <!-- Title & Header --> <div class="space-y-3"> <span class="inline-block px-3 py-1 rounded-full text-xs font-bold uppercase tracking-wider bg-[#24211D] text-[#D4A373] border border-[#D4A373]/30"> Klassik </span> <h1 class="font-serif text-4xl sm:text-5xl font-bold text-[#E6D5C3]">Romantik-Apartment Altstadt 1</h1> <p class="text-[#A3978B] text-base sm:text-lg leading-relaxed">Gemütliches Nest für Paare im charmanten Klassik-Stil</p> </div> <!-- Quick Specs Bar --> <div class="grid grid-cols-2 sm:grid-cols-4 gap-4 p-6 rounded-3xl stone-card border border-[#D4A373]/20 text-center"> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Kapazität</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">👥 Bis 2 Gäste</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Größe</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">📐 42 m²</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Aussicht</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">Altstadtblick</span> </div> <div> <span class="block text-[10px] uppercase tracking-wider text-[#D4A373] font-bold">Workspace</span> <span class="font-serif text-lg font-bold text-[#E6D5C3] mt-1 block">⚡ Wi-Fi 6</span> </div> </div> <!-- Visual Gallery Placeholder Banner --> <div class="aspect-[21/9] rounded-3xl bg-gradient-to-br from-[#2E2A25] to-[#1A1816] text-[#E6D5C3] flex flex-col items-center justify-center p-6 text-center border border-[#D4A373]/20 relative overflow-hidden shadow-2xl"> <div class="relative z-10 space-y-2"> <span class="px-3.5 py-1 rounded-full bg-[#2D5A43]/30 text-emerald-400 text-xs font-bold uppercase tracking-widest border border-emerald-500/30">
|
||||
Saniert 2025 • UNESCO Altstadt Goslar
|
||||
</span> <h2 class="font-serif text-2xl sm:text-3xl font-bold">Romantik-Apartment Altstadt 1</h2> <p class="text-[#A3978B] text-xs sm:text-sm max-w-md mx-auto">
|
||||
Restauriertes Fachwerk aus dem 16. Jahrhundert kombiniert mit italienischem Design & smartem Nuki Keyless Check-in.
|
||||
</p> </div> </div> <!-- Highlights & Details --> <div class="grid grid-cols-1 md:grid-cols-3 gap-8 pt-4"> <div class="md:col-span-2 space-y-6 stone-card p-8 rounded-3xl border border-[#D4A373]/20"> <h2 class="font-serif text-2xl font-bold text-[#E6D5C3]">Beschreibung & Ausstattung</h2> <div class="prose prose-invert max-w-none text-[#E6D5C3] text-sm leading-relaxed"> <p>Klassischer Charme und behagliche Wärme: Unser Romantik-Apartment 1 ist die ideale Basis für romantische Harz-Wochenenden und Entdeckungstouren durch Goslar.</p> </div> <div class="pt-6 border-t border-[#D4A373]/15"> <h3 class="font-serif text-lg font-bold text-[#D4A373] mb-2">Küche & Verpflegung</h3> <p class="text-[#A3978B] text-xs leading-relaxed">Voll ausgestattete Küchenzeile</p> </div> <div class="pt-4 border-t border-[#D4A373]/15 flex flex-wrap items-center justify-between gap-4 text-xs text-[#A3978B]"> <span>🔑 Nuki Smart Lock PIN Check-in ab 15:00 Uhr</span> <span>🌿 Nachhaltige Lehmdämmung für gesunden Schlaf</span> </div> </div> <!-- Sidebar / Highlights --> <div class="space-y-6"> <div class="stone-card p-6 rounded-3xl space-y-4 border border-[#D4A373]/30 shadow-xl"> <h3 class="font-serif text-xl font-bold text-[#D4A373]">Ausstattungs-Highlights</h3> <ul class="space-y-3 text-xs text-[#E6D5C3]"> <li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Gemütliche Dachschrägen & Fachwerk-Atmosphäre</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Kontaktloser Code-Check-in</span> </li><li class="flex items-start gap-3"> <span class="text-emerald-400 font-bold">✓</span> <span>Ideal für Kurztrips & Harz-Wochenenden</span> </li> </ul> </div> <!-- Trattoria Info Card --> <div class="stone-card border border-[#C85A32]/40 p-6 rounded-3xl space-y-3"> <span class="text-xs font-bold uppercase tracking-wider text-[#C85A32]">Hauseigene Gastronomie</span> <h4 class="font-serif text-lg font-bold text-[#E6D5C3]">Trattoria da Enzo im Erdgeschoss</h4> <p class="text-xs text-[#A3978B] leading-relaxed">
|
||||
Als Hotelgast genießt du eine bevorzugte Tischreservierung bei Alessandra. Genieße hausgemachte Pasta und sizilianische Weine direkt im Haus!
|
||||
</p> <a href="tel:+49532123456" class="inline-block text-xs font-bold text-[#C85A32] hover:underline">
|
||||
📞 Tisch reservieren: +49 5321 23456 →
|
||||
</a> </div> </div> </div> <!-- Eviivo Booking Widget --> <section id="booking" class="pt-6"> <div class="stone-card rounded-3xl p-6 sm:p-10 max-w-4xl mx-auto my-8 font-sans border border-[#D4A373]/30 shadow-2xl"> <div class="text-center mb-8 space-y-2"> <div class="inline-flex items-center gap-2 px-3.5 py-1 rounded-full bg-[#2D5A43]/20 border border-emerald-500/40 text-emerald-400 text-xs font-bold uppercase tracking-wider"> <span>🔒 Direktbucher Bestpreis-Garantie</span> </div> <h3 class="font-serif text-2xl sm:text-3xl font-bold text-[#E6D5C3]">
|
||||
Verfügbarkeit & Bestpreis prüfen
|
||||
</h3> <p class="text-[#A3978B] text-xs sm:text-sm max-w-xl mx-auto">
|
||||
Buche direkt über unsere Eviivo-Schnittstelle – 15% günstiger als auf Booking.com oder Airbnb. Bestpreis garantiert!
|
||||
</p> </div> <!-- Booking Mask Interface --> <form action="https://onlinereservation.eviivo.com" method="GET" target="_blank" class="grid grid-cols-1 sm:grid-cols-3 gap-4"> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Anreise</label> <input type="date" name="startDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Abreise</label> <input type="date" name="endDate" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none" required> </div> <div class="space-y-1"> <label class="text-xs font-semibold text-[#D4A373] uppercase tracking-wider">Gäste</label> <select name="adults" class="w-full px-4 py-3 rounded-xl bg-[#1A1816] border border-[#D4A373]/30 text-[#E6D5C3] text-xs focus:border-[#D4A373] focus:outline-none"> <option value="1">1 Person</option> <option value="2" selected>2 Personen</option> <option value="3">3 Personen</option> <option value="4">4 Personen</option> </select> </div> <div class="sm:col-span-3 pt-2"> <button type="submit" class="w-full py-4 rounded-xl bg-gradient-to-r from-[#2D5A43] to-[#C85A32] text-white font-bold text-sm hover:opacity-95 shadow-xl transition-all">
|
||||
Jetzt Verfügbarkeit & Bestpreis abrufen ➔
|
||||
</button> </div> </form> <div class="mt-6 text-center text-[11px] text-[#A3978B] flex flex-wrap items-center justify-center gap-4 border-t border-[#D4A373]/10 pt-4"> <span>🔒 Sichere SSL-Schnittstelle</span> <span>•</span> <span>💳 Keine versteckten Gebühren</span> <span>•</span> <span>⚡ Sofortige Reservierungsbestätigung</span> </div> </div> </section> </div> </div> </main> <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>© 2026 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> <div id="enzino-widget" class="fixed bottom-6 right-6 z-50 font-sans" data-lang="de"> <!-- Floating Launcher Button --> <button id="enzino-launcher" class="relative group flex items-center gap-3 bg-[#24211D] border border-[#D4A373]/30 hover:border-[#D4A373] text-[#E6D5C3] px-4 py-3 rounded-full shadow-2xl transition-all duration-300 hover:scale-105" aria-label="Enzino Concierge Chat öffnen"> <div class="relative w-10 h-10 rounded-full bg-gradient-to-br from-[#C85A32] to-[#D4A373] p-0.5 flex items-center justify-center shadow-inner"> <div class="w-full h-full rounded-full bg-[#1A1816] flex items-center justify-center text-lg font-serif font-bold text-[#D4A373]">
|
||||
🇮🇹
|
||||
</div> <span class="absolute -top-0.5 -right-0.5 w-3 h-3 bg-emerald-500 rounded-full border-2 border-[#1A1816] animate-pulse"></span> </div> <div class="text-left hidden sm:block"> <div class="text-xs font-serif font-bold text-[#D4A373] tracking-wide">Enzino Concierge</div> <div class="text-[10px] text-[#A3978B]">Online • Frag mich was!</div> </div> </button> <!-- Chat Dialog Window --> <div id="enzino-chat-window" class="hidden fixed bottom-6 right-6 w-[calc(100vw-3rem)] sm:w-[380px] max-h-[580px] h-[85vh] bg-[#24211D] border border-[#D4A373]/30 rounded-3xl shadow-2xl flex-col overflow-hidden transition-all duration-300 z-50"> <!-- Header --> <div class="bg-[#1A1816] border-b border-[#D4A373]/20 p-4 flex items-center justify-between"> <div class="flex items-center gap-3"> <div class="relative w-10 h-10 rounded-full bg-gradient-to-br from-[#C85A32] to-[#D4A373] p-0.5 flex items-center justify-center"> <div class="w-full h-full rounded-full bg-[#24211D] flex items-center justify-center text-lg">
|
||||
👨🍳
|
||||
</div> <span class="absolute bottom-0 right-0 w-2.5 h-2.5 bg-emerald-500 rounded-full border border-[#1A1816]"></span> </div> <div> <h3 class="font-serif text-sm font-bold text-[#E6D5C3]">Enzino da Enzo</h3> <p class="text-[10px] text-[#D4A373]">Digitaler Host & Concierge</p> </div> </div> <div class="flex items-center gap-2"> <!-- Session Disable Button --> <button id="enzino-disable-btn" title="Enzino für diese Session deaktivieren" class="p-1.5 text-[#A3978B] hover:text-amber-400 rounded-lg hover:bg-[#2A2622] text-xs transition-colors">
|
||||
🚫
|
||||
</button> <!-- Close Button --> <button id="enzino-close-btn" class="p-1.5 text-[#A3978B] hover:text-white rounded-lg hover:bg-[#2A2622] transition-colors" aria-label="Chat schließen">
|
||||
✕
|
||||
</button> </div> </div> <!-- Messages Body --> <div id="enzino-messages" class="flex-1 p-4 overflow-y-auto space-y-3.5 text-xs text-[#E6D5C3]"> <!-- Initial Bot Message --> <div class="flex gap-2.5 items-start"> <div class="w-7 h-7 rounded-full bg-[#C85A32]/20 border border-[#C85A32]/40 flex items-center justify-center text-xs shrink-0">
|
||||
🇮🇹
|
||||
</div> <div class="bg-[#2E2A25] border border-[#D4A373]/15 p-3 rounded-2xl rounded-tl-none max-w-[85%] leading-relaxed shadow-sm"> Ciao! I'm Enzino, dein italienischer Digital Concierge 🇮🇹 Wie kann ich dir heute helfen? Frag mich nach unseren Apartments, der Trattoria oder dem digitalen Check-in! </div> </div> <!-- Quick Chips --> <div id="enzino-chips" class="flex flex-wrap gap-1.5 pt-2 pl-9"> <button class="enzino-chip text-[11px] bg-[#1A1816] hover:bg-[#C85A32]/20 text-[#D4A373] border border-[#D4A373]/30 hover:border-[#D4A373] px-3 py-1.5 rounded-full transition-all text-left" data-question="Wie funktioniert der Check-in?"> Wie funktioniert der Check-in? </button><button class="enzino-chip text-[11px] bg-[#1A1816] hover:bg-[#C85A32]/20 text-[#D4A373] border border-[#D4A373]/30 hover:border-[#D4A373] px-3 py-1.5 rounded-full transition-all text-left" data-question="Tisch in der Trattoria reservieren"> Tisch in der Trattoria reservieren </button><button class="enzino-chip text-[11px] bg-[#1A1816] hover:bg-[#C85A32]/20 text-[#D4A373] border border-[#D4A373]/30 hover:border-[#D4A373] px-3 py-1.5 rounded-full transition-all text-left" data-question="Direktbucher Bestpreis"> Direktbucher Bestpreis </button><button class="enzino-chip text-[11px] bg-[#1A1816] hover:bg-[#C85A32]/20 text-[#D4A373] border border-[#D4A373]/30 hover:border-[#D4A373] px-3 py-1.5 rounded-full transition-all text-left" data-question="Digitales Gästebuch (Eviivo)"> Digitales Gästebuch (Eviivo) </button> </div> </div> <!-- Typing Indicator (hidden by default) --> <div id="enzino-typing" class="hidden px-4 py-2 text-[11px] text-[#D4A373] italic flex items-center gap-2 bg-[#1A1816]/50"> <span class="w-2 h-2 bg-[#D4A373] rounded-full animate-ping"></span> <span>Enzino tippt...</span> </div> <!-- Input Footer --> <form id="enzino-form" class="bg-[#1A1816] border-t border-[#D4A373]/20 p-3 flex gap-2"> <input type="text" id="enzino-input" placeholder="Stelle Enzino eine Frage..." class="flex-1 bg-[#24211D] border border-[#D4A373]/20 focus:border-[#D4A373] text-[#E6D5C3] placeholder-[#A3978B] text-xs rounded-xl px-3 py-2.5 outline-none transition-all" autocomplete="off"> <button type="submit" class="bg-[#C85A32] hover:bg-[#b04d2a] text-white px-3.5 py-2.5 rounded-xl text-xs font-bold transition-all shrink-0">
|
||||
➔
|
||||
</button> </form> </div> </div> </body></html>
|
||||
Reference in new issue
Block a user