import Link from "next/link"
import { Button } from "@/components/ui/button"
import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
import { ChevronLeft } from "lucide-react"

export default function DatenschutzPage() {
    return (
        <div className="flex min-h-screen items-center justify-center p-4">
            <Card className="w-full max-w-4xl border-border/60 shadow-lg">
                <CardHeader className="space-y-1 pb-6">
                    <div className="flex items-center gap-2">
                        <Link href="/">
                            <Button variant="ghost" size="icon" className="h-8 w-8">
                                <ChevronLeft className="h-4 w-4" />
                            </Button>
                        </Link>
                        <CardTitle className="text-2xl font-semibold tracking-tight">Datenschutzerklärung</CardTitle>
                    </div>
                </CardHeader>
                <CardContent className="space-y-4 text-sm text-muted-foreground">
                    <section>
                        <h2 className="mb-2 text-lg font-medium text-foreground">1. Datenschutz auf einen Blick</h2>
                        <p className="mb-2">
                            Allgemeine Hinweise: 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="mb-2 text-lg font-medium text-foreground">2. Allgemeine Hinweise und Pflichtinformationen</h2>
                        <h3 className="mb-1 font-medium text-foreground">Datenschutz</h3>
                        <p className="mb-2">
                            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="mb-2 text-lg font-medium text-foreground">3. Datenerfassung auf dieser Website</h2>
                        <p className="mb-2">
                            <strong>Wer ist verantwortlich für die Datenerfassung auf dieser Website?</strong>
                            <br />
                            Die Datenverarbeitung auf dieser Website erfolgt durch den Websitebetreiber.
                        </p>
                    </section>

                    <div className="pt-4">
                        <Link href="/">
                            <Button>Zurück zur Startseite</Button>
                        </Link>
                    </div>
                </CardContent>
            </Card>
        </div>
    )
}