!DOCTYPE html
html lang=de
head
    meta charset=UTF-8
    meta name=viewport content=width=device-width, initial-scale=1.0
    titleLekkaConcierge  Ihr AI Guest Conciergetitle
    !-- Tailwind CSS CDN für schnelles, sauberes Styling --
    script src=httpscdn.tailwindcss.comscript
head
body class=bg-slate-900 text-slate-100 min-h-screen flex flex-col justify-between font-sans

    !-- Header  Navbar --
    header class=w-full max-w-6xl mx-auto px-6 py-6 flex justify-between items-center
        div class=flex items-center space-x-2
            span class=text-2xl font-bold tracking-tight text-emerald-400LekkaConciergespan
        div
        nav class=hidden mdflex space-x-6 text-sm text-slate-300
            a href=#features class=hovertext-emerald-400 transitionFeaturesa
            a href=#about class=hovertext-emerald-400 transitionÜber unsa
            a href=#contact class=hovertext-emerald-400 transitionKontakta
        nav
        a href=#contact class=bg-emerald-500 hoverbg-emerald-600 text-slate-950 font-semibold px-4 py-2 rounded-lg text-sm transition shadow-lg shadow-emerald-50020
            Demo anfordern
        a
    header

    !-- Hero Section --
    main class=w-full max-w-4xl mx-auto px-6 py-16 text-center
        div class=inline-block mb-4 px-3 py-1 bg-emerald-50010 border border-emerald-50020 text-emerald-400 text-xs font-medium rounded-full
            KI-gestützter Gästeservice für Hospitality & Ferienwohnungen
        div
        h1 class=text-4xl mdtext-6xl font-extrabold tracking-tight mb-6
            Der intelligente Concierge für span class=text-emerald-400moderne Unterkünftespan.
        h1
        p class=text-lg mdtext-xl text-slate-400 mb-10 max-w-2xl mx-auto
            Automatisieren Sie die Gäste-Kommunikation, beantworten Sie Fragen in Echtzeit und steigern Sie die Zufriedenheit in Ihren Ferienimmobilien und Lodges.
        p
        div class=flex flex-col smflex-row justify-center gap-4
            a href=#contact class=bg-emerald-500 hoverbg-emerald-600 text-slate-950 font-bold px-8 py-3 rounded-xl transition shadow-xl shadow-emerald-50020
                Jetzt starten
            a
            a href=#features class=bg-slate-800 hoverbg-slate-700 text-slate-200 font-medium px-8 py-3 rounded-xl border border-slate-700 transition
                Mehr erfahren
            a
        div
    main

    !-- Features Section --
    section id=features class=w-full max-w-6xl mx-auto px-6 py-16 grid grid-cols-1 mdgrid-cols-3 gap-8
        div class=bg-slate-80050 border border-slate-800 p-6 rounded-2xl
            div class=w-10 h-10 bg-emerald-50010 text-emerald-400 rounded-lg flex items-center justify-center font-bold text-lg mb-41div
            h3 class=text-xl font-semibold mb-2247 KI-Assistenth3
            p class=text-slate-400 text-smBeantwortet Fragen zu Check-in, WLAN, Hausregeln und lokalen Tipps rund um die Uhr in jeder Sprache.p
        div
        div class=bg-slate-80050 border border-slate-800 p-6 rounded-2xl
            div class=w-10 h-10 bg-emerald-50010 text-emerald-400 rounded-lg flex items-center justify-center font-bold text-lg mb-42div
            h3 class=text-xl font-semibold mb-2Entlastung für Hostsh3
            p class=text-slate-400 text-smReduzieren Sie wiederkehrende Support-Anfragen drastisch und gewinnen Sie wertvolle Zeit zurück.p
        div
        div class=bg-slate-80050 border border-slate-800 p-6 rounded-2xl
            div class=w-10 h-10 bg-emerald-50010 text-emerald-400 rounded-lg flex items-center justify-center font-bold text-lg mb-43div
            h3 class=text-xl font-semibold mb-2Lokale Empfehlungenh3
            p class=text-slate-400 text-smIntegrieren Sie maßgeschneiderte Tipps für Restaurants, Safaris, Aktivitäten und versteckte Highlights.p
        div
    section

    !-- Footer --
    footer id=contact class=w-full border-t border-slate-800 mt-20 py-8 text-center text-sm text-slate-500
        p© 2026 LekkaConcierge (Bushy). Alle Rechte vorbehalten.p
    footer

body
html