import { createFileRoute, Link } from "@tanstack/react-router";

export const Route = createFileRoute("/privacy")({
	component: PrivacyPage,
});

function PrivacyPage() {
	return (
		<div className="min-h-screen bg-[#214e51]">
			<div className="mx-auto max-w-3xl px-6 py-16">
				<Link
					to="/"
					className="link-hover mb-8 inline-block text-white/80 hover:text-white"
				>
					← Terug naar home
				</Link>
				<h1 className="mb-8 font-['Intro',sans-serif] text-4xl text-white">
					Privacybeleid
				</h1>

				<div className="space-y-6 text-white/80">
					<section>
						<h2 className="mb-3 text-2xl text-white">
							Welke gegevens verzamelen we?
						</h2>
						<p>
							We verzamelen alleen de gegevens die je zelf invoert bij de
							registratie: voornaam, achternaam, e-mailadres, telefoonnummer,
							kunstvorm en ervaring.
						</p>
					</section>

					<section>
						<h2 className="mb-3 text-2xl text-white">
							Waarom verzamelen we deze gegevens?
						</h2>
						<p>
							We gebruiken je gegevens om je te kunnen contacteren over de Open
							Mic Night, om het programma samen te stellen en om je te
							informeren over aanvullende details over het evenement.
						</p>
					</section>

					<section>
						<h2 className="mb-3 text-2xl text-white">
							Hoe lang bewaren we je gegevens?
						</h2>
						<p>
							Je gegevens worden bewaard tot na het evenement en maximaal 6
							maanden daarna, tenzij je vraagt om eerder verwijdering.
						</p>
					</section>

					<section>
						<h2 className="mb-3 text-2xl text-white">Je rechten</h2>
						<p>
							Je hebt het recht om je gegevens in te zien, te corrigeren of te
							laten verwijderen. Neem hiervoor contact op via
							info@kunstenkamp.be.
						</p>
					</section>

					<section>
						<h2 className="mb-3 text-2xl text-white">Cookies</h2>
						<p>
							We gebruiken alleen analytische cookies om het gebruik van onze
							website te verbeteren. Deze cookies bevatten geen persoonlijke
							informatie.
						</p>
					</section>
				</div>
			</div>
		</div>
	);
}
