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
Vendored
+92
@@ -0,0 +1,92 @@
|
||||
<!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>FAQ, Nuki Keyless Check-in & Parken | Casa da Enzo Goslar</title><meta name="description" content="Alle wichtigen Informationen für Ihren Aufenthalt im Casa da Enzo: 24/7 Nuki Check-in Anleitung, Parktipps in Goslar, Trattoria Öffnungszeiten und Ausstattungsdetails."><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/faq/"><meta property="og:title" content="FAQ, Nuki Keyless Check-in & Parken | Casa da Enzo Goslar"><meta property="og:description" content="Alle wichtigen Informationen für Ihren Aufenthalt im Casa da Enzo: 24/7 Nuki Check-in Anleitung, Parktipps in Goslar, Trattoria Öffnungszeiten und Ausstattungsdetails."><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="FAQ, Nuki Keyless Check-in & Parken | Casa da Enzo Goslar"><meta property="twitter:description" content="Alle wichtigen Informationen für Ihren Aufenthalt im Casa da Enzo: 24/7 Nuki Check-in Anleitung, Parktipps in Goslar, Trattoria Öffnungszeiten und Ausstattungsdetails."><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.BgEdluJI.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"> <section class="bg-stone-900 text-white pt-16 pb-20 relative overflow-hidden"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10 space-y-4"> <span class="inline-block px-3 py-1 rounded-full bg-amber-500/20 text-amber-400 text-xs font-semibold uppercase tracking-wider">
|
||||
Service & Gast-Informationen
|
||||
</span> <h1 class="font-serif text-4xl sm:text-5xl font-bold tracking-tight">
|
||||
Häufig gestellte Fragen (FAQ)
|
||||
</h1> <p class="text-stone-300 text-lg max-w-2xl mx-auto">
|
||||
Hier finden Sie Antworten zu Anreise, Nuki Keyless PIN-Code, Parken in der Altstadt Goslar und Services unserer Trattoria.
|
||||
</p> </div> </section> <section class="py-16 bg-amber-500/10 border-b border-amber-200/50"> <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-12"> <span class="text-xs font-bold uppercase tracking-widest text-[#C85A32]">Smarter Check-in</span> <h2 class="font-serif text-3xl font-bold text-stone-900 mt-1">24/7 Kontaktloser Nuki Keyless Access</h2> <p class="text-stone-600 text-sm mt-2">Maximale Freiheit ohne Schlüsselübergabe oder Wartezeiten an der Rezeption</p> </div> <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> <!-- Step 1 --> <div class="bg-white p-8 rounded-3xl border border-stone-200 shadow-sm text-center space-y-4 relative"> <div class="w-12 h-12 rounded-2xl bg-[#C85A32] text-white flex items-center justify-center font-bold text-xl mx-auto shadow-md">
|
||||
1
|
||||
</div> <h3 class="font-serif text-xl font-bold text-stone-900">PIN-Code erhalten</h3> <p class="text-stone-600 text-sm leading-relaxed">
|
||||
Vor Ihrer Ankunft senden wir Ihnen Ihren persönlichen 6-stelligen Nuki-Sicherheitscode per E-Mail & WhatsApp zu.
|
||||
</p> </div> <!-- Step 2 --> <div class="bg-white p-8 rounded-3xl border border-stone-200 shadow-sm text-center space-y-4 relative"> <div class="w-12 h-12 rounded-2xl bg-[#C85A32] text-white flex items-center justify-center font-bold text-xl mx-auto shadow-md">
|
||||
2
|
||||
</div> <h3 class="font-serif text-xl font-bold text-stone-900">Keypad eingeben</h3> <p class="text-stone-600 text-sm leading-relaxed">
|
||||
Tippen Sie den Code am Nuki Keypad am Haupteingang (Bäckerstraße 18) ein. Das Schloss öfnet automatisch nach 1 Sekunde.
|
||||
</p> </div> <!-- Step 3 --> <div class="bg-white p-8 rounded-3xl border border-stone-200 shadow-sm text-center space-y-4 relative"> <div class="w-12 h-12 rounded-2xl bg-[#C85A32] text-white flex items-center justify-center font-bold text-xl mx-auto shadow-md">
|
||||
3
|
||||
</div> <h3 class="font-serif text-xl font-bold text-stone-900">Eintreten & Genießen</h3> <p class="text-stone-600 text-sm leading-relaxed">
|
||||
Auch Ihre Apartmenttür lässt sich per PIN-Code öffnen. Beim Auschecken bis 11:00 Uhr zieht sich das Schloss selbstständig zu.
|
||||
</p> </div> </div> </div> </section> <section class="py-16 bg-white border-b border-stone-200"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="bg-stone-900 text-white rounded-3xl p-8 sm:p-12 shadow-xl grid grid-cols-1 lg:grid-cols-12 gap-8 items-center"> <div class="lg:col-span-8 space-y-4"> <span class="text-xs uppercase font-bold text-amber-400 tracking-wider">Parken in Goslar</span> <h2 class="font-serif text-3xl font-bold">Anreise & Parkmöglichkeiten</h2> <p class="text-stone-300 text-sm leading-relaxed">
|
||||
Die Bäckerstraße liegt im historischen Kern der Welterbestadt Goslar. Halten Sie zum bequemen Entladen des Gepäcks direkt vor dem Haus. Anschließend finden Sie in unmittelbarer Nachbarschaft komfortable Stellplätze.
|
||||
</p> <ul class="space-y-2 text-xs sm:text-sm text-stone-300 pt-2"> <li class="flex items-center gap-2"> <span class="text-amber-400 font-bold">✓</span> <strong>Parkplatz Kaiserpfalz:</strong> ca. 5 Min. Fußweg, günstiger Tagestarif
|
||||
</li> <li class="flex items-center gap-2"> <span class="text-amber-400 font-bold">✓</span> <strong>Bolsparkhaus (Kaiserpassage):</strong> ca. 4 Min. Fußweg, überdacht & 24/7 geöffnet
|
||||
</li> <li class="flex items-center gap-2"> <span class="text-amber-400 font-bold">✓</span> <strong>Kurzzeitparken Bäckerstraße:</strong> Kostenfrei zum Ausladen (15 Minuten)
|
||||
</li> </ul> </div> <div class="lg:col-span-4 text-center border-t lg:border-t-0 lg:border-l border-stone-800 pt-6 lg:pt-0 lg:pl-8"> <div class="inline-block p-4 rounded-2xl bg-stone-800 border border-stone-700"> <p class="text-xs text-stone-400 font-medium uppercase">Navigationsadresse</p> <p class="text-lg font-serif font-bold text-amber-400 mt-1">Bäckerstraße 18</p> <p class="text-xs text-stone-300">38640 Goslar</p> </div> </div> </div> </div> </section> <section class="py-20 bg-[#FAF6F0]"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 space-y-8"> <div class="text-center space-y-3"> <h2 class="font-serif text-3xl font-bold text-stone-900">Alle Fragen auf einen Blick</h2> <p class="text-stone-600 text-sm">Wählen Sie ein Thema oder nutzen Sie das Suchfeld</p> </div> <!-- Category Filter Pills --> <div class="flex flex-wrap items-center justify-center gap-2" id="faq-filters"> <button data-filter="all" class="filter-btn active px-4 py-2 rounded-full text-xs font-semibold bg-[#C85A32] text-white shadow-sm transition-all">Alle</button> <button data-filter="checkin" class="filter-btn px-4 py-2 rounded-full text-xs font-semibold bg-white border border-stone-300 text-stone-700 hover:bg-stone-100 transition-all">Check-in & Nuki</button> <button data-filter="parking" class="filter-btn px-4 py-2 rounded-full text-xs font-semibold bg-white border border-stone-300 text-stone-700 hover:bg-stone-100 transition-all">Parken & Anreise</button> <button data-filter="trattoria" class="filter-btn px-4 py-2 rounded-full text-xs font-semibold bg-white border border-stone-300 text-stone-700 hover:bg-stone-100 transition-all">Trattoria & Tische</button> <button data-filter="amenities" class="filter-btn px-4 py-2 rounded-full text-xs font-semibold bg-white border border-stone-300 text-stone-700 hover:bg-stone-100 transition-all">Ausstattung & WLAN</button> <button data-filter="booking" class="filter-btn px-4 py-2 rounded-full text-xs font-semibold bg-white border border-stone-300 text-stone-700 hover:bg-stone-100 transition-all">Direktbuchung</button> </div> <!-- FAQ Items Accordion --> <div class="space-y-4" id="faq-accordion"> <div class="faq-item rounded-2xl bg-white border border-stone-200 overflow-hidden shadow-sm transition-all" data-category="checkin"> <button class="faq-toggle w-full px-6 py-5 text-left flex items-center justify-between gap-4 font-serif text-lg font-bold text-stone-900 hover:text-[#C85A32] transition-colors"> <span>Wie funktioniert der 24/7 Keyless Check-in mit Nuki?</span> <span class="faq-icon text-[#C85A32] text-2xl font-sans transition-transform">+</span> </button> <div class="faq-content hidden px-6 pb-6 text-stone-600 text-sm leading-relaxed whitespace-pre-line border-t border-stone-100 pt-4"> Der Check-in erfolgt völlig schlüssellos und unabhängig ab 15:00 Uhr. Am Tag der Anreise erhalten Sie per E-Mail und WhatsApp Ihren persönlichen 6-stelligen Nuki-PIN-Code. Am Haupteingang in der Bäckerstraße 18 sowie an Ihrer Apartmenttür befindet sich ein Nuki Keypad: Geben Sie Ihren Code ein und drücken Sie die rote/grüne Taste – die Tür entriegelt automatisch. Ein Aus- oder Einschließen mit einem physischen Schlüssel entfällt. </div> </div><div class="faq-item rounded-2xl bg-white border border-stone-200 overflow-hidden shadow-sm transition-all" data-category="checkin"> <button class="faq-toggle w-full px-6 py-5 text-left flex items-center justify-between gap-4 font-serif text-lg font-bold text-stone-900 hover:text-[#C85A32] transition-colors"> <span>Wann sind Check-in und Check-out Zeiten?</span> <span class="faq-icon text-[#C85A32] text-2xl font-sans transition-transform">+</span> </button> <div class="faq-content hidden px-6 pb-6 text-stone-600 text-sm leading-relaxed whitespace-pre-line border-t border-stone-100 pt-4"> Check-in ist ab 15:00 Uhr rund um die Uhr möglich. Check-out ist bis spätestens 11:00 Uhr. Beim Verlassen ziehen Sie die Tür einfach zu – das Nuki Smart Lock verriegelt die Tür automatisch. Falls Sie Ihr Gepäck vor dem Check-in oder nach dem Check-out unterstellen möchten, sprechen Sie uns gerne an. </div> </div><div class="faq-item rounded-2xl bg-white border border-stone-200 overflow-hidden shadow-sm transition-all" data-category="parking"> <button class="faq-toggle w-full px-6 py-5 text-left flex items-center justify-between gap-4 font-serif text-lg font-bold text-stone-900 hover:text-[#C85A32] transition-colors"> <span>Wo kann ich in Goslar am besten parken?</span> <span class="faq-icon text-[#C85A32] text-2xl font-sans transition-transform">+</span> </button> <div class="faq-content hidden px-6 pb-6 text-stone-600 text-sm leading-relaxed whitespace-pre-line border-t border-stone-100 pt-4"> Da sich das Casa da Enzo mitten im geschützten UNESCO-Altstadtkern befindet, ist die Bäckerstraße eine verkehrsberuhigte Zone. Zum Be- und Entladen Ihres Gepäcks können Sie direkt vor dem Haus halten. Im Anschluss empfehlen wir:
|
||||
1. Parkplatz Kaiserpfalz (Festplatz / Altstadt Süd, ca. 5 Gehminuten, günstiger Tagestarif)
|
||||
2. Parkhaus Bolsparkhaus / Kaiserpassage (überdacht, 24/7 geöffnet, ca. 4 Gehminuten)
|
||||
3. Öffentliche Parkplätze am Fleischscharren. </div> </div><div class="faq-item rounded-2xl bg-white border border-stone-200 overflow-hidden shadow-sm transition-all" data-category="trattoria"> <button class="faq-toggle w-full px-6 py-5 text-left flex items-center justify-between gap-4 font-serif text-lg font-bold text-stone-900 hover:text-[#C85A32] transition-colors"> <span>Benötige ich als Hotelgast eine Tischreservierung in der Trattoria?</span> <span class="faq-icon text-[#C85A32] text-2xl font-sans transition-transform">+</span> </button> <div class="faq-content hidden px-6 pb-6 text-stone-600 text-sm leading-relaxed whitespace-pre-line border-t border-stone-100 pt-4"> Aufgrund der hohen Beliebtheit der Trattoria da Enzo empfehlen wir unseren Apartment-Gästen dringend, Tische im Voraus zu reservieren. Als Hausgast genießen Sie bei der Tischvergabe priorisierte Berücksichtigung! Sie können Ihren Tisch direkt bei der Apartmentbuchung oder unkompliziert per WhatsApp anfragen. </div> </div><div class="faq-item rounded-2xl bg-white border border-stone-200 overflow-hidden shadow-sm transition-all" data-category="trattoria"> <button class="faq-toggle w-full px-6 py-5 text-left flex items-center justify-between gap-4 font-serif text-lg font-bold text-stone-900 hover:text-[#C85A32] transition-colors"> <span>Gibt es vegetarische, vegane oder glutenfreie Speisen?</span> <span class="faq-icon text-[#C85A32] text-2xl font-sans transition-transform">+</span> </button> <div class="faq-content hidden px-6 pb-6 text-stone-600 text-sm leading-relaxed whitespace-pre-line border-t border-stone-100 pt-4"> Ja! Unsere Küche bereitet Speisen frisch zu. Wir bieten zahlreiche vegetarische Pastagerichte sowie hausgemachte glutenfreie Alternativen und vegane Antipasti. Bitte informieren Sie unser Servicepersonal oder geben Sie Allergien bei der Reservierung an. </div> </div><div class="faq-item rounded-2xl bg-white border border-stone-200 overflow-hidden shadow-sm transition-all" data-category="amenities"> <button class="faq-toggle w-full px-6 py-5 text-left flex items-center justify-between gap-4 font-serif text-lg font-bold text-stone-900 hover:text-[#C85A32] transition-colors"> <span>Wie ist die Internetverbindung in den Apartments?</span> <span class="faq-icon text-[#C85A32] text-2xl font-sans transition-transform">+</span> </button> <div class="faq-content hidden px-6 pb-6 text-stone-600 text-sm leading-relaxed whitespace-pre-line border-t border-stone-100 pt-4"> Alle 7 Suiten verfügen über einen kostenfreien Highspeed-Glasfaser-WLAN-Zugang (bis zu 250 Mbit/s download). In den Workation-Suites (z.B. Suite 4 Workspace) stehen zusätzlich ergonomische Schreibtische und USB-C Dockingstationen zur Verfügung. </div> </div><div class="faq-item rounded-2xl bg-white border border-stone-200 overflow-hidden shadow-sm transition-all" data-category="amenities"> <button class="faq-toggle w-full px-6 py-5 text-left flex items-center justify-between gap-4 font-serif text-lg font-bold text-stone-900 hover:text-[#C85A32] transition-colors"> <span>Sind Hunde oder Haustiere erlaubt?</span> <span class="faq-icon text-[#C85A32] text-2xl font-sans transition-transform">+</span> </button> <div class="faq-content hidden px-6 pb-6 text-stone-600 text-sm leading-relaxed whitespace-pre-line border-t border-stone-100 pt-4"> In ausgewählten Wohneinheiten (z.B. Studio Altstadt und Suite 2 mit Terrasse) heißen wir gut erzogene Hunde nach vorheriger Anmeldung herzlich willkommen. Bitte kontaktieren Sie uns vor der Buchung. </div> </div><div class="faq-item rounded-2xl bg-white border border-stone-200 overflow-hidden shadow-sm transition-all" data-category="booking"> <button class="faq-toggle w-full px-6 py-5 text-left flex items-center justify-between gap-4 font-serif text-lg font-bold text-stone-900 hover:text-[#C85A32] transition-colors"> <span>Warum ist die Direktbuchung auf dieser Website die beste Wahl?</span> <span class="faq-icon text-[#C85A32] text-2xl font-sans transition-transform">+</span> </button> <div class="faq-content hidden px-6 pb-6 text-stone-600 text-sm leading-relaxed whitespace-pre-line border-t border-stone-100 pt-4"> Bei einer Buchung über externe Plattformen (wie Booking.com, Airbnb oder Expedia) fallen hohe Vermittlungsgebühren an. Buchen Sie direkt auf casa-daenzo.de, geben wir diesen Preisvorteil 1:1 an Sie weiter: Sie sparen mindestens 15% und profitieren von flexibleren Stornobedingungen. </div> </div> </div> <!-- Contact Support Box --> <div class="mt-12 p-8 rounded-3xl bg-amber-500/10 border border-amber-300/50 text-center space-y-3"> <h3 class="font-serif text-xl font-bold text-stone-900">Noch Fragen offen?</h3> <p class="text-stone-600 text-sm">Unser Concierge-Team steht Ihnen gerne direkt per E-Mail oder WhatsApp zur Verfügung.</p> <div class="flex flex-wrap justify-center gap-4 pt-2"> <a href="mailto:booking@casa-daenzo.de" class="px-6 py-3 rounded-xl bg-stone-900 text-white font-medium text-sm hover:bg-Line truncated
|
||||
E-Mail schreiben
|
||||
</a> <a href="https://wa.me/4915207483196" target="_blank" class="px-6 py-3 rounded-xl bg-emerald-600 text-white font-medium text-sm hover:bg-emerald-700 transition-all flex items-center gap-2"> <span>💬 WhatsApp Concierge</span> </a> </div> </div> </div> </section> </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