export default function Footer() {
	return (
		<footer className="snap-section 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
				</h3>
				<p className="mb-6 font-['Intro',sans-serif] text-white/80">
					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">
						Privacy Policy
					</a>
					<span className="text-white/40">|</span>
					<a href="/terms" className="transition-colors hover:text-white">
						Terms of Service
					</a>
					<span className="text-white/40">|</span>
					<a href="/contact" className="transition-colors hover:text-white">
						Contact
					</a>
				</div>

				<div className="mt-6 font-['Intro',sans-serif] text-white/50 text-xs">
					© 2026 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>
			</div>
		</footer>
	);
}
