import React from "react";

const Datenschutz = () => {
  return (
    <section className="max-w-4xl mx-auto px-4 py-16">
      <h1 className="text-3xl font-bold text-frog-600 mb-6">Datenschutzerklärung</h1>

      <p className="mb-4">
        Der Schutz deiner persönlichen Daten ist uns ein wichtiges Anliegen. Nachfolgend informieren wir dich über die Erhebung, Verarbeitung und Nutzung personenbezogener Daten im Rahmen der Nutzung unserer Website.
      </p>

      <h2 className="text-xl font-semibold mt-6 mb-2">1. Verantwortliche Stelle</h2>
      <p className="mb-4">
        TG Laudenbach – Abteilung Volleyball<br />
        Eleker Straße 3<br />
        69514 Laudenbach<br />
        E-Mail: info@tg-laudenbach-volleyball.de
      </p>

      <h2 className="text-xl font-semibold mt-6 mb-2">2. Erhebung und Verarbeitung personenbezogener Daten</h2>
      <p className="mb-4">
        Wir erheben personenbezogene Daten nur, wenn du uns diese im Rahmen einer Anfrage über unser Kontaktformular mitteilst oder dich einloggst.
      </p>

      <h2 className="text-xl font-semibold mt-6 mb-2">3. Kontaktformular</h2>
      <p className="mb-4">
        Wenn du uns über das Kontaktformular kontaktierst, werden deine Angaben inklusive der von dir dort angegebenen Kontaktdaten zum Zweck der Bearbeitung der Anfrage und für den Fall von Anschlussfragen bei uns gespeichert.
      </p>

      <h2 className="text-xl font-semibold mt-6 mb-2">4. Login-Bereich</h2>
      <p className="mb-4">
        Der Login-Bereich verwendet ein Token-basiertes Authentifizierungssystem (JWT). Dabei werden keine Passwörter im Klartext gespeichert. Die Authentifizierung erfolgt verschlüsselt.
      </p>

      <h2 className="text-xl font-semibold mt-6 mb-2">5. Google reCAPTCHA</h2>
      <p className="mb-4">
        Wir verwenden „Google reCAPTCHA“ (Google LLC) zum Schutz gegen Spam und Bots. Es kann dabei zu einer Übertragung personenbezogener Daten an Google kommen. Mehr Informationen findest du unter{" "}
        <a
          href="https://policies.google.com/privacy"
          target="_blank"
          rel="noopener noreferrer"
          className="text-frog-600 underline"
        >
          Google's Datenschutzerklärung
        </a>.
      </p>

      <h2 className="text-xl font-semibold mt-6 mb-2">6. Eingebettete Karten (Google Maps)</h2>
      <p className="mb-4">
        Diese Website nutzt Google Maps zur Darstellung von Standorten. Beim Laden der Karte können Daten an Google übermittelt werden.
      </p>

      <h2 className="text-xl font-semibold mt-6 mb-2">7. Deine Rechte</h2>
      <p className="mb-4">
        Du hast das Recht auf Auskunft über deine bei uns gespeicherten personenbezogenen Daten, sowie auf Berichtigung, Sperrung oder Löschung dieser Daten. Wende dich dazu bitte an uns über die oben genannte Kontaktadresse.
      </p>

      <h2 className="text-xl font-semibold mt-6 mb-2">8. Änderungen</h2>
      <p className="mb-4">
        Wir behalten uns vor, diese Datenschutzerklärung bei Bedarf anzupassen, um sie stets aktuell zu halten.
      </p>
    </section>
  );
};

export default Datenschutz;
