feat:accessibility, new routes, cookie consent, and UI improvements
- Add contact, privacy, and terms pages - Add CookieConsent component with accept/decline and localStorage - Add self-hosted DM Sans font with @font-face definitions - Improve registration form with field validation, blur handlers, and performer toggle - Redesign Info section with 'Ongedesemd Brood' hero and FAQ layout - Remove scroll-snap behavior from all sections - Add reduced motion support and selection color theming - Add SVG favicon and SEO meta tags in root layout - Improve accessibility: aria attributes, semantic HTML, focus styles - Add link-hover underline animation utility
This commit is contained in:
75
apps/web/src/routes/privacy.tsx
Normal file
75
apps/web/src/routes/privacy.tsx
Normal file
@@ -0,0 +1,75 @@
|
||||
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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user