import type { Metadata } from "next";

export const metadata: Metadata = {
  title: "Datenschutz",
  description: "Datenschutzhinweise der TeleNetSystems GmbH."
};

export default function DatenschutzPage() {
  return (
    <section className="section-block">
      <div className="container-shell max-w-3xl space-y-7">
        <header>
          <p className="eyebrow">Rechtliches</p>
          <h1 className="mt-2 text-4xl font-semibold text-alpine-900">Datenschutzerklaerung</h1>
        </header>

        <article className="surface-card space-y-4">
          <h2 className="text-xl font-semibold text-alpine-900">1. Verantwortliche Stelle</h2>
          <p className="text-sm text-alpine-700">
            Verantwortlich fuer die Datenverarbeitung ist die TeleNetSystems GmbH, Untermarkt 12, 6600 Reutte,
            Oesterreich, E-Mail: kontakt@telenetsystems.at.
          </p>

          <h2 className="text-xl font-semibold text-alpine-900">2. Zweck der Verarbeitung</h2>
          <p className="text-sm text-alpine-700">
            Personenbezogene Daten werden ausschliesslich fuer Anfragebearbeitung, Vertragsanbahnung und technischen
            Support verarbeitet. Es werden keine Tracking- oder Marketing-Cookies ohne Einwilligung gesetzt.
          </p>

          <h2 className="text-xl font-semibold text-alpine-900">3. Ihre Rechte</h2>
          <p className="text-sm text-alpine-700">
            Sie haben das Recht auf Auskunft, Berichtigung, Loeschung, Einschraenkung, Datenuebertragbarkeit und
            Widerspruch gemaess DSGVO. Anfragen richten Sie bitte an datenschutz@telenetsystems.at.
          </p>

          <h2 className="text-xl font-semibold text-alpine-900">4. Speicherdauer</h2>
          <p className="text-sm text-alpine-700">
            Daten werden nur so lange gespeichert, wie es fuer die jeweiligen Zwecke und gesetzliche Aufbewahrungspflichten
            erforderlich ist.
          </p>

          <p className="text-sm text-alpine-700">
            Hinweis: Vor Livegang sollten diese Informationen durch juristisch gepruefte, unternehmensspezifische Inhalte
            ersetzt werden.
          </p>
        </article>
      </div>
    </section>
  );
}
