workshopclaudecode/src/pages/Terms.jsx
Frank Meeuwsen f52064e4cd feat: hero titel, workshop foto, trainer bio en prijscorrecties
- Hero: nieuwe headline "Bouw zelf wat je nu huurt" met subheadline
- Hero: workshop foto toegevoegd met CSS brightness/contrast filter
- Hero: datum/tijd/locatie blok compacter gemaakt
- Trainer: placeholder vervangen door echte bio en foto
- StickyBar: prijs gecorrigeerd van €449 naar €399
- Privacy/Terms: KvK-nummer (98386247) en vestigingsplaats (Utrecht) ingevuld

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-10 11:48:56 +01:00

338 lines
15 KiB
JavaScript

/**
* Terms.jsx - Algemene Voorwaarden pagina
*
* Juridisch onderbouwde voorwaarden voor de Claude Code Workshop.
* Bevat herroepingsrecht-uitzondering (art. 6:230p lid 1 sub l BW),
* getrapt annuleringsbeleid, en aansprakelijkheidsbeperking.
*/
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: 10 februari 2026</em>
</p>
{/* Artikel 1 */}
<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 Utrecht,
ingeschreven bij de Kamer van Koophandel onder nummer 98386247.
</li>
<li>
<strong>Deelnemer:</strong> de natuurlijke persoon of rechtspersoon die zich
inschrijft voor een workshop.
</li>
<li>
<strong>Workshop:</strong> de Claude Code Hands-on Sessie zoals aangeboden op
deze website, inclusief alle bijbehorende materialen en diensten.
</li>
<li>
<strong>Overeenkomst:</strong> de overeenkomst tussen aanbieder en deelnemer
met betrekking tot deelname aan een workshop.
</li>
</ul>
{/* Artikel 2 */}
<h2 className="heading-3 mt-8">Artikel 2 - Toepasselijkheid</h2>
<ul className="list-disc pl-6 space-y-2">
<li>
Deze algemene voorwaarden zijn van toepassing op alle aanbiedingen,
offertes en overeenkomsten met betrekking tot workshops van de aanbieder.
</li>
<li>
Door inschrijving voor een workshop verklaart de deelnemer kennis te
hebben genomen van deze voorwaarden en hiermee akkoord te gaan.
</li>
<li>
Afwijkingen van deze voorwaarden zijn alleen geldig indien schriftelijk
overeengekomen.
</li>
</ul>
{/* Artikel 3 */}
<h2 className="heading-3 mt-8">Artikel 3 - Inschrijving en overeenkomst</h2>
<ul className="list-disc pl-6 space-y-2">
<li>
Inschrijving voor een workshop geschiedt via het inschrijfformulier op de
website of per e-mail.
</li>
<li>
Na inschrijving ontvangt de deelnemer een bevestiging per e-mail.
</li>
<li>
De overeenkomst komt tot stand op het moment dat de aanbieder de inschrijving
bevestigt. De inschrijving is definitief na ontvangst van de betaling.
</li>
<li>
De aanbieder behoudt zich het recht voor een inschrijving zonder opgaaf van
reden te weigeren. In dat geval wordt een eventueel betaald bedrag volledig
terugbetaald.
</li>
</ul>
{/* Artikel 4 */}
<h2 className="heading-3 mt-8">Artikel 4 - Prijs en betaling</h2>
<ul className="list-disc pl-6 space-y-2">
<li>
De workshopprijs bedraagt EUR 399,- per persoon, exclusief BTW.
</li>
<li>
Betaling dient voorafgaand aan de workshop te geschieden via de aangegeven
betaalmethode.
</li>
<li>
Na ontvangst van de betaling ontvangt de deelnemer een factuur.
</li>
<li>
Alle genoemde prijzen zijn onder voorbehoud van kennelijke fouten. Aan
druk- en zetfouten kunnen geen rechten worden ontleend.
</li>
</ul>
{/* Artikel 5 */}
<h2 className="heading-3 mt-8">Artikel 5 - Herroepingsrecht</h2>
<p>
De workshop vindt plaats op een vooraf vastgestelde datum en tijdstip. Op
grond van artikel 6:230p lid 1 sub l van het Burgerlijk Wetboek is het
herroepingsrecht (bedenktijd van 14 dagen) niet van toepassing op diensten
met betrekking tot vrijetijdsbesteding waarbij in de overeenkomst een
bepaald tijdstip van nakoming is voorzien.
</p>
<p>
Dit betekent dat je na inschrijving geen beroep kunt doen op het wettelijke
herroepingsrecht. Wel geldt het annuleringsbeleid zoals beschreven in
artikel 6.
</p>
{/* Artikel 6 */}
<h2 className="heading-3 mt-8">Artikel 6 - Annulering door deelnemer</h2>
<ul className="list-disc pl-6 space-y-2">
<li>
Bij annulering meer dan 14 dagen voor de workshopdatum: volledige
restitutie van het betaalde bedrag.
</li>
<li>
Bij annulering tussen 7 en 14 dagen voor de workshopdatum: 50% restitutie
van het betaalde bedrag.
</li>
<li>
Bij annulering minder dan 7 dagen voor de workshopdatum: geen restitutie.
</li>
<li>
Je mag altijd en zonder extra kosten een vervangende deelnemer aanmelden.
Geef dit uiterlijk 24 uur voor de workshop aan ons door.
</li>
<li>
Annulering dient schriftelijk te gebeuren per e-mail aan{' '}
<a href="mailto:frank@frankmeeuwsen.com" className="text-coral-500 hover:text-coral-600">
frank@frankmeeuwsen.com
</a>
. De datum van ontvangst van de e-mail geldt als annuleringsdatum.
</li>
<li>
Restitutie vindt plaats binnen 14 dagen na de annuleringsdatum.
</li>
</ul>
{/* Artikel 7 */}
<h2 className="heading-3 mt-8">Artikel 7 - Annulering of wijziging door aanbieder</h2>
<ul className="list-disc pl-6 space-y-2">
<li>
De aanbieder behoudt zich het recht voor een workshop te annuleren bij
onvoldoende aanmeldingen of andere zwaarwegende redenen.
</li>
<li>
In geval van annulering door de aanbieder ontvangt de deelnemer het
volledige bedrag terug, of kan de deelnemer kosteloos deelnemen aan een
volgende workshopdatum.
</li>
<li>
De aanbieder behoudt zich het recht voor de workshopdatum, -locatie of
-tijden te wijzigen. Deelnemers worden hiervan zo spoedig mogelijk op de
hoogte gesteld. Bij een datumwijziging heeft de deelnemer het recht
kosteloos te annuleren.
</li>
</ul>
{/* Artikel 8 */}
<h2 className="heading-3 mt-8">Artikel 8 - Overmacht</h2>
<p>
In geval van overmacht is de aanbieder niet gehouden tot het nakomen van
enige verplichting. Onder overmacht wordt verstaan elke omstandigheid buiten
de wil van de aanbieder, waaronder maar niet beperkt tot:
</p>
<ul className="list-disc pl-6 space-y-2">
<li>Ziekte of arbeidsongeschiktheid van de trainer</li>
<li>Onbeschikbaarheid van de workshoplocatie</li>
<li>Overheidsmaatregelen</li>
<li>Extreme weersomstandigheden</li>
<li>Storingen in de stroomvoorziening of internetverbinding</li>
</ul>
<p>
Bij overmacht zal de aanbieder zich inspannen een passend alternatief te
bieden, zoals een nieuwe workshopdatum. Indien dat niet mogelijk is, ontvangt
de deelnemer het volledige bedrag terug.
</p>
{/* Artikel 9 */}
<h2 className="heading-3 mt-8">Artikel 9 - Uitvoering van de workshop</h2>
<ul className="list-disc pl-6 space-y-2">
<li>
De aanbieder voert de workshop naar beste inzicht en vermogen uit
(inspanningsverplichting). Er wordt geen specifiek resultaat gegarandeerd.
</li>
<li>
De inhoud van de workshop kan afwijken van de beschrijving op de website
indien dit in het belang is van de kwaliteit of actualiteit van de workshop.
</li>
<li>
De deelnemer is zelf verantwoordelijk voor het meenemen van een werkende
laptop en het vooraf aanmaken van een Claude Pro of Max account.
</li>
<li>
De deelnemer ontvangt vooraf instructies voor de voorbereiding. Het niet
opvolgen van deze instructies kan van invloed zijn op het resultaat van de
workshop.
</li>
</ul>
{/* Artikel 10 */}
<h2 className="heading-3 mt-8">Artikel 10 - Aansprakelijkheid</h2>
<ul className="list-disc pl-6 space-y-2">
<li>
De totale aansprakelijkheid van de aanbieder is beperkt tot het bedrag dat
de deelnemer voor de betreffende workshop heeft betaald.
</li>
<li>
De aanbieder is niet aansprakelijk voor indirecte schade, gevolgschade,
gederfde winst of gemiste besparingen.
</li>
<li>
De aanbieder is niet aansprakelijk voor schade die voortvloeit uit het
toepassen van de tijdens de workshop opgedane kennis en vaardigheden.
</li>
<li>
De aanbieder is niet aansprakelijk voor verlies, diefstal of beschadiging
van persoonlijke eigendommen van de deelnemer tijdens de workshop.
</li>
<li>
De deelnemer is zelf verantwoordelijk voor de software en bestanden op
de eigen laptop. De aanbieder is niet aansprakelijk voor eventuele schade
aan of verlies van data.
</li>
</ul>
{/* Artikel 11 */}
<h2 className="heading-3 mt-8">Artikel 11 - Intellectueel eigendom</h2>
<ul className="list-disc pl-6 space-y-2">
<li>
Alle door de aanbieder verstrekte materialen (presentaties, werkboek,
oefeningen, code-voorbeelden) zijn en blijven intellectueel eigendom van
de aanbieder.
</li>
<li>
De deelnemer verkrijgt een persoonlijk, niet-overdraagbaar gebruiksrecht
op de verstrekte materialen, uitsluitend voor eigen gebruik.
</li>
<li>
Het is niet toegestaan workshopmateriaal te delen, te verveelvoudigen, te
publiceren of commercieel te gebruiken zonder schriftelijke toestemming van
de aanbieder.
</li>
<li>
Het is niet toegestaan de workshop of delen daarvan op te nemen (audio of
video) zonder voorafgaande schriftelijke toestemming.
</li>
<li>
Het project dat de deelnemer tijdens de workshop bouwt, is eigendom van de
deelnemer.
</li>
</ul>
{/* Artikel 12 */}
<h2 className="heading-3 mt-8">Artikel 12 - Privacy</h2>
<p>
De aanbieder verwerkt persoonsgegevens conform de Algemene Verordening
Gegevensbescherming (AVG). Het volledige privacybeleid is te raadplegen
op{' '}
<Link to="/privacy" className="text-coral-500 hover:text-coral-600">
de privacy pagina
</Link>
.
</p>
{/* Artikel 13 */}
<h2 className="heading-3 mt-8">Artikel 13 - Klachten</h2>
<ul className="list-disc pl-6 space-y-2">
<li>
Klachten over de workshop dienen binnen 14 dagen na de workshopdatum
schriftelijk te worden ingediend via{' '}
<a href="mailto:frank@frankmeeuwsen.com" className="text-coral-500 hover:text-coral-600">
frank@frankmeeuwsen.com
</a>
.
</li>
<li>
De aanbieder zal binnen 14 dagen na ontvangst van de klacht reageren
met een inhoudelijke reactie.
</li>
</ul>
{/* Artikel 14 */}
<h2 className="heading-3 mt-8">Artikel 14 - Toepasselijk recht en geschillen</h2>
<ul className="list-disc pl-6 space-y-2">
<li>
Op deze algemene voorwaarden en alle overeenkomsten tussen aanbieder en
deelnemer is Nederlands recht van toepassing.
</li>
<li>
Partijen zullen eerst proberen geschillen in onderling overleg op te
lossen alvorens een beroep te doen op de rechter.
</li>
<li>
Geschillen die niet in onderling overleg kunnen worden opgelost, worden
voorgelegd aan de bevoegde rechter in het arrondissement van de
vestigingsplaats van de aanbieder.
</li>
</ul>
</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;