/**
 * Privacy.jsx - Privacybeleid pagina
 *
 * AVG-conform privacybeleid voor de Claude Code Workshop.
 * Bevat alle verplichte elementen conform Autoriteit Persoonsgegevens.
 */

import { Link } from 'react-router-dom';

function Privacy() {
  return (
    <div className="min-h-screen bg-warm-50">
      {/* Header */}
      <header className="bg-white border-b border-warm-200 py-6">
        <div className="container-page">
          <Link
            to="/"
            className="text-coral-500 hover:text-coral-600 transition-colors inline-flex items-center gap-2"
          >
            <svg className="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 19l-7-7 7-7" />
            </svg>
            Terug naar workshop
          </Link>
        </div>
      </header>

      {/* Content */}
      <main className="container-page py-12">
        <div className="max-w-3xl mx-auto">
          <h1 className="heading-hero mb-8">Privacybeleid</h1>

          <div className="prose prose-warm max-w-none space-y-6 text-warm-700">
            <p className="text-lg text-warm-600">
              <em>Laatst bijgewerkt: 10 februari 2026</em>
            </p>

            {/* 1. Wie zijn wij */}
            <h2 className="heading-3 mt-8">1. Wie zijn wij</h2>
            <p>
              Dit privacybeleid is van toepassing op de website en diensten van:
            </p>
            <ul className="list-none pl-0 space-y-1">
              <li><strong>Naam:</strong> Frank Meeuwsen</li>
              <li><strong>KvK-nummer:</strong> 98386247</li>
              <li><strong>Vestigingsplaats:</strong> Utrecht</li>
              <li>
                <strong>E-mail:</strong>{' '}
                <a href="mailto:frank@frankmeeuwsen.com" className="text-coral-500 hover:text-coral-600">
                  frank@frankmeeuwsen.com
                </a>
              </li>
            </ul>
            <p>
              Frank Meeuwsen is de verwerkingsverantwoordelijke in de zin van de Algemene
              Verordening Gegevensbescherming (AVG) voor de verwerking van persoonsgegevens
              zoals beschreven in dit privacybeleid.
            </p>

            {/* 2. Welke gegevens verzamelen wij */}
            <h2 className="heading-3 mt-8">2. Welke gegevens verzamelen wij</h2>
            <p>
              Wanneer je je inschrijft voor een workshop of contact met ons opneemt, kunnen
              wij de volgende persoonsgegevens verwerken:
            </p>
            <ul className="list-disc pl-6 space-y-2">
              <li>Voor- en achternaam</li>
              <li>E-mailadres</li>
              <li>Bedrijfsnaam (indien van toepassing)</li>
              <li>Facturatiegegevens (adres, BTW-nummer indien van toepassing)</li>
              <li>Inhoud van berichten die je ons stuurt</li>
            </ul>

            {/* 3. Waarvoor gebruiken wij je gegevens */}
            <h2 className="heading-3 mt-8">3. Waarvoor gebruiken wij je gegevens</h2>
            <p>
              Wij verwerken je persoonsgegevens voor de volgende doeleinden:
            </p>

            <h3 className="font-semibold text-warm-800 mt-4">Op basis van uitvoering van de overeenkomst:</h3>
            <ul className="list-disc pl-6 space-y-2">
              <li>Het verwerken van je inschrijving voor een workshop</li>
              <li>Het versturen van praktische informatie over de workshop (locatie, tijd, voorbereiding)</li>
              <li>Het opstellen en versturen van facturen</li>
              <li>Het verlenen van toegang tot workshopmateriaal en de besloten community</li>
            </ul>

            <h3 className="font-semibold text-warm-800 mt-4">Op basis van gerechtvaardigd belang:</h3>
            <ul className="list-disc pl-6 space-y-2">
              <li>Het beantwoorden van vragen die je ons stelt</li>
              <li>Het verbeteren van onze dienstverlening</li>
            </ul>

            {/* 4. Delen met derden */}
            <h2 className="heading-3 mt-8">4. Delen met derden</h2>
            <p>
              Wij verkopen, verhuren of verstrekken je persoonsgegevens niet aan derden
              voor commerciele doeleinden. Wij delen gegevens uitsluitend met partijen die
              noodzakelijk zijn voor onze dienstverlening:
            </p>
            <ul className="list-disc pl-6 space-y-2">
              <li>
                <strong>Betalingsverwerker</strong> - voor het afhandelen van betalingen.
                Deze partij verwerkt betaalgegevens onder eigen verantwoordelijkheid en
                conform hun eigen privacybeleid.
              </li>
              <li>
                <strong>Boekhoudpakket</strong> - voor het opstellen van facturen en
                financiele administratie.
              </li>
            </ul>
            <p>
              Met partijen die in onze opdracht persoonsgegevens verwerken, sluiten wij
              een verwerkersovereenkomst om een passend niveau van beveiliging en
              vertrouwelijkheid te waarborgen.
            </p>

            {/* 5. Bewaartermijnen */}
            <h2 className="heading-3 mt-8">5. Bewaartermijnen</h2>
            <p>
              Wij bewaren je persoonsgegevens niet langer dan noodzakelijk voor het doel
              waarvoor ze zijn verzameld:
            </p>
            <ul className="list-disc pl-6 space-y-2">
              <li>
                <strong>Factuur- en betaalgegevens:</strong> 7 jaar na het boekjaar
                (wettelijke fiscale bewaarplicht).
              </li>
              <li>
                <strong>Inschrijfgegevens en correspondentie:</strong> gedurende de
                duur van de klantrelatie en maximaal 2 jaar daarna, tenzij er een
                wettelijke bewaarplicht geldt.
              </li>
            </ul>

            {/* 6. Beveiliging */}
            <h2 className="heading-3 mt-8">6. Beveiliging</h2>
            <p>
              Wij nemen passende technische en organisatorische maatregelen om je
              persoonsgegevens te beschermen tegen ongeoorloofde toegang, verlies of
              onrechtmatige verwerking. Denk hierbij aan versleutelde verbindingen
              (HTTPS), beveiligde opslag en beperkte toegang tot gegevens.
            </p>

            {/* 7. Je rechten */}
            <h2 className="heading-3 mt-8">7. Je rechten</h2>
            <p>
              Op grond van de AVG heb je de volgende rechten met betrekking tot je
              persoonsgegevens:
            </p>
            <ul className="list-disc pl-6 space-y-2">
              <li><strong>Inzage</strong> - je mag opvragen welke gegevens wij van je verwerken</li>
              <li><strong>Correctie</strong> - je mag onjuiste gegevens laten aanpassen</li>
              <li><strong>Verwijdering</strong> - je mag vragen je gegevens te wissen (tenzij er een wettelijke bewaarplicht geldt)</li>
              <li><strong>Bezwaar</strong> - je mag bezwaar maken tegen bepaalde verwerkingen</li>
              <li><strong>Overdraagbaarheid</strong> - je mag vragen je gegevens in een gangbaar formaat te ontvangen</li>
              <li><strong>Beperking</strong> - je mag vragen de verwerking tijdelijk te beperken</li>
            </ul>
            <p>
              Je kunt je rechten uitoefenen door een e-mail te sturen naar{' '}
              <a href="mailto:frank@frankmeeuwsen.com" className="text-coral-500 hover:text-coral-600">
                frank@frankmeeuwsen.com
              </a>
              . Wij reageren binnen 4 weken op je verzoek.
            </p>
            <p>
              Daarnaast heb je het recht een klacht in te dienen bij de{' '}
              <a
                href="https://www.autoriteitpersoonsgegevens.nl"
                target="_blank"
                rel="noopener noreferrer"
                className="text-coral-500 hover:text-coral-600"
              >
                Autoriteit Persoonsgegevens
              </a>
              , de Nederlandse toezichthouder op het gebied van privacybescherming.
            </p>

            {/* 8. Cookies en analytics */}
            <h2 className="heading-3 mt-8">8. Cookies en analytics</h2>

            <h3 className="font-semibold text-warm-800 mt-4">Website-analytics</h3>
            <p>
              Wij gebruiken Umami voor het bijhouden van anonieme bezoekersstatistieken.
              Umami draait op onze eigen server (gehost bij Hetzner in Duitsland, binnen
              de EU). Umami werkt zonder cookies en verzamelt geen persoonsgegevens. Er
              worden geen gegevens gedeeld met derden. Wij zien alleen geaggregeerde
              statistieken zoals paginaweergaven en verwijzende websites.
            </p>

            <h3 className="font-semibold text-warm-800 mt-4">Google Fonts</h3>
            <p>
              Deze website maakt gebruik van Google Fonts voor het laden van lettertypen.
              Bij het bezoeken van de website wordt een verbinding gemaakt met servers van
              Google (fonts.googleapis.com en fonts.gstatic.com), waarbij je IP-adres
              kan worden doorgegeven aan Google. Google heeft een eigen privacybeleid
              voor deze dienst. Wij hebben geen invloed op de gegevensverwerking door Google.
            </p>

            <h3 className="font-semibold text-warm-800 mt-4">Overige cookies</h3>
            <p>
              Deze website plaatst geen marketing- of tracking cookies. De enige lokale
              opslag die wij gebruiken is voor het onthouden van je cookiebanner-voorkeur.
            </p>

            {/* 9. Wijzigingen */}
            <h2 className="heading-3 mt-8">9. Wijzigingen</h2>
            <p>
              Wij behouden ons het recht voor dit privacybeleid te wijzigen. De meest
              actuele versie is altijd beschikbaar op deze pagina. Bij substantiele
              wijzigingen zullen wij je hierover informeren.
            </p>

            {/* 10. Contact */}
            <h2 className="heading-3 mt-8">10. Contact</h2>
            <p>
              Heb je vragen over dit privacybeleid of wil je gebruik maken van je rechten?
              Neem dan contact op via{' '}
              <a href="mailto:frank@frankmeeuwsen.com" className="text-coral-500 hover:text-coral-600">
                frank@frankmeeuwsen.com
              </a>
              .
            </p>
          </div>
        </div>
      </main>

      {/* Simple footer */}
      <footer className="bg-warm-900 text-warm-400 py-6">
        <div className="container-page text-center text-sm">
          &copy; {new Date().getFullYear()} Frank Meeuwsen. Alle rechten voorbehouden.
        </div>
      </footer>
    </div>
  );
}

export default Privacy;
