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() {
  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 Vercel gehostet. Der Anbieter ist 
              Vercel Inc., 340 S Lemon Ave #4133, Walnut, CA 91789, USA.
            </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: kontakt@jamulix.de
            </p>
          </section>
        </div>
      </div>
    </main>
  )
}
