webpage start

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

@@ -1,13 +1,33 @@
 export default function Footer() {
 	return (
-		<footer>
-			<div>
-				<div>© 2024 My App. All rights reserved.</div>
+		<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>
-					<a href="/privacy">Privacy Policy</a>
-					<a href="/terms">Terms of Service</a>
-					<a href="/contact">Contact</a>
+				<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>