import { Metadata } from "next";
import { Section } from "@/components/layout/Section";
import { Container } from "@/components/layout/Container";

export const metadata: Metadata = {
    title: "Datenschutz",
    description: "Datenschutzerklärung der Telenet Systems GmbH",
};

export default function DatenschutzPage() {
    return (
        <main>
            <Section variant="hero" className="bg-[var(--color-muted)]">
                <Container variant="narrow">
                    <h1>Datenschutzerklärung</h1>
                </Container>
            </Section>

            <Section>
                <Container variant="narrow">
                    <div className="prose max-w-none">
                        <div className="card mb-[var(--spacing-xl)]">
                            <p className="text-[var(--color-primary)] font-medium mb-[var(--spacing-sm)]">
                                ⚠️ PLATZHALTER – Bitte durch vollständige Datenschutzerklärung ersetzen
                            </p>
                            <p className="text-muted text-sm">
                                Die folgende Datenschutzerklärung ist ein Platzhalter und muss durch eine
                                rechtlich geprüfte, vollständige Datenschutzerklärung ersetzt werden.
                            </p>
                        </div>

                        <h2 className="heading-3">1. Verantwortlicher</h2>
                        <p className="text-muted">
                            Telenet Systems GmbH<br />
                            PLACEHOLDER: Adresse<br />
                            6600 Reutte, Österreich<br />
                            E-Mail: PLACEHOLDER: E-Mail-Adresse
                        </p>

                        <h2 className="heading-3 mt-[var(--spacing-2xl)]">2. Erhebung und Speicherung personenbezogener Daten</h2>
                        <p className="text-muted">
                            Beim Besuch unserer Website werden automatisch folgende Daten erhoben:
                        </p>
                        <ul className="stack-sm text-muted">
                            <li>IP-Adresse des anfragenden Rechners</li>
                            <li>Datum und Uhrzeit des Zugriffs</li>
                            <li>Name und URL der abgerufenen Datei</li>
                            <li>Website, von der aus der Zugriff erfolgt (Referrer-URL)</li>
                            <li>Verwendeter Browser und ggf. das Betriebssystem Ihres Rechners</li>
                        </ul>

                        <h2 className="heading-3 mt-[var(--spacing-2xl)]">3. Kontaktformular</h2>
                        <p className="text-muted">
                            Wenn Sie uns über das Kontaktformular kontaktieren, werden die von Ihnen
                            mitgeteilten Daten (Name, E-Mail-Adresse, Nachricht) zur Bearbeitung Ihrer
                            Anfrage gespeichert. Diese Daten geben wir nicht ohne Ihre Einwilligung weiter.
                        </p>

                        <h2 className="heading-3 mt-[var(--spacing-2xl)]">4. Ihre Rechte</h2>
                        <p className="text-muted">
                            Sie haben das Recht:
                        </p>
                        <ul className="stack-sm text-muted">
                            <li>Auskunft über Ihre bei uns gespeicherten Daten zu erhalten</li>
                            <li>Berichtigung unrichtiger Daten zu verlangen</li>
                            <li>Löschung Ihrer Daten zu verlangen</li>
                            <li>Die Verarbeitung einzuschränken</li>
                            <li>Der Verarbeitung zu widersprechen</li>
                            <li>Datenübertragbarkeit zu verlangen</li>
                        </ul>

                        <h2 className="heading-3 mt-[var(--spacing-2xl)]">5. Cookies</h2>
                        <p className="text-muted">
                            Diese Website verwendet technisch notwendige Cookies, die für den Betrieb
                            der Website erforderlich sind. Eine weitergehende Nutzung von Cookies erfolgt
                            nur mit Ihrer ausdrücklichen Einwilligung.
                        </p>

                        <h2 className="heading-3 mt-[var(--spacing-2xl)]">6. Änderung dieser Datenschutzerklärung</h2>
                        <p className="text-muted">
                            Wir behalten uns vor, diese Datenschutzerklärung bei Bedarf anzupassen,
                            damit sie stets den aktuellen rechtlichen Anforderungen entspricht.
                        </p>

                        <p className="text-sm text-muted mt-[var(--spacing-2xl)]">
                            Stand: Februar 2026
                        </p>
                    </div>
                </Container>
            </Section>
        </main>
    );
}