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

apps/web/src/components/homepage/Footer.tsx

@@ -17,7 +17,7 @@ export default function Footer() {
 	}, []);
 
 	return (
-		<footer className="snap-section relative z-40 flex h-[250px] flex-col items-center justify-center bg-[#d09035]">
+		<footer className="relative z-40 flex h-[250px] flex-col items-center justify-center bg-[#d09035]">
 			<div className="text-center">
 				<h3 className="mb-4 font-['Intro',sans-serif] text-2xl text-white">
 					Kunstenkamp
@@ -26,33 +26,47 @@ export default function Footer() {
 					Waar creativiteit tot leven komt
 				</p>
 
-				<div className="flex items-center justify-center gap-8 font-['Intro',sans-serif] text-sm text-white/70">
-					<a href="/privacy" className="transition-colors hover:text-white">
+				<div className="flex items-center justify-center gap-8 text-sm text-white/70">
+					<a
+						href="/privacy"
+						className="link-hover transition-colors hover:text-white"
+					>
 						Privacy Policy
 					</a>
 					<span className="text-white/40">|</span>
-					<a href="/terms" className="transition-colors hover:text-white">
+					<a
+						href="/terms"
+						className="link-hover transition-colors hover:text-white"
+					>
 						Terms of Service
 					</a>
 					<span className="text-white/40">|</span>
-					<a href="/contact" className="transition-colors hover:text-white">
+					<a
+						href="/contact"
+						className="link-hover transition-colors hover:text-white"
+					>
 						Contact
 					</a>
 					{!isLoading && isAdmin && (
 						<>
 							<span className="text-white/40">|</span>
-							<Link to="/admin" className="transition-colors hover:text-white">
+							<Link
+								to="/admin"
+								className="link-hover transition-colors hover:text-white"
+							>
 								Admin
 							</Link>
 						</>
 					)}
 				</div>
 
-				<div className="mt-6 font-['Intro',sans-serif] text-white/50 text-xs">
-					© 2026 Kunstenkamp. Alle rechten voorbehouden.
+				<div className="mt-6 text-white/50 text-xs">
+					© {new Date().getFullYear()} Kunstenkamp. Alle rechten voorbehouden.
 				</div>
-				<div className="font-['Intro',sans-serif] text-white/50 text-xs">
-					<a href="https://zias.be">Gemaakt met ♥ door zias.be</a>
+				<div className="text-white/50 text-xs transition-colors hover:text-white">
+					<a href="https://zias.be" className="link-hover">
+						Gemaakt met ♥ door zias.be
+					</a>
 				</div>
 			</div>
 		</footer>