import Link from 'next/link'
import { ArrowLeft } from 'lucide-react'
import { Button } from '@/components/ui/button'

export const metadata = {
  title: 'Datenschutz | Jamulix',
  description: 'Datenschutzerklärung für jamulix.de',
}

export default function DatenschutzPage() {
  const email        = process.env.OWNER_EMAIL    ?? '[Emailadresse]'
  const hosterName   = process.env.HOSTER_NAME    ?? '[Hoster]'
  const hosterStreet = process.env.HOSTER_STREET  ?? '[Straße Hausnummer]'
  const hosterZip    = process.env.HOSTER_ZIP     ?? '[PLZ]'
  const hosterCity   = process.env.HOSTER_CITY    ?? '[Ort]'
  const hosterCountry= process.env.HOSTER_COUNTRY ?? '[Land]'

  return (
    <main className="min-h-screen py-24 lg:py-32">
      <div className="max-w-3xl mx-auto px-6 lg:px-8">
        <Button asChild variant="ghost" className="mb-8 -ml-4">
          <Link href="/">
            <ArrowLeft className="mr-2 size-4" />
            Zurück
          </Link>
        </Button>

        <h1 className="font-serif text-4xl lg:text-5xl mb-8">Datenschutz</h1>

        <div className="prose prose-neutral dark:prose-invert max-w-none space-y-8">
          <section>
            <h2 className="font-serif text-xl mb-4">1. Datenschutz auf einen Blick</h2>
            <h3 className="font-medium mt-6 mb-2">Allgemeine Hinweise</h3>
            <p className="text-muted-foreground leading-relaxed">
              Die folgenden Hinweise geben einen einfachen Überblick darüber,
              was mit Ihren personenbezogenen Daten passiert, wenn Sie diese
              Website besuchen.
            </p>
          </section>

          <section>
            <h2 className="font-serif text-xl mb-4">2. Hosting</h2>
            <p className="text-muted-foreground leading-relaxed">
              Diese Website wird bei {hosterName} gehostet. Der Anbieter ist{' '}
              {hosterName}, {hosterStreet}, {hosterZip} {hosterCity}, {hosterCountry}.
            </p>
          </section>

          <section>
            <h2 className="font-serif text-xl mb-4">3. Allgemeine Hinweise</h2>
            <p className="text-muted-foreground leading-relaxed">
              Die Betreiber dieser Seiten nehmen den Schutz Ihrer persönlichen
              Daten sehr ernst. Wir behandeln Ihre personenbezogenen Daten
              vertraulich und entsprechend der gesetzlichen Datenschutzvorschriften
              sowie dieser Datenschutzerklärung.
            </p>
          </section>

          <section>
            <h2 className="font-serif text-xl mb-4">4. Datenerfassung auf dieser Website</h2>
            <h3 className="font-medium mt-6 mb-2">Server-Log-Dateien</h3>
            <p className="text-muted-foreground leading-relaxed">
              Der Provider dieser Seiten erhebt und speichert automatisch
              Informationen in so genannten Server-Log-Dateien, die Ihr Browser
              automatisch an uns übermittelt.
            </p>
          </section>

          <section>
            <h2 className="font-serif text-xl mb-4">5. Kontakt</h2>
            <p className="text-muted-foreground leading-relaxed">
              Bei Fragen zum Datenschutz können Sie sich jederzeit an uns wenden:<br />
              E-Mail: {email}
            </p>
          </section>
        </div>
      </div>
    </main>
  )
}