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

export const Route = createFileRoute("/terms")({
	component: TermsPage,
});

function TermsPage() {
	return (
		<div>
			<div className="mx-auto max-w-3xl px-6 py-12">
				<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">
					Algemene Voorwaarden
				</h1>

				<div className="space-y-6 text-white/80">
					<section>
						<h2 className="mb-3 text-2xl text-white">
							Deelname aan Open Mic Night
						</h2>
						<p>
							Door je te registreren voor de Open Mic Night ga je akkoord met
							deze voorwaarden. Je krijgt 5-7 minuten podiumtijd, afhankelijk
							van het aantal deelnemers.
						</p>
					</section>

					<section>
						<h2 className="mb-3 text-2xl text-white">Annulering</h2>
						<p>
							Als je niet kunt komen, geef dit dan minimaal 48 uur van tevoren
							door. Zo kunnen we iemand anders de kans geven om op te treden.
						</p>
					</section>

					<section>
						<h2 className="mb-3 text-2xl text-white">Gedragsregels</h2>
						<p>
							We verwachten van alle deelnemers dat ze respectvol omgaan met
							elkaar, het publiek en het materiaal. Discriminatie, intimidatie
							of agressief gedrag worden niet getolereerd.
						</p>
					</section>

					<section>
						<h2 className="mb-3 text-2xl text-white">Foto's en video's</h2>
						<p>
							Tijdens het evenement kunnen foto's en video's worden gemaakt voor
							promotionele doeleinden. Door deel te nemen ga je hiermee akkoord,
							tenziij je dit expliciet aangeeft bij de organisatie.
						</p>
					</section>

					<section>
						<h2 className="mb-3 text-2xl text-white">Aansprakelijkheid</h2>
						<p>
							Kunstenkamp is niet aansprakelijk voor verlies of beschadiging van
							persoonlijke eigendommen. Je bent zelf verantwoordelijk voor je
							eigen materiaal en instrumenten.
						</p>
					</section>
				</div>
			</div>
		</div>
	);
}
