workshopclaudecode/src/pages/Terms.jsx

/**
 * Terms.jsx - Algemene Voorwaarden pagina
 *
 * Standaard tekst die later aangepast moet worden.
 */

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

function Terms() {
  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">Algemene Voorwaarden</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: [datum invullen]</em>
            </p>

            <h2 className="heading-3 mt-8">Artikel 1 - Definities</h2>
            <p>In deze algemene voorwaarden wordt verstaan onder:</p>
            <ul className="list-disc pl-6 space-y-2">
              <li><strong>Aanbieder:</strong> Frank Meeuwsen, gevestigd te [vestigingsplaats], KvK-nummer [nummer]</li>
              <li><strong>Deelnemer:</strong> de natuurlijke of rechtspersoon die deelneemt aan een workshop</li>
              <li><strong>Workshop:</strong> de Claude Code Hands-on Sessie zoals aangeboden op deze website</li>
            </ul>

            <h2 className="heading-3 mt-8">Artikel 2 - Toepasselijkheid</h2>
            <p>
              Deze algemene voorwaarden zijn van toepassing op alle aanbiedingen, overeenkomsten en
              leveringen van workshops door de aanbieder.
            </p>

            <h2 className="heading-3 mt-8">Artikel 3 - Inschrijving</h2>
            <ul className="list-disc pl-6 space-y-2">
              <li>Inschrijving voor een workshop geschiedt via het inschrijfformulier op de website.</li>
              <li>Na inschrijving ontvang je een bevestiging per e-mail.</li>
              <li>De inschrijving is definitief na ontvangst van de betaling.</li>
            </ul>

            <h2 className="heading-3 mt-8">Artikel 4 - Betaling</h2>
            <ul className="list-disc pl-6 space-y-2">
              <li>De workshopprijs is €449,- excl. BTW per deelnemer.</li>
              <li>Betaling dient vooraf te geschieden via de aangegeven betaalmethode.</li>
              <li>Na ontvangst van de betaling ontvang je een factuur.</li>
            </ul>

            <h2 className="heading-3 mt-8">Artikel 5 - Annulering door deelnemer</h2>
            <ul className="list-disc pl-6 space-y-2">
              <li>Bij annulering tot 14 dagen voor de workshop: volledige restitutie.</li>
              <li>Bij annulering tussen 14 en 7 dagen voor de workshop: 50% restitutie.</li>
              <li>Bij annulering binnen 7 dagen voor de workshop: geen restitutie.</li>
              <li>Je mag altijd een vervangende deelnemer aanmelden.</li>
            </ul>

            <h2 className="heading-3 mt-8">Artikel 6 - Annulering door aanbieder</h2>
            <p>
              De aanbieder behoudt zich het recht voor een workshop te annuleren bij onvoldoende
              deelnemers of overmacht. In dat geval ontvang je het volledige bedrag terug of kun
              je kosteloos verplaatsen naar een volgende datum.
            </p>

            <h2 className="heading-3 mt-8">Artikel 7 - Aansprakelijkheid</h2>
            <ul className="list-disc pl-6 space-y-2">
              <li>De aanbieder is niet aansprakelijk voor schade die voortvloeit uit het gebruik van de tijdens de workshop opgedane kennis.</li>
              <li>De aanbieder is niet aansprakelijk voor verlies, diefstal of beschadiging van persoonlijke eigendommen tijdens de workshop.</li>
            </ul>

            <h2 className="heading-3 mt-8">Artikel 8 - Intellectueel eigendom</h2>
            <p>
              Alle door de aanbieder verstrekte materialen zijn uitsluitend bedoeld voor eigen
              gebruik van de deelnemer. Het is niet toegestaan deze materialen te delen,
              verveelvoudigen of commercieel te gebruiken zonder schriftelijke toestemming.
            </p>

            <h2 className="heading-3 mt-8">Artikel 9 - Privacy</h2>
            <p>
              De aanbieder verwerkt persoonsgegevens conform het privacybeleid zoals beschreven
              op{' '}
              <Link to="/privacy" className="text-coral-500 hover:text-coral-600">
                de privacy pagina
              </Link>.
            </p>

            <h2 className="heading-3 mt-8">Artikel 10 - Klachten</h2>
            <p>
              Klachten over de workshop dienen binnen 14 dagen na afloop schriftelijk te worden
              ingediend via{' '}
              <a href="mailto:frank@frankmeeuwsen.com" className="text-coral-500 hover:text-coral-600">
                frank@frankmeeuwsen.com
              </a>.
            </p>

            <h2 className="heading-3 mt-8">Artikel 11 - Toepasselijk recht</h2>
            <p>
              Op deze algemene voorwaarden en alle overeenkomsten is Nederlands recht van toepassing.
            </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 Terms;