From 2f0dc464696680e70b53aa35597e72845dd56af7 Mon Sep 17 00:00:00 2001
From: zias <vanneszias@icloud.com>
Date: Thu, 5 Mar 2026 16:28:22 +0100
Subject: [PATCH] fix:small ux&content fixes

---
 .../web/src/components/homepage/EventRegistrationForm.tsx | 7 +++----
 apps/web/src/components/homepage/Footer.tsx               | 4 ++--
 apps/web/src/components/homepage/Hero.tsx                 | 4 ++--
 apps/web/src/components/homepage/Info.tsx                 | 8 ++++----
 apps/web/src/routes/__root.tsx                            | 2 +-
 5 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/apps/web/src/components/homepage/EventRegistrationForm.tsx b/apps/web/src/components/homepage/EventRegistrationForm.tsx
index d421b81..1b45dd3 100644
--- a/apps/web/src/components/homepage/EventRegistrationForm.tsx
+++ b/apps/web/src/components/homepage/EventRegistrationForm.tsx
@@ -53,10 +53,12 @@ export default function EventRegistrationForm() {
 				<h2 className="mb-2 font-['Intro',sans-serif] text-3xl text-white md:text-4xl">
 					Schrijf je nu in!
 				</h2>
+				<p className="mb-2 max-w-3xl text-lg text-white/80 md:text-xl">
+					De Kunstenkamp jaarwerking organiseert een Open Mic
+				</p>
 				<p className="mb-8 max-w-3xl text-lg text-white/80 md:text-xl">
 					Doe je mee of kom je kijken? Kies je rol en vul het formulier in.
 				</p>
-
 				{/* Login nudge — shown only to guests */}
 				{!isLoggedIn && (
 					<div className="mb-10 flex flex-col gap-3 rounded-lg border border-[#52979b]/40 bg-[#52979b]/10 px-5 py-4 sm:flex-row sm:items-center sm:justify-between">
@@ -85,9 +87,7 @@ export default function EventRegistrationForm() {
 						</div>
 					</div>
 				)}
-
 				{!selectedType && <TypeSelector onSelect={setSelectedType} />}
-
 				{selectedType === "performer" && (
 					<PerformerForm
 						onBack={() => setSelectedType(null)}
@@ -100,7 +100,6 @@ export default function EventRegistrationForm() {
 						isLoggedIn={isLoggedIn}
 					/>
 				)}
-
 				{selectedType === "watcher" && (
 					<WatcherForm
 						onBack={() => setSelectedType(null)}
diff --git a/apps/web/src/components/homepage/Footer.tsx b/apps/web/src/components/homepage/Footer.tsx
index e6a4f21..46822ac 100644
--- a/apps/web/src/components/homepage/Footer.tsx
+++ b/apps/web/src/components/homepage/Footer.tsx
@@ -144,14 +144,14 @@ export default function Footer() {
 
 				{/* Copyright */}
 				<div className="mt-6 flex flex-col items-center gap-1">
-					<p className="font-['DM_Sans',sans-serif] text-white/40 text-xs">
+					<p className="font-['DM_Sans',sans-serif] text-white/60 text-xs">
 						© {new Date().getFullYear()} Kunstenkamp. Alle rechten voorbehouden.
 					</p>
 					<a
 						href="https://zias.be"
 						target="_blank"
 						rel="noopener noreferrer"
-						className="link-hover font-['DM_Sans',sans-serif] text-white/30 text-xs"
+						className="link-hover font-['DM_Sans',sans-serif] text-white/60 text-xs"
 					>
 						Gemaakt met ♥ door zias.be
 					</a>
diff --git a/apps/web/src/components/homepage/Hero.tsx b/apps/web/src/components/homepage/Hero.tsx
index f13e4ae..edb38e8 100644
--- a/apps/web/src/components/homepage/Hero.tsx
+++ b/apps/web/src/components/homepage/Hero.tsx
@@ -61,7 +61,7 @@ export default function Hero() {
 							type="button"
 							className="link-hover mt-4 cursor-pointer text-left font-['Intro',sans-serif] font-normal text-[clamp(1.25rem,2.5vw,2.625rem)] text-white/70 transition-colors duration-200 hover:text-white"
 						>
-							Ongedesemd brood
+							Ongedesemd Woord
 						</button>
 					</div>
 
@@ -114,7 +114,7 @@ export default function Hero() {
 							NIGHT
 						</h1>
 						<p className="mt-4 font-['Intro',sans-serif] font-normal text-[5vw] text-white/90">
-							Ongedesemd brood
+							Ongedesemd Woord
 						</p>
 
 						{/* Mobile Microphone - positioned inside magenta section, clipped by overflow */}
diff --git a/apps/web/src/components/homepage/Info.tsx b/apps/web/src/components/homepage/Info.tsx
index 006f3ce..c16d9c0 100644
--- a/apps/web/src/components/homepage/Info.tsx
+++ b/apps/web/src/components/homepage/Info.tsx
@@ -24,7 +24,7 @@ const faqQuestions = [
 export default function Info() {
 	return (
 		<section id="info" className="relative z-20 flex flex-col bg-[#d82560]/96">
-			{/* Hero Section - Ongedesemd Brood */}
+			{/* Hero Section - Ongedesemd Woord */}
 			<div className="relative w-full border-white/20 border-b-4">
 				{/* Background pattern */}
 				<div
@@ -43,7 +43,7 @@ export default function Info() {
 							viewBox="0 0 80 56"
 							fill="none"
 							xmlns="http://www.w3.org/2000/svg"
-							aria-label="Ongedesemd brood"
+							aria-label="Ongedesemd Woord"
 						>
 							{/* Flat matzo cracker - slightly rounded rect */}
 							<rect
@@ -97,7 +97,7 @@ export default function Info() {
 							className="block"
 							style={{ fontSize: "clamp(1rem, 6vw + 1rem, 6rem)" }}
 						>
-							Brood?!
+							Woord?!
 						</span>
 					</h2>
 
@@ -126,7 +126,7 @@ export default function Info() {
 				/>
 
 				<div className="relative mx-auto flex w-full max-w-6xl flex-1 flex-col justify-center gap-16">
-					{/* Ongedesemd Brood Explanation - Full Width Special Treatment */}
+					{/* Ongedesemd Woord Explanation - Full Width Special Treatment */}
 					<div className="relative flex flex-col gap-6 rounded-2xl border-2 border-white/20 bg-white/5 p-8 md:p-12">
 						<div className="absolute top-0 -left-4 h-full w-1 bg-gradient-to-b from-white/0 via-white/60 to-white/0" />
 
diff --git a/apps/web/src/routes/__root.tsx b/apps/web/src/routes/__root.tsx
index e5f7d3e..24e6ad4 100644
--- a/apps/web/src/routes/__root.tsx
+++ b/apps/web/src/routes/__root.tsx
@@ -15,7 +15,7 @@ import type { orpc } from "@/utils/orpc";
 import appCss from "../index.css?url";
 
 const siteUrl = "https://kunstenkamp.be";
-const siteTitle = "Kunstenkamp Open Mic Night - Ongedesemd Brood";
+const siteTitle = "Kunstenkamp Open Mic Night - Ongedesemd Woord";
 const siteDescription =
 	"Doe mee met de Open Mic Night op 18 april! Een avond vol muziek, theater, dans, woordkunst en meer. Iedereen is welkom - van beginner tot professional.";
 const eventImage = `${siteUrl}/assets/og-image.jpg`;