feat(registration): update event date and add required guest fields

Change event date from April 18 to April 24 across all pages and emails.
Add birthdate and postcode as required fields for guest registration.
Update API to support multiple registrations per user. Enhance admin
panel with expandable guest details view.

apps/web/package.json

@@ -30,7 +30,6 @@
 		"@tanstack/react-start": "^1.141.1",
 		"@tanstack/router-plugin": "^1.141.1",
 		"better-auth": "catalog:",
-		"canvas-confetti": "^1.9.4",
 		"class-variance-authority": "^0.7.1",
 		"clsx": "^2.1.1",
 		"dotenv": "catalog:",
@@ -57,7 +56,6 @@
 		"@tanstack/react-router-devtools": "^1.141.1",
 		"@testing-library/dom": "^10.4.0",
 		"@testing-library/react": "^16.2.0",
-		"@types/canvas-confetti": "^1.9.0",
 		"@types/qrcode": "^1.5.6",
 		"@types/react": "19.2.7",
 		"@types/react-dom": "19.2.3",

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

@@ -1,298 +0,0 @@
-import confetti from "canvas-confetti";
-import { useEffect, useRef, useState } from "react";
-import { REGISTRATION_OPENS_AT } from "@/lib/opening";
-import { useRegistrationOpen } from "@/lib/useRegistrationOpen";
-import { client } from "@/utils/orpc";
-
-function pad(n: number): string {
-	return String(n).padStart(2, "0");
-}
-
-interface UnitBoxProps {
-	value: string;
-	label: string;
-}
-
-function UnitBox({ value, label }: UnitBoxProps) {
-	return (
-		<div className="flex flex-col items-center gap-1">
-			<div className="flex w-14 items-center justify-center rounded-sm bg-white/10 px-2 py-2 font-['Intro',sans-serif] text-3xl text-white tabular-nums sm:w-auto sm:px-4 sm:py-3 sm:text-5xl md:text-6xl lg:text-7xl">
-				{value}
-			</div>
-			<span className="font-['Intro',sans-serif] text-[9px] text-white/50 uppercase tracking-widest sm:text-xs">
-				{label}
-			</span>
-		</div>
-	);
-}
-
-function fireConfetti() {
-	const colors = ["#d82560", "#52979b", "#d09035", "#214e51", "#ffffff"];
-
-	// Three bursts from different origins
-	confetti({
-		particleCount: 120,
-		spread: 80,
-		origin: { x: 0.3, y: 0.6 },
-		colors,
-	});
-	setTimeout(() => {
-		confetti({
-			particleCount: 120,
-			spread: 80,
-			origin: { x: 0.7, y: 0.6 },
-			colors,
-		});
-	}, 200);
-	setTimeout(() => {
-		confetti({
-			particleCount: 80,
-			spread: 100,
-			origin: { x: 0.5, y: 0.5 },
-			colors,
-		});
-	}, 400);
-}
-
-// Reminder opt-in form — sits at the very bottom of the banner
-function ReminderForm() {
-	const [email, setEmail] = useState("");
-	const [status, setStatus] = useState<
-		"idle" | "loading" | "subscribed" | "already_subscribed" | "error"
-	>("idle");
-	const [errorMessage, setErrorMessage] = useState("");
-
-	async function handleSubmit(e: React.FormEvent) {
-		e.preventDefault();
-		if (!email || status === "loading") return;
-
-		setStatus("loading");
-		try {
-			const result = await client.subscribeReminder({ email });
-			if (!result.ok && result.reason === "already_open") {
-				setStatus("idle");
-				return;
-			}
-			setStatus("subscribed");
-		} catch (err) {
-			setErrorMessage(err instanceof Error ? err.message : "Er ging iets mis.");
-			setStatus("error");
-		}
-	}
-
-	const reminderTime = REGISTRATION_OPENS_AT.toLocaleTimeString("nl-BE", {
-		hour: "2-digit",
-		minute: "2-digit",
-	});
-
-	return (
-		<div
-			className="w-full"
-			style={{
-				animation: "reminderFadeIn 0.6s ease both",
-				animationDelay: "0.3s",
-			}}
-		>
-			<style>{`
-				@keyframes reminderFadeIn {
-					from { opacity: 0; transform: translateY(8px); }
-					to   { opacity: 1; transform: translateY(0); }
-				}
-				@keyframes reminderCheck {
-					from { opacity: 0; transform: scale(0.7); }
-					to   { opacity: 1; transform: scale(1); }
-				}
-			`}</style>
-
-			{/* Hairline divider */}
-			<div
-				className="mx-auto mb-6 h-px w-24"
-				style={{
-					background:
-						"linear-gradient(to right, transparent, rgba(255,255,255,0.15), transparent)",
-				}}
-			/>
-
-			{status === "subscribed" || status === "already_subscribed" ? (
-				<div
-					className="flex flex-col items-center gap-2"
-					style={{
-						animation: "reminderCheck 0.4s cubic-bezier(0.34,1.56,0.64,1) both",
-					}}
-				>
-					{/* Checkmark glyph */}
-					<div
-						className="flex h-8 w-8 items-center justify-center rounded-full"
-						style={{
-							background: "rgba(255,255,255,0.12)",
-							border: "1px solid rgba(255,255,255,0.2)",
-						}}
-					>
-						<svg
-							width="14"
-							height="14"
-							viewBox="0 0 14 14"
-							fill="none"
-							aria-label="Vinkje"
-							role="img"
-						>
-							<path
-								d="M2.5 7L5.5 10L11.5 4"
-								stroke="white"
-								strokeWidth="1.5"
-								strokeLinecap="round"
-								strokeLinejoin="round"
-							/>
-						</svg>
-					</div>
-					<p
-						className="font-['Intro',sans-serif] text-sm tracking-wide"
-						style={{ color: "rgba(255,255,255,0.65)" }}
-					>
-						Herinnering ingepland voor {reminderTime}
-					</p>
-				</div>
-			) : (
-				<div className="flex flex-col items-center gap-3">
-					<p
-						className="font-['Intro',sans-serif] text-xs uppercase tracking-widest"
-						style={{ color: "rgba(255,255,255,0.35)", letterSpacing: "0.14em" }}
-					>
-						Herinnering ontvangen?
-					</p>
-
-					{/* Fused pill input + button */}
-					<form
-						onSubmit={handleSubmit}
-						className="flex w-full max-w-xs overflow-hidden"
-						style={{
-							borderRadius: "3px",
-							border: "1px solid rgba(255,255,255,0.18)",
-							background: "rgba(255,255,255,0.07)",
-							backdropFilter: "blur(6px)",
-						}}
-					>
-						<input
-							type="email"
-							required
-							placeholder="jouw@email.be"
-							value={email}
-							onChange={(e) => setEmail(e.target.value)}
-							disabled={status === "loading"}
-							className="min-w-0 flex-1 bg-transparent px-4 py-2.5 text-sm text-white outline-none disabled:opacity-50"
-							style={{
-								fontFamily: "'Intro', sans-serif",
-								fontSize: "0.8rem",
-								letterSpacing: "0.02em",
-							}}
-						/>
-						{/* Vertical separator */}
-						<div
-							style={{
-								width: "1px",
-								background: "rgba(255,255,255,0.15)",
-								flexShrink: 0,
-							}}
-						/>
-						<button
-							type="submit"
-							disabled={status === "loading" || !email}
-							className="shrink-0 px-4 py-2.5 font-semibold text-xs transition-all disabled:opacity-40"
-							style={{
-								fontFamily: "'Intro', sans-serif",
-								letterSpacing: "0.06em",
-								color:
-									status === "loading"
-										? "rgba(255,255,255,0.5)"
-										: "rgba(255,255,255,0.9)",
-								background: "transparent",
-								cursor:
-									status === "loading" || !email ? "not-allowed" : "pointer",
-								whiteSpace: "nowrap",
-							}}
-						>
-							{status === "loading" ? "…" : "Stuur mij"}
-						</button>
-					</form>
-
-					{status === "error" && (
-						<p
-							className="font-['Intro',sans-serif] text-xs"
-							style={{ color: "rgba(255,140,140,0.8)" }}
-						>
-							{errorMessage}
-						</p>
-					)}
-				</div>
-			)}
-		</div>
-	);
-}
-
-/**
- * Shown in place of the registration form while registration is not yet open.
- * Fires confetti the moment the gate opens (without a page reload).
- */
-export function CountdownBanner() {
-	const { isOpen, days, hours, minutes, seconds } = useRegistrationOpen();
-	const confettiFired = useRef(false);
-
-	useEffect(() => {
-		if (isOpen && !confettiFired.current) {
-			confettiFired.current = true;
-			fireConfetti();
-		}
-	}, [isOpen]);
-
-	// Once open the parent component will unmount this — but render nothing just in case
-	if (isOpen) return null;
-
-	const openDate = REGISTRATION_OPENS_AT.toLocaleDateString("nl-BE", {
-		weekday: "long",
-		day: "numeric",
-		month: "long",
-		year: "numeric",
-	});
-	const openTime = REGISTRATION_OPENS_AT.toLocaleTimeString("nl-BE", {
-		hour: "2-digit",
-		minute: "2-digit",
-	});
-
-	return (
-		<div className="flex flex-col items-center gap-6 py-4 text-center sm:gap-8">
-			<div>
-				<p className="font-['Intro',sans-serif] text-base text-white/70 sm:text-lg md:text-xl">
-					Inschrijvingen openen op
-				</p>
-				<p className="mt-1 font-['Intro',sans-serif] text-lg text-white capitalize sm:text-xl md:text-2xl">
-					{openDate} om {openTime}
-				</p>
-			</div>
-
-			{/* Countdown — single row forced via grid, scales down on small screens */}
-			<div className="grid grid-cols-[auto_auto_auto_auto_auto_auto_auto] items-center gap-1.5 sm:flex sm:gap-4 md:gap-6">
-				<UnitBox value={String(days)} label="dagen" />
-				<span className="mb-6 font-['Intro',sans-serif] text-2xl text-white/40 sm:text-4xl">
-					:
-				</span>
-				<UnitBox value={pad(hours)} label="uren" />
-				<span className="mb-6 font-['Intro',sans-serif] text-2xl text-white/40 sm:text-4xl">
-					:
-				</span>
-				<UnitBox value={pad(minutes)} label="minuten" />
-				<span className="mb-6 font-['Intro',sans-serif] text-2xl text-white/40 sm:text-4xl">
-					:
-				</span>
-				<UnitBox value={pad(seconds)} label="seconden" />
-			</div>
-
-			<p className="max-w-md px-4 text-sm text-white/50">
-				Kom snel terug! Zodra de inschrijvingen openen kun je je hier
-				registreren als toeschouwer of als artiest.
-			</p>
-
-			{/* Email reminder opt-in — always last */}
-			<ReminderForm />
-		</div>
-	);
-}

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

@@ -1,12 +1,10 @@
 import { Link } from "@tanstack/react-router";
 import { useState } from "react";
-import { CountdownBanner } from "@/components/homepage/CountdownBanner";
 import { PerformerForm } from "@/components/registration/PerformerForm";
 import { SuccessScreen } from "@/components/registration/SuccessScreen";
 import { TypeSelector } from "@/components/registration/TypeSelector";
 import { WatcherForm } from "@/components/registration/WatcherForm";
 import { authClient } from "@/lib/auth-client";
-import { useRegistrationOpen } from "@/lib/useRegistrationOpen";
 
 type RegistrationType = "performer" | "watcher";
 
@@ -18,7 +16,6 @@ interface SuccessState {
 
 export default function EventRegistrationForm() {
 	const { data: session } = authClient.useSession();
-	const { isOpen } = useRegistrationOpen();
 	const [selectedType, setSelectedType] = useState<RegistrationType | null>(
 		null,
 	);
@@ -39,6 +36,7 @@ export default function EventRegistrationForm() {
 				token={successState.token}
 				email={successState.email}
 				name={successState.name}
+				isLoggedIn={isLoggedIn}
 				onReset={() => {
 					setSuccessState(null);
 					setSelectedType(null);
@@ -47,19 +45,6 @@ export default function EventRegistrationForm() {
 		);
 	}
 
-	if (!isOpen) {
-		return (
-			<section
-				id="registration"
-				className="relative z-30 w-full bg-[#214e51]/96 px-6 py-16 md:px-12"
-			>
-				<div className="mx-auto w-full max-w-6xl">
-					<CountdownBanner />
-				</div>
-			</section>
-		);
-	}
-
 	return (
 		<section
 			id="registration"
@@ -75,7 +60,6 @@ export default function EventRegistrationForm() {
 				<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">

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

@@ -83,7 +83,7 @@ export default function Hero() {
 					{/* Bottom Right - Dark Teal with date - above mic */}
 					<div className="relative flex flex-1 items-center justify-end bg-[#214e51]">
 						<p className="px-12 text-right font-['Intro',sans-serif] font-normal text-[clamp(2rem,5vw,6rem)] text-white uppercase leading-[1.1]">
-							VRIJDAG 18
+							VRIJDAG 24
 							<br />
 							april
 						</p>
@@ -153,7 +153,7 @@ export default function Hero() {
 							<p className="text-right font-['Intro',sans-serif] font-normal text-[8vw] text-white uppercase leading-tight">
 								VRIJDAG
 								<br />
-								18 april
+								24 april
 							</p>
 						</div>
 					</div>

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

@@ -1,75 +0,0 @@
-export default function HoeInschrijven() {
-	return (
-		<section className="relative z-25 w-full bg-[#f8f8f8] px-6 py-16 md:px-12">
-			<div className="mx-auto max-w-6xl">
-				<h2 className="mb-4 font-['Intro',sans-serif] text-4xl text-[#214e51] md:text-5xl">
-					Hoe schrijf ik mij in?
-				</h2>
-				<p className="mb-10 max-w-3xl text-[#214e51]/70 text-lg">
-					Inschrijven doe je eenvoudig via deze website zodra de inschrijvingen
-					openen.
-				</p>
-
-				{/* Step cards */}
-				<div className="grid gap-6 md:grid-cols-3">
-					{/* Step 1 */}
-					<div className="flex flex-col gap-3 rounded-2xl border border-[#214e51]/15 bg-white p-6 shadow-sm">
-						<div className="flex h-10 w-10 items-center justify-center rounded-full bg-[#d82560] font-['Intro',sans-serif] font-bold text-lg text-white">
-							1
-						</div>
-						<h3 className="font-['Intro',sans-serif] text-[#214e51] text-xl">
-							Kies je rol
-						</h3>
-						<p className="text-[#214e51]/70 text-base leading-relaxed">
-							Registreer je als{" "}
-							<strong className="text-[#214e51]">artiest</strong> als je wil
-							optreden, of als{" "}
-							<strong className="text-[#214e51]">bezoeker</strong> als je wil
-							komen kijken. Je kunt ook aangeven met hoeveel mensen je komt.
-						</p>
-					</div>
-
-					{/* Step 2 */}
-					<div className="flex flex-col gap-3 rounded-2xl border border-[#214e51]/15 bg-white p-6 shadow-sm">
-						<div className="flex h-10 w-10 items-center justify-center rounded-full bg-[#d82560] font-['Intro',sans-serif] font-bold text-lg text-white">
-							2
-						</div>
-						<h3 className="font-['Intro',sans-serif] text-[#214e51] text-xl">
-							Bevestig je plaats
-						</h3>
-						<p className="text-[#214e51]/70 text-base leading-relaxed">
-							We vragen een bijdrage van{" "}
-							<strong className="text-[#214e51]">€5 per inschrijving</strong> en{" "}
-							<strong className="text-[#214e51]">€2 per extra persoon</strong>{" "}
-							die je meebrengt.
-						</p>
-					</div>
-
-					{/* Step 3 */}
-					<div className="flex flex-col gap-3 rounded-2xl border border-[#214e51]/15 bg-white p-6 shadow-sm">
-						<div className="flex h-10 w-10 items-center justify-center rounded-full bg-[#d82560] font-['Intro',sans-serif] font-bold text-lg text-white">
-							3
-						</div>
-						<h3 className="font-['Intro',sans-serif] text-[#214e51] text-xl">
-							Geniet van de avond
-						</h3>
-						<p className="text-[#214e51]/70 text-base leading-relaxed">
-							Je bijdrage gaat{" "}
-							<strong className="text-[#214e51]">niet verloren</strong> — het
-							wordt volledig op{" "}
-							<strong className="text-[#214e51]">je drankkaart</strong> gezet.
-							Zo kun je tijdens de avond iets drinken of een snack nemen.
-						</p>
-					</div>
-				</div>
-
-				{/* Bottom note */}
-				<p className="mt-8 max-w-3xl text-[#214e51]/60 text-base leading-relaxed">
-					Zo zorgen we ervoor dat iedereen die zich inschrijft ook echt een
-					plaats heeft — en dat we samen kunnen genieten van een gezellige,
-					inspirerende avond vol muziek, poëzie en andere kunst.
-				</p>
-			</div>
-		</section>
-	);
-}

apps/web/src/components/registration/GuestList.tsx

@@ -204,6 +204,51 @@ export function GuestList({
 								)}
 							</div>
 
+							<div className="flex flex-col gap-2">
+								<label
+									htmlFor={`guest-${idx}-birthdate`}
+									className="text-white/80"
+								>
+									Geboortedatum <span className="text-red-300">*</span>
+								</label>
+								<input
+									type="date"
+									id={`guest-${idx}-birthdate`}
+									value={guest.birthdate}
+									onChange={(e) => onChange(idx, "birthdate", e.target.value)}
+									autoComplete="off"
+									className={inputCls(!!errors[idx]?.birthdate)}
+								/>
+								{errors[idx]?.birthdate && (
+									<span className="text-red-300 text-sm" role="alert">
+										{errors[idx].birthdate}
+									</span>
+								)}
+							</div>
+
+							<div className="flex flex-col gap-2">
+								<label
+									htmlFor={`guest-${idx}-postcode`}
+									className="text-white/80"
+								>
+									Postcode <span className="text-red-300">*</span>
+								</label>
+								<input
+									type="text"
+									id={`guest-${idx}-postcode`}
+									value={guest.postcode}
+									onChange={(e) => onChange(idx, "postcode", e.target.value)}
+									placeholder="1234 AB"
+									autoComplete="off"
+									className={inputCls(!!errors[idx]?.postcode)}
+								/>
+								{errors[idx]?.postcode && (
+									<span className="text-red-300 text-sm" role="alert">
+										{errors[idx].postcode}
+									</span>
+								)}
+							</div>
+
 							<div className="flex flex-col gap-2">
 								<label htmlFor={`guest-${idx}-email`} className="text-white/80">
 									E-mail

apps/web/src/components/registration/PerformerForm.tsx

@@ -15,6 +15,8 @@ interface PerformerErrors {
 	lastName?: string;
 	email?: string;
 	phone?: string;
+	postcode?: string;
+	birthdate?: string;
 	artForm?: string;
 	isOver16?: string;
 }
@@ -41,6 +43,8 @@ export function PerformerForm({
 		lastName: prefillLastName,
 		email: prefillEmail,
 		phone: "",
+		postcode: "",
+		birthdate: "",
 		artForm: "",
 		experience: "",
 		isOver16: false,
@@ -71,6 +75,8 @@ export function PerformerForm({
 			lastName: validateTextField(data.lastName, true, "Achternaam"),
 			email: validateEmail(data.email),
 			phone: validatePhone(data.phone),
+			postcode: !data.postcode.trim() ? "Postcode is verplicht" : undefined,
+			birthdate: !data.birthdate ? "Geboortedatum is verplicht" : undefined,
 			artForm: !data.artForm.trim() ? "Kunstvorm is verplicht" : undefined,
 			isOver16: !data.isOver16
 				? "Je moet 16 jaar of ouder zijn om op te treden"
@@ -82,6 +88,8 @@ export function PerformerForm({
 			lastName: true,
 			email: true,
 			phone: true,
+			postcode: true,
+			birthdate: true,
 			artForm: true,
 			isOver16: true,
 		});
@@ -110,6 +118,14 @@ export function PerformerForm({
 				),
 				email: validateEmail(name === "email" ? value : data.email),
 				phone: validatePhone(name === "phone" ? value : data.phone),
+				postcode:
+					name === "postcode" && !value.trim()
+						? "Postcode is verplicht"
+						: undefined,
+				birthdate:
+					name === "birthdate" && !value
+						? "Geboortedatum is verplicht"
+						: undefined,
 				artForm:
 					name === "artForm" && !value.trim()
 						? "Kunstvorm is verplicht"
@@ -129,6 +145,14 @@ export function PerformerForm({
 			lastName: validateTextField(value, true, "Achternaam"),
 			email: validateEmail(value),
 			phone: validatePhone(value),
+			postcode:
+				name === "postcode" && !value.trim()
+					? "Postcode is verplicht"
+					: undefined,
+			birthdate:
+				name === "birthdate" && !value
+					? "Geboortedatum is verplicht"
+					: undefined,
 			artForm: !value.trim() ? "Kunstvorm is verplicht" : undefined,
 		};
 		setErrors((prev) => ({ ...prev, [name]: errMap[name] }));
@@ -145,6 +169,8 @@ export function PerformerForm({
 			lastName: data.lastName.trim(),
 			email: data.email.trim(),
 			phone: data.phone.trim() || undefined,
+			postcode: data.postcode.trim(),
+			birthdate: data.birthdate,
 			registrationType: "performer",
 			artForm: data.artForm.trim() || undefined,
 			experience: data.experience.trim() || undefined,
@@ -306,6 +332,54 @@ export function PerformerForm({
 					</div>
 				</div>
 
+				{/* Postcode + Birthdate row */}
+				<div className="grid grid-cols-1 gap-6 md:grid-cols-2">
+					<div className="flex flex-col gap-2">
+						<label htmlFor="p-postcode" className="text-white text-xl">
+							Postcode <span className="text-red-300">*</span>
+						</label>
+						<input
+							type="text"
+							id="p-postcode"
+							name="postcode"
+							value={data.postcode}
+							onChange={handleChange}
+							onBlur={handleBlur}
+							placeholder="1234 AB"
+							autoComplete="postal-code"
+							aria-required="true"
+							aria-invalid={touched.postcode && !!errors.postcode}
+							className={inputCls(!!touched.postcode && !!errors.postcode)}
+						/>
+						{touched.postcode && errors.postcode && (
+							<span className="text-red-300 text-sm" role="alert">
+								{errors.postcode}
+							</span>
+						)}
+					</div>
+					<div className="flex flex-col gap-2">
+						<label htmlFor="p-birthdate" className="text-white text-xl">
+							Geboortedatum <span className="text-red-300">*</span>
+						</label>
+						<input
+							type="date"
+							id="p-birthdate"
+							name="birthdate"
+							value={data.birthdate}
+							onChange={handleChange}
+							onBlur={handleBlur}
+							autoComplete="bday"
+							aria-invalid={touched.birthdate && !!errors.birthdate}
+							className={`${inputCls(!!touched.birthdate && !!errors.birthdate)} [color-scheme:dark]`}
+						/>
+						{touched.birthdate && errors.birthdate && (
+							<span className="text-red-300 text-sm" role="alert">
+								{errors.birthdate}
+							</span>
+						)}
+					</div>
+				</div>
+
 				{/* Performer-specific fields */}
 				<div className="border border-amber-400/20 bg-amber-400/5 p-6">
 					<p className="mb-5 text-amber-300/80 text-sm uppercase tracking-wider">

apps/web/src/components/registration/SuccessScreen.tsx

@@ -5,9 +5,16 @@ interface Props {
 	email?: string;
 	name?: string;
 	onReset: () => void;
+	isLoggedIn?: boolean;
 }
 
-export function SuccessScreen({ token, email, name, onReset }: Props) {
+export function SuccessScreen({
+	token,
+	email,
+	name,
+	onReset,
+	isLoggedIn,
+}: Props) {
 	const manageUrl =
 		typeof window !== "undefined"
 			? `${window.location.origin}/manage/${token}`
@@ -97,8 +104,8 @@ export function SuccessScreen({ token, email, name, onReset }: Props) {
 						</button>
 					</div>
 
-					{/* Account creation prompt */}
-					{!drinkkaartPromptDismissed && (
+					{/* Account creation prompt — hidden when already logged in */}
+					{!isLoggedIn && !drinkkaartPromptDismissed && (
 						<div className="mt-8 rounded-xl border border-teal-400/30 bg-teal-400/10 p-6">
 							<h3 className="mb-1 font-['Intro',sans-serif] text-lg text-white">
 								Maak een gratis account aan

apps/web/src/components/registration/WatcherForm.tsx

@@ -12,7 +12,6 @@ import {
 	validatePhone,
 	validateTextField,
 } from "@/lib/registration";
-import { useRegistrationOpen } from "@/lib/useRegistrationOpen";
 import { client, orpc } from "@/utils/orpc";
 import { GiftSelector } from "./GiftSelector";
 import { GuestList } from "./GuestList";
@@ -22,6 +21,8 @@ interface WatcherErrors {
 	lastName?: string;
 	email?: string;
 	phone?: string;
+	postcode?: string;
+	birthdate?: string;
 }
 
 interface Props {
@@ -50,7 +51,6 @@ function AccountModal({
 	const [password, setPassword] = useState("");
 	const [confirmPassword, setConfirmPassword] = useState("");
 	const [passwordError, setPasswordError] = useState<string | undefined>();
-	const { isOpen } = useRegistrationOpen();
 
 	const signupMutation = useMutation({
 		mutationFn: async () => {
@@ -85,10 +85,6 @@ function AccountModal({
 
 	const handleSignup = (e: React.FormEvent) => {
 		e.preventDefault();
-		if (!isOpen) {
-			toast.error("Registratie is nog niet open");
-			return;
-		}
 		if (password.length < 8) {
 			setPasswordError("Wachtwoord moet minstens 8 tekens zijn");
 			return;
@@ -257,6 +253,8 @@ export function WatcherForm({
 		lastName: prefillLastName,
 		email: prefillEmail,
 		phone: "",
+		postcode: "",
+		birthdate: "",
 		extraQuestions: "",
 	});
 	const [errors, setErrors] = useState<WatcherErrors>({});
@@ -312,6 +310,8 @@ export function WatcherForm({
 			lastName: validateTextField(data.lastName, true, "Achternaam"),
 			email: validateEmail(data.email),
 			phone: validatePhone(data.phone),
+			postcode: !data.postcode.trim() ? "Postcode is verplicht" : undefined,
+			birthdate: !data.birthdate ? "Geboortedatum is verplicht" : undefined,
 		};
 		setErrors(fieldErrs);
 		setTouched({
@@ -319,6 +319,8 @@ export function WatcherForm({
 			lastName: true,
 			email: true,
 			phone: true,
+			postcode: true,
+			birthdate: true,
 		});
 		const { errors: gErrs, valid: gValid } = validateGuests(guests);
 		setGuestErrors(gErrs);
@@ -336,6 +338,14 @@ export function WatcherForm({
 				lastName: validateTextField(value, true, "Achternaam"),
 				email: validateEmail(value),
 				phone: validatePhone(value),
+				postcode:
+					name === "postcode" && !value.trim()
+						? "Postcode is verplicht"
+						: undefined,
+				birthdate:
+					name === "birthdate" && !value
+						? "Geboortedatum is verplicht"
+						: undefined,
 			};
 			setErrors((prev) => ({ ...prev, [name]: errMap[name] }));
 		}
@@ -351,6 +361,14 @@ export function WatcherForm({
 			lastName: validateTextField(value, true, "Achternaam"),
 			email: validateEmail(value),
 			phone: validatePhone(value),
+			postcode:
+				name === "postcode" && !value.trim()
+					? "Postcode is verplicht"
+					: undefined,
+			birthdate:
+				name === "birthdate" && !value
+					? "Geboortedatum is verplicht"
+					: undefined,
 		};
 		setErrors((prev) => ({ ...prev, [name]: errMap[name] }));
 	}
@@ -371,7 +389,14 @@ export function WatcherForm({
 		if (guests.length >= 9) return;
 		setGuests((prev) => [
 			...prev,
-			{ firstName: "", lastName: "", email: "", phone: "" },
+			{
+				firstName: "",
+				lastName: "",
+				email: "",
+				phone: "",
+				birthdate: "",
+				postcode: "",
+			},
 		]);
 		setGuestErrors((prev) => [...prev, {}]);
 	}
@@ -392,12 +417,16 @@ export function WatcherForm({
 			lastName: data.lastName.trim(),
 			email: data.email.trim(),
 			phone: data.phone.trim() || undefined,
+			postcode: data.postcode.trim(),
+			birthdate: data.birthdate,
 			registrationType: "watcher",
 			guests: guests.map((g) => ({
 				firstName: g.firstName.trim(),
 				lastName: g.lastName.trim(),
 				email: g.email.trim() || undefined,
 				phone: g.phone.trim() || undefined,
+				birthdate: g.birthdate.trim(),
+				postcode: g.postcode.trim(),
 			})),
 			extraQuestions: data.extraQuestions.trim() || undefined,
 			giftAmount,
@@ -591,6 +620,54 @@ export function WatcherForm({
 					</div>
 				</div>
 
+				{/* Postcode + Birthdate row */}
+				<div className="grid grid-cols-1 gap-6 md:grid-cols-2">
+					<div className="flex flex-col gap-2">
+						<label htmlFor="w-postcode" className="text-white text-xl">
+							Postcode <span className="text-red-300">*</span>
+						</label>
+						<input
+							type="text"
+							id="w-postcode"
+							name="postcode"
+							value={data.postcode}
+							onChange={handleChange}
+							onBlur={handleBlur}
+							placeholder="1234 AB"
+							autoComplete="postal-code"
+							aria-required="true"
+							aria-invalid={touched.postcode && !!errors.postcode}
+							className={inputCls(!!touched.postcode && !!errors.postcode)}
+						/>
+						{touched.postcode && errors.postcode && (
+							<span className="text-red-300 text-sm" role="alert">
+								{errors.postcode}
+							</span>
+						)}
+					</div>
+					<div className="flex flex-col gap-2">
+						<label htmlFor="w-birthdate" className="text-white text-xl">
+							Geboortedatum <span className="text-red-300">*</span>
+						</label>
+						<input
+							type="date"
+							id="w-birthdate"
+							name="birthdate"
+							value={data.birthdate}
+							onChange={handleChange}
+							onBlur={handleBlur}
+							autoComplete="bday"
+							aria-invalid={touched.birthdate && !!errors.birthdate}
+							className={`${inputCls(!!touched.birthdate && !!errors.birthdate)} [color-scheme:dark]`}
+						/>
+						{touched.birthdate && errors.birthdate && (
+							<span className="text-red-300 text-sm" role="alert">
+								{errors.birthdate}
+							</span>
+						)}
+					</div>
+				</div>
+
 				{/* Guests */}
 				<GuestList
 					guests={guests}

apps/web/src/lib/opening.ts

@@ -1,5 +0,0 @@
-/**
- * Single source-of-truth for when registration opens.
- * Change this date to reschedule — all gating logic imports from here.
- */
-export const REGISTRATION_OPENS_AT = new Date("2026-03-16T19:00:00+01:00");

apps/web/src/lib/registration.ts

@@ -28,6 +28,8 @@ export interface GuestEntry {
 	lastName: string;
 	email: string;
 	phone: string;
+	birthdate: string;
+	postcode: string;
 }
 
 export interface GuestErrors {
@@ -35,6 +37,8 @@ export interface GuestErrors {
 	lastName?: string;
 	email?: string;
 	phone?: string;
+	birthdate?: string;
+	postcode?: string;
 }
 
 /**
@@ -51,6 +55,8 @@ export function parseGuests(raw: string | null | undefined): GuestEntry[] {
 			lastName: g.lastName ?? "",
 			email: g.email ?? "",
 			phone: g.phone ?? "",
+			birthdate: g.birthdate ?? "",
+			postcode: g.postcode ?? "",
 		}));
 	} catch {
 		return [];
@@ -102,6 +108,8 @@ export function validateGuests(guests: GuestEntry[]): {
 			g.phone.trim() && !/^[\d\s\-+()]{10,}$/.test(g.phone.replace(/\s/g, ""))
 				? "Voer een geldig telefoonnummer in"
 				: undefined,
+		birthdate: !g.birthdate.trim() ? "Geboortedatum is verplicht" : undefined,
+		postcode: !g.postcode.trim() ? "Postcode is verplicht" : undefined,
 	}));
 	const valid = !errors.some((e) => Object.values(e).some(Boolean));
 	return { errors, valid };

apps/web/src/lib/useRegistrationOpen.ts

@@ -1,45 +0,0 @@
-import { useEffect, useState } from "react";
-import { REGISTRATION_OPENS_AT } from "./opening";
-
-interface RegistrationOpenState {
-	isOpen: boolean;
-	days: number;
-	hours: number;
-	minutes: number;
-	seconds: number;
-}
-
-function compute(): RegistrationOpenState {
-	const diff = REGISTRATION_OPENS_AT.getTime() - Date.now();
-	if (diff <= 0) {
-		return { isOpen: true, days: 0, hours: 0, minutes: 0, seconds: 0 };
-	}
-	const totalSeconds = Math.floor(diff / 1000);
-	const days = Math.floor(totalSeconds / 86400);
-	const hours = Math.floor((totalSeconds % 86400) / 3600);
-	const minutes = Math.floor((totalSeconds % 3600) / 60);
-	const seconds = totalSeconds % 60;
-	return { isOpen: false, days, hours, minutes, seconds };
-}
-
-/**
- * Returns live countdown state to {@link REGISTRATION_OPENS_AT}.
- * Ticks every second; clears the interval once registration is open.
- */
-export function useRegistrationOpen(): RegistrationOpenState {
-	const [state, setState] = useState<RegistrationOpenState>(compute);
-
-	useEffect(() => {
-		if (state.isOpen) return;
-
-		const id = setInterval(() => {
-			const next = compute();
-			setState(next);
-			if (next.isOpen) clearInterval(id);
-		}, 1000);
-
-		return () => clearInterval(id);
-	}, [state.isOpen]);
-
-	return state;
-}

apps/web/src/routeTree.gen.ts

@@ -19,9 +19,8 @@ import { Route as IndexRouteImport } from './routes/index'
 import { Route as AdminIndexRouteImport } from './routes/admin/index'
 import { Route as ManageTokenRouteImport } from './routes/manage.$token'
 import { Route as AdminDrinkkaartRouteImport } from './routes/admin/drinkkaart'
-import { Route as ApiWebhookMollieRouteImport } from './routes/api/webhook/mollie'
+import { Route as ApiWebhookLemonsqueezyRouteImport } from './routes/api/webhook/lemonsqueezy'
 import { Route as ApiRpcSplatRouteImport } from './routes/api/rpc/$'
-import { Route as ApiCronRemindersRouteImport } from './routes/api/cron/reminders'
 import { Route as ApiAuthSplatRouteImport } from './routes/api/auth/$'
 
 const TermsRoute = TermsRouteImport.update({
@@ -74,9 +73,9 @@ const AdminDrinkkaartRoute = AdminDrinkkaartRouteImport.update({
   path: '/admin/drinkkaart',
   getParentRoute: () => rootRouteImport,
 } as any)
-const ApiWebhookMollieRoute = ApiWebhookMollieRouteImport.update({
-  id: '/api/webhook/mollie',
-  path: '/api/webhook/mollie',
+const ApiWebhookLemonsqueezyRoute = ApiWebhookLemonsqueezyRouteImport.update({
+  id: '/api/webhook/lemonsqueezy',
+  path: '/api/webhook/lemonsqueezy',
   getParentRoute: () => rootRouteImport,
 } as any)
 const ApiRpcSplatRoute = ApiRpcSplatRouteImport.update({
@@ -84,11 +83,6 @@ const ApiRpcSplatRoute = ApiRpcSplatRouteImport.update({
   path: '/api/rpc/$',
   getParentRoute: () => rootRouteImport,
 } as any)
-const ApiCronRemindersRoute = ApiCronRemindersRouteImport.update({
-  id: '/api/cron/reminders',
-  path: '/api/cron/reminders',
-  getParentRoute: () => rootRouteImport,
-} as any)
 const ApiAuthSplatRoute = ApiAuthSplatRouteImport.update({
   id: '/api/auth/$',
   path: '/api/auth/$',
@@ -107,9 +101,8 @@ export interface FileRoutesByFullPath {
   '/manage/$token': typeof ManageTokenRoute
   '/admin/': typeof AdminIndexRoute
   '/api/auth/$': typeof ApiAuthSplatRoute
-  '/api/cron/reminders': typeof ApiCronRemindersRoute
   '/api/rpc/$': typeof ApiRpcSplatRoute
-  '/api/webhook/mollie': typeof ApiWebhookMollieRoute
+  '/api/webhook/lemonsqueezy': typeof ApiWebhookLemonsqueezyRoute
 }
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
@@ -123,9 +116,8 @@ export interface FileRoutesByTo {
   '/manage/$token': typeof ManageTokenRoute
   '/admin': typeof AdminIndexRoute
   '/api/auth/$': typeof ApiAuthSplatRoute
-  '/api/cron/reminders': typeof ApiCronRemindersRoute
   '/api/rpc/$': typeof ApiRpcSplatRoute
-  '/api/webhook/mollie': typeof ApiWebhookMollieRoute
+  '/api/webhook/lemonsqueezy': typeof ApiWebhookLemonsqueezyRoute
 }
 export interface FileRoutesById {
   __root__: typeof rootRouteImport
@@ -140,9 +132,8 @@ export interface FileRoutesById {
   '/manage/$token': typeof ManageTokenRoute
   '/admin/': typeof AdminIndexRoute
   '/api/auth/$': typeof ApiAuthSplatRoute
-  '/api/cron/reminders': typeof ApiCronRemindersRoute
   '/api/rpc/$': typeof ApiRpcSplatRoute
-  '/api/webhook/mollie': typeof ApiWebhookMollieRoute
+  '/api/webhook/lemonsqueezy': typeof ApiWebhookLemonsqueezyRoute
 }
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
@@ -158,9 +149,8 @@ export interface FileRouteTypes {
     | '/manage/$token'
     | '/admin/'
     | '/api/auth/$'
-    | '/api/cron/reminders'
     | '/api/rpc/$'
-    | '/api/webhook/mollie'
+    | '/api/webhook/lemonsqueezy'
   fileRoutesByTo: FileRoutesByTo
   to:
     | '/'
@@ -174,9 +164,8 @@ export interface FileRouteTypes {
     | '/manage/$token'
     | '/admin'
     | '/api/auth/$'
-    | '/api/cron/reminders'
     | '/api/rpc/$'
-    | '/api/webhook/mollie'
+    | '/api/webhook/lemonsqueezy'
   id:
     | '__root__'
     | '/'
@@ -190,9 +179,8 @@ export interface FileRouteTypes {
     | '/manage/$token'
     | '/admin/'
     | '/api/auth/$'
-    | '/api/cron/reminders'
     | '/api/rpc/$'
-    | '/api/webhook/mollie'
+    | '/api/webhook/lemonsqueezy'
   fileRoutesById: FileRoutesById
 }
 export interface RootRouteChildren {
@@ -207,9 +195,8 @@ export interface RootRouteChildren {
   ManageTokenRoute: typeof ManageTokenRoute
   AdminIndexRoute: typeof AdminIndexRoute
   ApiAuthSplatRoute: typeof ApiAuthSplatRoute
-  ApiCronRemindersRoute: typeof ApiCronRemindersRoute
   ApiRpcSplatRoute: typeof ApiRpcSplatRoute
-  ApiWebhookMollieRoute: typeof ApiWebhookMollieRoute
+  ApiWebhookLemonsqueezyRoute: typeof ApiWebhookLemonsqueezyRoute
 }
 
 declare module '@tanstack/react-router' {
@@ -284,11 +271,11 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof AdminDrinkkaartRouteImport
       parentRoute: typeof rootRouteImport
     }
-    '/api/webhook/mollie': {
-      id: '/api/webhook/mollie'
-      path: '/api/webhook/mollie'
-      fullPath: '/api/webhook/mollie'
-      preLoaderRoute: typeof ApiWebhookMollieRouteImport
+    '/api/webhook/lemonsqueezy': {
+      id: '/api/webhook/lemonsqueezy'
+      path: '/api/webhook/lemonsqueezy'
+      fullPath: '/api/webhook/lemonsqueezy'
+      preLoaderRoute: typeof ApiWebhookLemonsqueezyRouteImport
       parentRoute: typeof rootRouteImport
     }
     '/api/rpc/$': {
@@ -298,13 +285,6 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof ApiRpcSplatRouteImport
       parentRoute: typeof rootRouteImport
     }
-    '/api/cron/reminders': {
-      id: '/api/cron/reminders'
-      path: '/api/cron/reminders'
-      fullPath: '/api/cron/reminders'
-      preLoaderRoute: typeof ApiCronRemindersRouteImport
-      parentRoute: typeof rootRouteImport
-    }
     '/api/auth/$': {
       id: '/api/auth/$'
       path: '/api/auth/$'
@@ -327,9 +307,8 @@ const rootRouteChildren: RootRouteChildren = {
   ManageTokenRoute: ManageTokenRoute,
   AdminIndexRoute: AdminIndexRoute,
   ApiAuthSplatRoute: ApiAuthSplatRoute,
-  ApiCronRemindersRoute: ApiCronRemindersRoute,
   ApiRpcSplatRoute: ApiRpcSplatRoute,
-  ApiWebhookMollieRoute: ApiWebhookMollieRoute,
+  ApiWebhookLemonsqueezyRoute: ApiWebhookLemonsqueezyRoute,
 }
 export const routeTree = rootRouteImport
   ._addFileChildren(rootRouteChildren)

apps/web/src/routes/__root.tsx

@@ -17,7 +17,7 @@ import appCss from "../index.css?url";
 const siteUrl = "https://kunstenkamp.be";
 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.";
+	"Doe mee met de Open Mic Night op 24 april! Een avond vol muziek, theater, dans, woordkunst en meer. Iedereen is welkom - van beginner tot professional.";
 const eventImage = `${siteUrl}/assets/og-image.jpg`;
 
 export interface RouterAppContext {

apps/web/src/routes/account.tsx

@@ -90,7 +90,7 @@ function AccountPage() {
 		orpc.drinkkaart.getMyDrinkkaart.queryOptions(),
 	);
 
-	const registrationQuery = useQuery(orpc.getMyRegistration.queryOptions());
+	const registrationQuery = useQuery(orpc.getMyRegistrations.queryOptions());
 
 	// Handle topup=success redirect (from Lemon Squeezy returning to /account)
 	useEffect(() => {
@@ -128,7 +128,7 @@ function AccountPage() {
 		| { name?: string; email?: string }
 		| undefined;
 
-	const registration = registrationQuery.data;
+	const registrations = registrationQuery.data ?? [];
 	const drinkkaart = drinkkaartQuery.data;
 
 	const isLoading =
@@ -170,112 +170,122 @@ function AccountPage() {
 							Mijn Inschrijving
 						</h2>
 
-						{registration ? (
-							<div className="rounded-2xl border border-white/10 bg-white/5 p-6">
-								{/* Type badge */}
-								<div className="mb-4 flex items-center justify-between">
-									<div className="flex items-center gap-2">
-										{registration.registrationType === "performer" ? (
-											<span className="inline-flex items-center gap-1.5 rounded-full bg-amber-500/20 px-3 py-1 font-medium text-amber-300 text-sm">
-												<Music className="h-3.5 w-3.5" />
-												Artiest
-											</span>
-										) : (
-											<span className="inline-flex items-center gap-1.5 rounded-full bg-teal-500/20 px-3 py-1 font-medium text-sm text-teal-300">
-												<Users className="h-3.5 w-3.5" />
-												Bezoeker
-											</span>
+						{registrations.length > 0 ? (
+							<div className="flex flex-col gap-4">
+								{registrations.map((registration) => (
+									<div
+										key={registration.id}
+										className="rounded-2xl border border-white/10 bg-white/5 p-6"
+									>
+										{/* Type badge */}
+										<div className="mb-4 flex items-center justify-between">
+											<div className="flex items-center gap-2">
+												{registration.registrationType === "performer" ? (
+													<span className="inline-flex items-center gap-1.5 rounded-full bg-amber-500/20 px-3 py-1 font-medium text-amber-300 text-sm">
+														<Music className="h-3.5 w-3.5" />
+														Artiest
+													</span>
+												) : (
+													<span className="inline-flex items-center gap-1.5 rounded-full bg-teal-500/20 px-3 py-1 font-medium text-sm text-teal-300">
+														<Users className="h-3.5 w-3.5" />
+														Bezoeker
+													</span>
+												)}
+											</div>
+											{(registration.registrationType !== "performer" ||
+												(registration.giftAmount ?? 0) > 0) && (
+												<PaymentBadge status={registration.paymentStatus} />
+											)}
+										</div>
+
+										{/* Name */}
+										<p className="mb-1 font-medium text-lg text-white">
+											{registration.firstName} {registration.lastName}
+										</p>
+
+										{/* Art form (performer only) */}
+										{registration.registrationType === "performer" &&
+											registration.artForm && (
+												<p className="mb-1 text-sm text-white/60">
+													Kunstvorm:{" "}
+													<span className="text-white/80">
+														{registration.artForm}
+													</span>
+												</p>
+											)}
+
+										{/* Guests (watcher only) */}
+										{registration.registrationType === "watcher" &&
+											registration.guests.length > 0 && (
+												<p className="mb-1 text-sm text-white/60">
+													{registration.guests.length + 1} personen (jij +{" "}
+													{registration.guests.length} gast
+													{registration.guests.length > 1 ? "en" : ""})
+												</p>
+											)}
+
+										{/* Drink card value */}
+										{registration.registrationType === "watcher" &&
+											(registration.drinkCardValue ?? 0) > 0 && (
+												<p className="mb-1 text-sm text-white/60">
+													Drinkkaart:{" "}
+													<span className="text-white/80">
+														€{registration.drinkCardValue}
+													</span>
+												</p>
+											)}
+
+										{/* Gift */}
+										{(registration.giftAmount ?? 0) > 0 && (
+											<p className="mb-1 text-sm text-white/60">
+												Gift:{" "}
+												<span className="text-white/80">
+													€{(registration.giftAmount ?? 0) / 100}
+												</span>
+											</p>
+										)}
+
+										{/* Date */}
+										<p className="mt-3 text-white/40 text-xs">
+											Ingeschreven op{" "}
+											{new Date(registration.createdAt).toLocaleDateString(
+												"nl-BE",
+												{
+													day: "numeric",
+													month: "long",
+													year: "numeric",
+												},
+											)}
+										</p>
+
+										{/* Action */}
+										{registration.managementToken && (
+											<div className="mt-5">
+												<Link
+													to="/manage/$token"
+													params={{ token: registration.managementToken }}
+													className="inline-flex items-center gap-2 rounded-lg bg-white/10 px-4 py-2 text-sm text-white transition-colors hover:bg-white/20"
+												>
+													Beheer inschrijving
+													<svg
+														className="h-3.5 w-3.5"
+														fill="none"
+														viewBox="0 0 24 24"
+														stroke="currentColor"
+														strokeWidth={2}
+														aria-hidden="true"
+													>
+														<path
+															strokeLinecap="round"
+															strokeLinejoin="round"
+															d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"
+														/>
+													</svg>
+												</Link>
+											</div>
 										)}
 									</div>
-									<PaymentBadge status={registration.paymentStatus} />
-								</div>
-
-								{/* Name */}
-								<p className="mb-1 font-medium text-lg text-white">
-									{registration.firstName} {registration.lastName}
-								</p>
-
-								{/* Art form (performer only) */}
-								{registration.registrationType === "performer" &&
-									registration.artForm && (
-										<p className="mb-1 text-sm text-white/60">
-											Kunstvorm:{" "}
-											<span className="text-white/80">
-												{registration.artForm}
-											</span>
-										</p>
-									)}
-
-								{/* Guests (watcher only) */}
-								{registration.registrationType === "watcher" &&
-									registration.guests.length > 0 && (
-										<p className="mb-1 text-sm text-white/60">
-											{registration.guests.length + 1} personen (jij +{" "}
-											{registration.guests.length} gast
-											{registration.guests.length > 1 ? "en" : ""})
-										</p>
-									)}
-
-								{/* Drink card value */}
-								{registration.registrationType === "watcher" &&
-									(registration.drinkCardValue ?? 0) > 0 && (
-										<p className="mb-1 text-sm text-white/60">
-											Drinkkaart:{" "}
-											<span className="text-white/80">
-												€{registration.drinkCardValue}
-											</span>
-										</p>
-									)}
-
-								{/* Gift */}
-								{(registration.giftAmount ?? 0) > 0 && (
-									<p className="mb-1 text-sm text-white/60">
-										Gift:{" "}
-										<span className="text-white/80">
-											€{(registration.giftAmount ?? 0) / 100}
-										</span>
-									</p>
-								)}
-
-								{/* Date */}
-								<p className="mt-3 text-white/40 text-xs">
-									Ingeschreven op{" "}
-									{new Date(registration.createdAt).toLocaleDateString(
-										"nl-BE",
-										{
-											day: "numeric",
-											month: "long",
-											year: "numeric",
-										},
-									)}
-								</p>
-
-								{/* Action */}
-								{registration.managementToken && (
-									<div className="mt-5">
-										<Link
-											to="/manage/$token"
-											params={{ token: registration.managementToken }}
-											className="inline-flex items-center gap-2 rounded-lg bg-white/10 px-4 py-2 text-sm text-white transition-colors hover:bg-white/20"
-										>
-											Beheer inschrijving
-											<svg
-												className="h-3.5 w-3.5"
-												fill="none"
-												viewBox="0 0 24 24"
-												stroke="currentColor"
-												strokeWidth={2}
-												aria-hidden="true"
-											>
-												<path
-													strokeLinecap="round"
-													strokeLinejoin="round"
-													d="M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"
-												/>
-											</svg>
-										</Link>
-									</div>
-								)}
+								))}
 							</div>
 						) : (
 							<div className="rounded-2xl border border-white/10 bg-white/5 p-6">

apps/web/src/routes/admin/index.tsx

@@ -13,7 +13,7 @@ import {
 	Users,
 	X,
 } from "lucide-react";
-import { useMemo, useState } from "react";
+import { Fragment, useMemo, useState } from "react";
 import { toast } from "sonner";
 import { Button } from "@/components/ui/button";
 import {
@@ -44,6 +44,19 @@ function AdminPage() {
 	const pageSize = 20;
 
 	const [copiedId, setCopiedId] = useState<string | null>(null);
+	const [expandedGuests, setExpandedGuests] = useState<Set<string>>(new Set());
+
+	const toggleGuests = (id: string) => {
+		setExpandedGuests((prev) => {
+			const next = new Set(prev);
+			if (next.has(id)) {
+				next.delete(id);
+			} else {
+				next.add(id);
+			}
+			return next;
+		});
+	};
 
 	// Get current session to check user role
 	const sessionQuery = useQuery({
@@ -278,6 +291,25 @@ function AdminPage() {
 		return `€${euros.toFixed(euros % 1 === 0 ? 0 : 2)}`;
 	};
 
+	const parseGuestsJson = (
+		raw: string | null | undefined,
+	): Array<{
+		firstName: string;
+		lastName: string;
+		email?: string;
+		phone?: string;
+		birthdate?: string;
+		postcode?: string;
+	}> => {
+		if (!raw) return [];
+		try {
+			const parsed = JSON.parse(raw as string);
+			return Array.isArray(parsed) ? parsed : [];
+		} catch {
+			return [];
+		}
+	};
+
 	// Check if user is admin
 	const user = sessionQuery.data?.data?.user as
 		| { role?: string; name?: string }
@@ -486,7 +518,6 @@ function AdminPage() {
 						</CardContent>
 					</Card>
 				)}
-
 				{/* Stats Cards */}
 				<div className="mb-8 grid grid-cols-2 gap-3 sm:grid-cols-3 sm:gap-4 lg:grid-cols-5 lg:gap-6">
 					<Card className="border-white/10 bg-white/5">
@@ -581,79 +612,6 @@ function AdminPage() {
 							<CardDescription className="text-pink-300/70 text-xs sm:text-sm">
 								Vrijwillige Gifts
 							</CardDescription>
-							<CardTitle className="font-['Intro',sans-serif] text-2xl text-white sm:text-3xl lg:text-4xl">
-								{stats?.today ?? 0}
-							</CardTitle>
-						</CardHeader>
-						<CardContent>
-							<span className="text-white/40 text-xs sm:text-sm">
-								Nieuwe registraties vandaag
-							</span>
-						</CardContent>
-					</Card>
-
-					<Card className="border-amber-400/20 bg-amber-400/5">
-						<CardHeader className="pb-2">
-							<CardDescription className="text-amber-300/70">
-								Artiesten
-							</CardDescription>
-							<CardTitle className="font-['Intro',sans-serif] text-2xl text-amber-300 sm:text-3xl lg:text-4xl">
-								{performerCount}
-							</CardTitle>
-						</CardHeader>
-						<CardContent>
-							<div className="space-y-1">
-								{stats?.byArtForm.slice(0, 2).map((item) => (
-									<div
-										key={item.artForm}
-										className="flex items-center justify-between text-xs"
-									>
-										<span className="truncate text-amber-300/70">
-											{item.artForm || "Onbekend"}
-										</span>
-										<span className="text-amber-300">{item.count}</span>
-									</div>
-								))}
-							</div>
-						</CardContent>
-					</Card>
-
-					<Card className="border-teal-400/20 bg-teal-400/5">
-						<CardHeader className="pb-2">
-							<CardDescription className="text-teal-300/70">
-								Bezoekers
-							</CardDescription>
-							<CardTitle className="font-['Intro',sans-serif] text-2xl text-teal-300 sm:text-3xl lg:text-4xl">
-								{watcherCount}
-							</CardTitle>
-						</CardHeader>
-						<CardContent>
-							<div className="space-y-1 text-xs">
-								{totalGuestCount > 0 && (
-									<div className="flex items-center justify-between">
-										<span className="text-teal-300/70">Inclusief gasten</span>
-										<span className="text-teal-300">+{totalGuestCount}</span>
-									</div>
-								)}
-								<div className="flex items-center justify-between">
-									<span className="text-teal-300/70">Totaal aanwezig</span>
-									<span className="font-semibold text-teal-300">
-										{totalWatcherAttendees}
-									</span>
-								</div>
-								<div className="hidden sm:flex sm:items-center sm:justify-between">
-									<span className="text-teal-300/70">Drinkkaart</span>
-									<span className="text-teal-300">€{totalDrinkCardValue}</span>
-								</div>
-							</div>
-						</CardContent>
-					</Card>
-
-					<Card className="border-pink-400/20 bg-pink-400/5">
-						<CardHeader className="pb-2">
-							<CardDescription className="text-pink-300/70">
-								Vrijwillige Gifts
-							</CardDescription>
 							<CardTitle className="font-['Intro',sans-serif] text-2xl text-pink-300 sm:text-3xl lg:text-4xl">
 								€{Math.round(totalGiftRevenue / 100)}
 							</CardTitle>
@@ -665,7 +623,6 @@ function AdminPage() {
 						</CardContent>
 					</Card>
 				</div>
-
 				{/* Filters */}
 				<Card className="mb-6 border-white/10 bg-white/5">
 					<CardHeader className="px-4 py-4 sm:px-6 sm:py-6">
@@ -773,7 +730,6 @@ function AdminPage() {
 						</div>
 					</CardContent>
 				</Card>
-
 				{/* Export Button */}
 				<div className="mb-4 flex flex-col gap-2 sm:mb-6 sm:flex-row sm:items-center sm:justify-between">
 					<p className="text-sm text-white/60">
@@ -788,7 +744,6 @@ function AdminPage() {
 						{exportMutation.isPending ? "Exporteren..." : "Exporteer CSV"}
 					</Button>
 				</div>
-
 				{/* Registrations Table / Cards */}
 				<Card className="border-white/10 bg-white/5">
 					<CardContent className="p-0">
@@ -833,6 +788,21 @@ function AdminPage() {
 										<th className={thClass} onClick={() => handleSort("datum")}>
 											Datum <SortIcon col="datum" />
 										</th>
+										<th className="whitespace-nowrap px-4 py-3 text-left font-medium text-white/60 text-xs uppercase tracking-wider">
+											Postcode
+										</th>
+										<th className="whitespace-nowrap px-4 py-3 text-left font-medium text-white/60 text-xs uppercase tracking-wider">
+											Geboortedatum
+										</th>
+										<th className="whitespace-nowrap px-4 py-3 text-left font-medium text-white/60 text-xs uppercase tracking-wider">
+											Ervaring
+										</th>
+										<th className="whitespace-nowrap px-4 py-3 text-left font-medium text-white/60 text-xs uppercase tracking-wider">
+											16+
+										</th>
+										<th className="whitespace-nowrap px-4 py-3 text-left font-medium text-white/60 text-xs uppercase tracking-wider">
+											Opmerkingen
+										</th>
 										<th className="whitespace-nowrap px-4 py-3 text-left font-medium text-white/60 text-xs uppercase tracking-wider">
 											Link
 										</th>
@@ -842,7 +812,7 @@ function AdminPage() {
 									{registrationsQuery.isLoading ? (
 										<tr>
 											<td
-												colSpan={10}
+												colSpan={15}
 												className="px-4 py-8 text-center text-white/60"
 											>
 												Laden...
@@ -851,7 +821,7 @@ function AdminPage() {
 									) : sortedRegistrations.length === 0 ? (
 										<tr>
 											<td
-												colSpan={10}
+												colSpan={15}
 												className="px-4 py-8 text-center text-white/60"
 											>
 												Geen registraties gevonden
@@ -861,15 +831,9 @@ function AdminPage() {
 										sortedRegistrations.map((reg) => {
 											const isPerformer = reg.registrationType === "performer";
 
-											const guestCount = (() => {
-												if (!reg.guests) return 0;
-												try {
-													const g = JSON.parse(reg.guests as string);
-													return Array.isArray(g) ? g.length : 0;
-												} catch {
-													return 0;
-												}
-											})();
+											const guests = parseGuestsJson(reg.guests);
+											const guestCount = guests.length;
+											const isGuestsExpanded = expandedGuests.has(reg.id);
 
 											const detailLabel = isPerformer
 												? reg.artForm || "-"
@@ -891,93 +855,190 @@ function AdminPage() {
 											})();
 
 											return (
-												<tr
-													key={reg.id}
-													className="border-white/5 border-b hover:bg-white/5"
-												>
-													<td className="px-4 py-3 font-medium text-white">
-														{reg.firstName} {reg.lastName}
-													</td>
-													<td className="px-4 py-3 text-sm text-white/70">
-														{reg.email}
-													</td>
-													<td className="px-4 py-3 text-sm text-white/60">
-														{reg.phone || "-"}
-													</td>
-													<td className="px-4 py-3">
-														<span
-															className={`inline-flex items-center rounded-full px-2 py-0.5 font-semibold text-xs ${isPerformer ? "bg-amber-400/15 text-amber-300" : "bg-teal-400/15 text-teal-300"}`}
-														>
-															{isPerformer ? "Artiest" : "Bezoeker"}
-														</span>
-													</td>
-													<td className="px-4 py-3 text-sm text-white/70">
-														{detailLabel}
-													</td>
-													<td className="px-4 py-3 text-sm text-white/70">
-														{guestCount > 0
-															? `${guestCount} gast${guestCount === 1 ? "" : "en"}`
-															: "-"}
-													</td>
-													<td className="px-4 py-3 text-pink-300/70 text-sm">
-														{formatCents(reg.giftAmount)}
-													</td>
-													<td className="px-4 py-3">
-														{isPerformer ? (
-															<span className="text-sm text-white/30">-</span>
-														) : reg.paymentStatus === "paid" ? (
-															<span className="inline-flex items-center gap-1 font-medium text-green-400 text-sm">
-																<Check className="h-3.5 w-3.5" />
-																Betaald
-															</span>
-														) : reg.paymentStatus ===
-															"extra_payment_pending" ? (
-															<span className="inline-flex items-center gap-1 font-medium text-orange-400 text-sm">
-																<span className="h-1.5 w-1.5 rounded-full bg-orange-400" />
-																Extra (€
-																{((reg.paymentAmount ?? 0) / 100).toFixed(0)})
-															</span>
-														) : (
-															<span className="text-sm text-yellow-400">
-																Open
-															</span>
-														)}
-													</td>
-													<td className="px-4 py-3 text-sm text-white/50 tabular-nums">
-														{dateLabel}
-													</td>
-													<td className="px-4 py-3">
-														{reg.managementToken ? (
-															<button
-																type="button"
-																title="Kopieer beheerlink"
-																onClick={() =>
-																	handleCopyManageUrl(
-																		reg.managementToken as string,
-																		reg.id,
-																	)
-																}
-																className="inline-flex items-center justify-center rounded p-1 text-white/40 transition-colors hover:bg-white/10 hover:text-white"
+												<Fragment key={reg.id}>
+													<tr
+														key={reg.id}
+														className="border-white/5 border-b hover:bg-white/5"
+													>
+														<td className="px-4 py-3 font-medium text-white">
+															{reg.firstName} {reg.lastName}
+														</td>
+														<td className="px-4 py-3 text-sm text-white/70">
+															{reg.email}
+														</td>
+														<td className="px-4 py-3 text-sm text-white/60">
+															{reg.phone || "-"}
+														</td>
+														<td className="px-4 py-3">
+															<span
+																className={`inline-flex items-center rounded-full px-2 py-0.5 font-semibold text-xs ${isPerformer ? "bg-amber-400/15 text-amber-300" : "bg-teal-400/15 text-teal-300"}`}
 															>
-																{copiedId === reg.id ? (
-																	<ClipboardCheck className="h-4 w-4 text-green-400" />
+																{isPerformer ? "Artiest" : "Bezoeker"}
+															</span>
+														</td>
+														<td className="px-4 py-3 text-sm text-white/70">
+															{detailLabel}
+														</td>
+														<td className="px-4 py-3 text-sm text-white/70">
+															{guestCount > 0 ? (
+																<button
+																	type="button"
+																	onClick={() => toggleGuests(reg.id)}
+																	className="inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-sm text-white/70 transition-colors hover:bg-white/10 hover:text-white"
+																>
+																	{guestCount} gast
+																	{guestCount === 1 ? "" : "en"}
+																	{isGuestsExpanded ? (
+																		<ChevronUp className="h-3.5 w-3.5" />
+																	) : (
+																		<ChevronDown className="h-3.5 w-3.5" />
+																	)}
+																</button>
+															) : (
+																"-"
+															)}
+														</td>
+														<td className="px-4 py-3 text-pink-300/70 text-sm">
+															{formatCents(reg.giftAmount)}
+														</td>
+														<td className="px-4 py-3">
+															{isPerformer ? (
+																<span className="text-sm text-white/30">-</span>
+															) : reg.paymentStatus === "paid" ? (
+																<span className="inline-flex items-center gap-1 font-medium text-green-400 text-sm">
+																	<Check className="h-3.5 w-3.5" />
+																	Betaald
+																</span>
+															) : reg.paymentStatus ===
+																"extra_payment_pending" ? (
+																<span className="inline-flex items-center gap-1 font-medium text-orange-400 text-sm">
+																	<span className="h-1.5 w-1.5 rounded-full bg-orange-400" />
+																	Extra (€
+																	{((reg.paymentAmount ?? 0) / 100).toFixed(0)})
+																</span>
+															) : (
+																<span className="text-sm text-yellow-400">
+																	Open
+																</span>
+															)}
+														</td>
+														<td className="px-4 py-3 text-sm text-white/50 tabular-nums">
+															{dateLabel}
+														</td>
+														<td className="px-4 py-3 text-sm text-white/70">
+															{reg.postcode || "-"}
+														</td>
+														<td className="px-4 py-3 text-sm text-white/70 tabular-nums">
+															{reg.birthdate || "-"}
+														</td>
+														<td className="px-4 py-3 text-sm text-white/70">
+															{isPerformer ? reg.experience || "-" : "-"}
+														</td>
+														<td className="px-4 py-3 text-sm text-white/70">
+															{isPerformer ? (
+																reg.isOver16 ? (
+																	<span className="text-green-400">Ja</span>
 																) : (
-																	<Clipboard className="h-4 w-4" />
-																)}
-															</button>
-														) : (
-															<span className="text-sm text-white/20">—</span>
-														)}
-													</td>
-												</tr>
+																	<span className="text-red-400">Nee</span>
+																)
+															) : (
+																"-"
+															)}
+														</td>
+														<td className="max-w-[200px] px-4 py-3 text-sm text-white/60">
+															<span
+																className="block truncate"
+																title={reg.extraQuestions ?? undefined}
+															>
+																{reg.extraQuestions || "-"}
+															</span>
+														</td>
+														<td className="px-4 py-3">
+															{reg.managementToken ? (
+																<button
+																	type="button"
+																	title="Kopieer beheerlink"
+																	onClick={() =>
+																		handleCopyManageUrl(
+																			reg.managementToken as string,
+																			reg.id,
+																		)
+																	}
+																	className="inline-flex items-center justify-center rounded p-1 text-white/40 transition-colors hover:bg-white/10 hover:text-white"
+																>
+																	{copiedId === reg.id ? (
+																		<ClipboardCheck className="h-4 w-4 text-green-400" />
+																	) : (
+																		<Clipboard className="h-4 w-4" />
+																	)}
+																</button>
+															) : (
+																<span className="text-sm text-white/20">—</span>
+															)}
+														</td>
+													</tr>
+													{isGuestsExpanded &&
+														guests.map((guest, gi) => (
+															<tr
+																key={`${reg.id}-guest-${gi}`}
+																className="border-white/5 border-b bg-white/[0.02]"
+															>
+																<td className="py-2 pr-4 pl-8 text-sm text-white/60 italic">
+																	↳ {guest.firstName} {guest.lastName}
+																</td>
+																<td className="px-4 py-2 text-sm text-white/50">
+																	{guest.email || "-"}
+																</td>
+																<td className="px-4 py-2 text-sm text-white/50">
+																	{guest.phone || "-"}
+																</td>
+																<td className="px-4 py-2">
+																	<span className="inline-flex items-center rounded-full bg-white/5 px-2 py-0.5 font-semibold text-white/40 text-xs">
+																		Gast
+																	</span>
+																</td>
+																<td className="px-4 py-2 text-sm text-white/50">
+																	-
+																</td>
+																<td className="px-4 py-2 text-sm text-white/30">
+																	-
+																</td>
+																<td className="px-4 py-2 text-sm text-white/30">
+																	-
+																</td>
+																<td className="px-4 py-2 text-sm text-white/30">
+																	-
+																</td>
+																<td className="px-4 py-2 text-sm text-white/30">
+																	-
+																</td>
+																<td className="px-4 py-2 text-sm text-white/50">
+																	{guest.postcode || "-"}
+																</td>
+																<td className="px-4 py-2 text-sm text-white/50 tabular-nums">
+																	{guest.birthdate || "-"}
+																</td>
+																<td className="px-4 py-2 text-sm text-white/30">
+																	-
+																</td>
+																<td className="px-4 py-2 text-sm text-white/30">
+																	-
+																</td>
+																<td className="px-4 py-2 text-sm text-white/30">
+																	-
+																</td>
+																<td className="px-4 py-2 text-sm text-white/30">
+																	-
+																</td>
+															</tr>
+														))}
+												</Fragment>
 											);
 										})
 									)}
 								</tbody>
 							</table>
 						</div>
-
-						{/* Mobile Cards */}
 						<div className="lg:hidden">
 							{registrationsQuery.isLoading ? (
 								<div className="px-4 py-8 text-center text-white/60">
@@ -992,15 +1053,9 @@ function AdminPage() {
 									{sortedRegistrations.map((reg) => {
 										const isPerformer = reg.registrationType === "performer";
 
-										const guestCount = (() => {
-											if (!reg.guests) return 0;
-											try {
-												const g = JSON.parse(reg.guests as string);
-												return Array.isArray(g) ? g.length : 0;
-											} catch {
-												return 0;
-											}
-										})();
+										const guests = parseGuestsJson(reg.guests);
+										const guestCount = guests.length;
+										const isGuestsExpanded = expandedGuests.has(reg.id);
 
 										const detailLabel = isPerformer
 											? reg.artForm || "-"
@@ -1022,88 +1077,171 @@ function AdminPage() {
 										})();
 
 										return (
-											<div key={reg.id} className="p-4 hover:bg-white/5">
-												<div className="flex items-start justify-between gap-3">
-													<div className="min-w-0 flex-1">
-														<div className="flex items-center gap-2">
-															<span className="truncate font-medium text-white">
-																{reg.firstName} {reg.lastName}
-															</span>
+											<div key={reg.id} className="hover:bg-white/5">
+												<div className="p-4">
+													<div className="flex items-start justify-between gap-3">
+														<div className="min-w-0 flex-1">
+															<div className="flex items-center gap-2">
+																<span className="truncate font-medium text-white">
+																	{reg.firstName} {reg.lastName}
+																</span>
+															</div>
+															<div className="mt-1 flex items-center gap-2 text-white/60 text-xs">
+																<span className="truncate">{reg.email}</span>
+																{reg.phone && (
+																	<span className="shrink-0">
+																		• {reg.phone}
+																	</span>
+																)}
+															</div>
 														</div>
-														<div className="mt-1 flex items-center gap-2 text-white/60 text-xs">
-															<span className="truncate">{reg.email}</span>
-															{reg.phone && (
-																<span className="shrink-0">• {reg.phone}</span>
+														<div className="flex items-center gap-2">
+															<span
+																className={`shrink-0 rounded-full px-2 py-0.5 font-semibold text-xs ${isPerformer ? "bg-amber-400/15 text-amber-300" : "bg-teal-400/15 text-teal-300"}`}
+															>
+																{isPerformer ? "Artiest" : "Bezoeker"}
+															</span>
+															{reg.managementToken && (
+																<button
+																	type="button"
+																	title="Kopieer beheerlink"
+																	onClick={() =>
+																		handleCopyManageUrl(
+																			reg.managementToken as string,
+																			reg.id,
+																		)
+																	}
+																	className="shrink-0 rounded p-1.5 text-white/40 transition-colors hover:bg-white/10 hover:text-white"
+																>
+																	{copiedId === reg.id ? (
+																		<ClipboardCheck className="h-4 w-4 text-green-400" />
+																	) : (
+																		<Clipboard className="h-4 w-4" />
+																	)}
+																</button>
 															)}
 														</div>
 													</div>
-													<div className="flex items-center gap-2">
-														<span
-															className={`shrink-0 rounded-full px-2 py-0.5 font-semibold text-xs ${isPerformer ? "bg-amber-400/15 text-amber-300" : "bg-teal-400/15 text-teal-300"}`}
-														>
-															{isPerformer ? "Artiest" : "Bezoeker"}
-														</span>
-														{reg.managementToken && (
+
+													<div className="mt-3 flex flex-wrap items-center gap-x-4 gap-y-2 text-xs">
+														<div className="text-white/70">
+															<span className="text-white/40">Details:</span>{" "}
+															{detailLabel}
+														</div>
+														{guestCount > 0 && (
 															<button
 																type="button"
-																title="Kopieer beheerlink"
-																onClick={() =>
-																	handleCopyManageUrl(
-																		reg.managementToken as string,
-																		reg.id,
-																	)
-																}
-																className="shrink-0 rounded p-1.5 text-white/40 transition-colors hover:bg-white/10 hover:text-white"
+																onClick={() => toggleGuests(reg.id)}
+																className="inline-flex items-center gap-1 text-white/70 transition-colors hover:text-white"
 															>
-																{copiedId === reg.id ? (
-																	<ClipboardCheck className="h-4 w-4 text-green-400" />
+																<span className="text-white/40">Gasten:</span>{" "}
+																{guestCount}
+																{isGuestsExpanded ? (
+																	<ChevronUp className="h-3 w-3" />
 																) : (
-																	<Clipboard className="h-4 w-4" />
+																	<ChevronDown className="h-3 w-3" />
 																)}
 															</button>
 														)}
+														{(reg.giftAmount ?? 0) > 0 && (
+															<div className="text-pink-300">
+																<span className="text-white/40">Gift:</span>{" "}
+																{formatCents(reg.giftAmount)}
+															</div>
+														)}
+														{!isPerformer && (
+															<div>
+																<span className="text-white/40">Betaling:</span>{" "}
+																{reg.paymentStatus === "paid" ? (
+																	<span className="inline-flex items-center gap-1 font-medium text-green-400">
+																		<Check className="h-3 w-3" />
+																		Betaald
+																	</span>
+																) : reg.paymentStatus ===
+																	"extra_payment_pending" ? (
+																	<span className="inline-flex items-center gap-1 font-medium text-orange-400">
+																		<span className="h-1 w-1 rounded-full bg-orange-400" />
+																		Extra (€
+																		{((reg.paymentAmount ?? 0) / 100).toFixed(
+																			0,
+																		)}
+																		)
+																	</span>
+																) : (
+																	<span className="text-yellow-400">Open</span>
+																)}
+															</div>
+														)}
+														{reg.postcode && (
+															<div className="text-white/70">
+																<span className="text-white/40">Postcode:</span>{" "}
+																{reg.postcode}
+															</div>
+														)}
+														{reg.birthdate && (
+															<div className="text-white/70">
+																<span className="text-white/40">
+																	Geboortedatum:
+																</span>{" "}
+																{reg.birthdate}
+															</div>
+														)}
+														{isPerformer && reg.experience && (
+															<div className="text-white/70">
+																<span className="text-white/40">Ervaring:</span>{" "}
+																{reg.experience}
+															</div>
+														)}
+														{isPerformer && (
+															<div className="text-white/70">
+																<span className="text-white/40">16+:</span>{" "}
+																{reg.isOver16 ? (
+																	<span className="text-green-400">Ja</span>
+																) : (
+																	<span className="text-red-400">Nee</span>
+																)}
+															</div>
+														)}
+														{reg.extraQuestions && (
+															<div className="w-full text-white/60">
+																<span className="text-white/40">
+																	Opmerkingen:
+																</span>{" "}
+																{reg.extraQuestions}
+															</div>
+														)}
+														<div className="text-white/50">{dateLabel}</div>
 													</div>
 												</div>
-
-												<div className="mt-3 flex flex-wrap items-center gap-x-4 gap-y-2 text-xs">
-													<div className="text-white/70">
-														<span className="text-white/40">Details:</span>{" "}
-														{detailLabel}
+												{isGuestsExpanded && guestCount > 0 && (
+													<div className="border-white/5 border-t bg-white/[0.02] px-4 pt-2 pb-3">
+														<div className="mb-1 text-white/30 text-xs">
+															Gasten
+														</div>
+														<div className="flex flex-col gap-2">
+															{guests.map((guest, gi) => (
+																<div
+																	key={`${reg.id}-guest-${gi}`}
+																	className="rounded border border-white/10 bg-white/5 px-3 py-2 text-xs"
+																>
+																	<div className="font-medium text-white/80">
+																		{guest.firstName} {guest.lastName}
+																	</div>
+																	<div className="mt-1 flex flex-wrap gap-x-3 gap-y-1 text-white/50">
+																		{guest.email && <span>{guest.email}</span>}
+																		{guest.phone && <span>{guest.phone}</span>}
+																		{guest.birthdate && (
+																			<span>{guest.birthdate}</span>
+																		)}
+																		{guest.postcode && (
+																			<span>{guest.postcode}</span>
+																		)}
+																	</div>
+																</div>
+															))}
+														</div>
 													</div>
-													{guestCount > 0 && (
-														<div className="text-white/70">
-															<span className="text-white/40">Gasten:</span>{" "}
-															{guestCount}
-														</div>
-													)}
-													{(reg.giftAmount ?? 0) > 0 && (
-														<div className="text-pink-300">
-															<span className="text-white/40">Gift:</span>{" "}
-															{formatCents(reg.giftAmount)}
-														</div>
-													)}
-													{!isPerformer && (
-														<div>
-															<span className="text-white/40">Betaling:</span>{" "}
-															{reg.paymentStatus === "paid" ? (
-																<span className="inline-flex items-center gap-1 font-medium text-green-400">
-																	<Check className="h-3 w-3" />
-																	Betaald
-																</span>
-															) : reg.paymentStatus ===
-																"extra_payment_pending" ? (
-																<span className="inline-flex items-center gap-1 font-medium text-orange-400">
-																	<span className="h-1 w-1 rounded-full bg-orange-400" />
-																	Extra (€
-																	{((reg.paymentAmount ?? 0) / 100).toFixed(0)})
-																</span>
-															) : (
-																<span className="text-yellow-400">Open</span>
-															)}
-														</div>
-													)}
-													<div className="text-white/50">{dateLabel}</div>
-												</div>
+												)}
 											</div>
 										);
 									})}
@@ -1112,8 +1250,6 @@ function AdminPage() {
 						</div>
 					</CardContent>
 				</Card>
-
-				{/* Pagination */}
 				{pagination && pagination.totalPages > 1 && (
 					<div className="mt-4 flex items-center justify-center gap-2 sm:mt-6">
 						<Button

apps/web/src/routes/api/cron/reminders.ts

@@ -1,40 +0,0 @@
-import { runSendReminders } from "@kk/api/routers/index";
-import { env } from "@kk/env/server";
-import { createFileRoute } from "@tanstack/react-router";
-
-async function handleCronReminders({ request }: { request: Request }) {
-	const secret = env.CRON_SECRET;
-	if (!secret) {
-		return new Response("CRON_SECRET not configured", { status: 500 });
-	}
-
-	// Accept the secret via Authorization header (Bearer) or JSON body
-	const authHeader = request.headers.get("Authorization");
-	let providedSecret: string | null = null;
-
-	if (authHeader?.startsWith("Bearer ")) {
-		providedSecret = authHeader.slice(7);
-	} else {
-		try {
-			const body = await request.json();
-			providedSecret = (body as { secret?: string }).secret ?? null;
-		} catch {
-			// ignore parse errors
-		}
-	}
-
-	if (!providedSecret || providedSecret !== secret) {
-		return new Response("Unauthorized", { status: 401 });
-	}
-
-	const result = await runSendReminders();
-	return Response.json(result);
-}
-
-export const Route = createFileRoute("/api/cron/reminders")({
-	server: {
-		handlers: {
-			POST: handleCronReminders,
-		},
-	},
-});

apps/web/src/routes/api/webhook/lemonsqueezy.ts

@@ -1,4 +1,4 @@
-import { randomUUID } from "node:crypto";
+import { createHmac, randomUUID } from "node:crypto";
 import { creditRegistrationToAccount } from "@kk/api/routers/index";
 import { db } from "@kk/db";
 import { drinkkaart, drinkkaartTopup, registration } from "@kk/db/schema";
@@ -7,106 +7,101 @@ import { env } from "@kk/env/server";
 import { createFileRoute } from "@tanstack/react-router";
 import { and, eq } from "drizzle-orm";
 
-// Mollie payment object (relevant fields only)
-interface MolliePayment {
-	id: string;
-	status: string;
-	amount: { value: string; currency: string };
-	customerId?: string;
-	metadata?: {
-		registration_token?: string;
-		type?: string;
-		drinkkaartId?: string;
-		userId?: string;
+// LemonSqueezy webhook payload types (order_created event)
+interface LemonSqueezyOrderCreatedPayload {
+	meta: {
+		event_name: string;
+		custom_data?: {
+			type?: string;
+			registration_token?: string;
+			drinkkaartId?: string;
+			userId?: string;
+		};
+	};
+	data: {
+		id: string;
+		attributes: {
+			status: string;
+			customer_id: number;
+			total: number; // amount in cents
+		};
 	};
 }
 
-async function fetchMolliePayment(paymentId: string): Promise<MolliePayment> {
-	const response = await fetch(
-		`https://api.mollie.com/v2/payments/${paymentId}`,
-		{
-			headers: {
-				Authorization: `Bearer ${env.MOLLIE_API_KEY}`,
-			},
-		},
-	);
-
-	if (!response.ok) {
-		throw new Error(
-			`Failed to fetch Mollie payment ${paymentId}: ${response.status}`,
-		);
-	}
-
-	return response.json() as Promise<MolliePayment>;
+function verifyWebhookSignature(
+	payload: string,
+	signature: string,
+	secret: string,
+): boolean {
+	const hmac = createHmac("sha256", secret);
+	hmac.update(payload);
+	const digest = hmac.digest("hex");
+	return signature === digest;
 }
 
 async function handleWebhook({ request }: { request: Request }) {
-	if (!env.MOLLIE_API_KEY) {
-		console.error("MOLLIE_API_KEY not configured");
+	if (!env.LEMON_SQUEEZY_WEBHOOK_SECRET) {
+		console.error("LEMON_SQUEEZY_WEBHOOK_SECRET not configured");
 		return new Response("Payment provider not configured", { status: 500 });
 	}
 
-	// Mollie sends application/x-www-form-urlencoded with a single "id" field
-	let paymentId: string | null = null;
+	const payload = await request.text();
+	const signature = request.headers.get("X-Signature");
+
+	if (!signature) {
+		return new Response("Missing signature", { status: 401 });
+	}
+
+	if (
+		!verifyWebhookSignature(
+			payload,
+			signature,
+			env.LEMON_SQUEEZY_WEBHOOK_SECRET,
+		)
+	) {
+		return new Response("Invalid signature", { status: 401 });
+	}
+
+	let event: LemonSqueezyOrderCreatedPayload;
 	try {
-		const body = await request.text();
-		const params = new URLSearchParams(body);
-		paymentId = params.get("id");
+		event = JSON.parse(payload) as LemonSqueezyOrderCreatedPayload;
 	} catch {
-		return new Response("Invalid request body", { status: 400 });
+		return new Response("Invalid JSON", { status: 400 });
 	}
 
-	if (!paymentId) {
-		return new Response("Missing payment id", { status: 400 });
+	// Only handle order_created events
+	if (event.meta.event_name !== "order_created") {
+		return new Response("Event ignored", { status: 200 });
 	}
 
-	// Fetch-to-verify: retrieve the actual payment from Mollie to confirm its
-	// status. A malicious webhook cannot fake a paid status this way.
-	let payment: MolliePayment;
-	try {
-		payment = await fetchMolliePayment(paymentId);
-	} catch (err) {
-		console.error("Failed to fetch Mollie payment:", err);
-		return new Response("Failed to fetch payment", { status: 500 });
-	}
-
-	// Only process paid payments
-	if (payment.status !== "paid") {
-		return new Response("Payment status ignored", { status: 200 });
-	}
-
-	const metadata = payment.metadata;
+	const orderId = event.data.id;
+	const customerId = String(event.data.attributes.customer_id);
+	const amountCents = event.data.attributes.total;
+	const customData = event.meta.custom_data;
 
 	try {
 		// -------------------------------------------------------------------------
 		// Branch: Drinkkaart top-up
 		// -------------------------------------------------------------------------
-		if (metadata?.type === "drinkkaart_topup") {
-			const { drinkkaartId, userId } = metadata;
+		if (customData?.type === "drinkkaart_topup") {
+			const { drinkkaartId, userId } = customData;
 			if (!drinkkaartId || !userId) {
 				console.error(
-					"Missing drinkkaartId or userId in drinkkaart_topup payment metadata",
+					"Missing drinkkaartId or userId in drinkkaart_topup custom_data",
 				);
 				return new Response("Missing drinkkaart data", { status: 400 });
 			}
 
-			// Amount in cents — Mollie returns e.g. "10.00"; parse to integer cents
-			const amountCents = Math.round(
-				Number.parseFloat(payment.amount.value) * 100,
-			);
-
 			// Idempotency: skip if already processed
 			const existing = await db
 				.select({ id: drinkkaartTopup.id })
 				.from(drinkkaartTopup)
-				.where(eq(drinkkaartTopup.molliePaymentId, payment.id))
+				.where(eq(drinkkaartTopup.lemonsqueezyOrderId, orderId))
 				.limit(1)
 				.then((r) => r[0]);
 
 			if (existing) {
-				console.log(
-					`Drinkkaart topup already processed for payment ${payment.id}`,
-				);
+				console.log(`Drinkkaart topup already processed for order ${orderId}`);
 				return new Response("OK", { status: 200 });
 			}
 
@@ -141,7 +136,7 @@ async function handleWebhook({ request }: { request: Request }) {
 				);
 
 			if (result.rowsAffected === 0) {
-				// Return 500 so Mollie retries; idempotency check prevents double-credit
+				// Return 500 so LemonSqueezy retries; idempotency check prevents double-credit
 				console.error(
 					`Drinkkaart optimistic lock conflict for ${drinkkaartId}`,
 				);
@@ -156,14 +151,14 @@ async function handleWebhook({ request }: { request: Request }) {
 				balanceBefore,
 				balanceAfter,
 				type: "payment",
-				molliePaymentId: payment.id,
+				lemonsqueezyOrderId: orderId,
 				adminId: null,
 				reason: null,
 				paidAt: new Date(),
 			});
 
 			console.log(
-				`Drinkkaart topup successful: drinkkaart=${drinkkaartId}, amount=${amountCents}c, payment=${payment.id}`,
+				`Drinkkaart topup successful: drinkkaart=${drinkkaartId}, amount=${amountCents}c, order=${orderId}`,
 			);
 
 			return new Response("OK", { status: 200 });
@@ -172,9 +167,9 @@ async function handleWebhook({ request }: { request: Request }) {
 		// -------------------------------------------------------------------------
 		// Branch: Registration payment
 		// -------------------------------------------------------------------------
-		const registrationToken = metadata?.registration_token;
+		const registrationToken = customData?.registration_token;
 		if (!registrationToken) {
-			console.error("No registration token in payment metadata");
+			console.error("No registration token in order custom_data");
 			return new Response("Missing registration token", { status: 400 });
 		}
 
@@ -197,13 +192,14 @@ async function handleWebhook({ request }: { request: Request }) {
 			.set({
 				paymentStatus: "paid",
 				paymentAmount: 0,
-				molliePaymentId: payment.id,
+				lemonsqueezyOrderId: orderId,
+				lemonsqueezyCustomerId: customerId,
 				paidAt: new Date(),
 			})
 			.where(eq(registration.managementToken, registrationToken));
 
 		console.log(
-			`Payment successful for registration ${registrationToken}, payment ${payment.id}`,
+			`Payment successful for registration ${registrationToken}, order ${orderId}`,
 		);
 
 		// If this is a watcher with a drink card value, try to credit their
@@ -254,7 +250,7 @@ async function handleWebhook({ request }: { request: Request }) {
 	}
 }
 
-export const Route = createFileRoute("/api/webhook/mollie")({
+export const Route = createFileRoute("/api/webhook/lemonsqueezy")({
 	server: {
 		handlers: {
 			POST: handleWebhook,

apps/web/src/routes/contact.tsx

@@ -38,7 +38,7 @@ function ContactPage() {
 
 					<section className="rounded-lg bg-white/5 p-6">
 						<h3 className="mb-3 text-white text-xl">Open Mic Night</h3>
-						<p>Vrijdag 18 april 2026</p>
+						<p>Vrijdag 24 april 2026</p>
 						<p>Aanvang: 19:00 uur</p>
 						<p className="mt-2 text-white/60">
 							Locatie wordt later bekendgemaakt aan geregistreerde deelnemers.

apps/web/src/routes/index.tsx

@@ -1,8 +1,9 @@
 import { createFileRoute } from "@tanstack/react-router";
+
+import ArtForms from "@/components/homepage/ArtForms";
 import EventRegistrationForm from "@/components/homepage/EventRegistrationForm";
 import Footer from "@/components/homepage/Footer";
 import Hero from "@/components/homepage/Hero";
-import HoeInschrijven from "@/components/homepage/HoeInschrijven";
 import Info from "@/components/homepage/Info";
 
 export const Route = createFileRoute("/")({
@@ -15,7 +16,7 @@ function HomePage() {
 			<main className="relative">
 				<Hero />
 				<Info />
-				<HoeInschrijven />
+				<ArtForms />
 				<EventRegistrationForm />
 				<Footer />
 			</main>

apps/web/src/routes/login.tsx

@@ -12,8 +12,6 @@ import {
 } from "@/components/ui/card";
 import { Input } from "@/components/ui/input";
 import { authClient } from "@/lib/auth-client";
-import { REGISTRATION_OPENS_AT } from "@/lib/opening";
-import { useRegistrationOpen } from "@/lib/useRegistrationOpen";
 import { orpc } from "@/utils/orpc";
 
 export const Route = createFileRoute("/login")({
@@ -33,7 +31,6 @@ export const Route = createFileRoute("/login")({
 function LoginPage() {
 	const navigate = useNavigate();
 	const search = Route.useSearch();
-	const { isOpen } = useRegistrationOpen();
 	const [isSignup, setIsSignup] = useState(() => search.signup === "1");
 	const [email, setEmail] = useState(() => search.email ?? "");
 	const [password, setPassword] = useState("");
@@ -207,43 +204,6 @@ function LoginPage() {
 								← Terug naar website
 							</Link>
 						</div>
-					) : isSignup && !isOpen ? (
-						/* Signup is closed until registration opens */
-						<div className="space-y-4">
-							<div className="rounded-lg border border-white/10 bg-white/5 p-5 text-center">
-								<p className="mb-1 font-['Intro',sans-serif] text-white">
-									Registratie nog niet open
-								</p>
-								<p className="text-sm text-white/60">
-									Accounts aanmaken kan vanaf{" "}
-									<span className="text-teal-300">
-										{REGISTRATION_OPENS_AT.toLocaleDateString("nl-BE", {
-											weekday: "long",
-											day: "numeric",
-											month: "long",
-										})}{" "}
-										om{" "}
-										{REGISTRATION_OPENS_AT.toLocaleTimeString("nl-BE", {
-											hour: "2-digit",
-											minute: "2-digit",
-										})}
-									</span>
-									.
-								</p>
-							</div>
-							<div className="flex flex-col gap-2 text-center">
-								<button
-									type="button"
-									onClick={() => setIsSignup(false)}
-									className="text-sm text-white/60 hover:text-white"
-								>
-									Al een account? Log in
-								</button>
-								<Link to="/" className="text-sm text-white/60 hover:text-white">
-									← Terug naar website
-								</Link>
-							</div>
-						</div>
 					) : (
 						<form onSubmit={handleSubmit} className="space-y-4">
 							{isSignup && (
@@ -311,29 +271,15 @@ function LoginPage() {
 										: "Inloggen"}
 							</Button>
 							<div className="flex flex-col gap-2 text-center">
-								{/* Only show signup toggle when registration is open */}
-								{isOpen && (
-									<button
-										type="button"
-										onClick={() => setIsSignup(!isSignup)}
-										className="text-sm text-white/60 hover:text-white"
-									>
-										{isSignup
-											? "Al een account? Log in"
-											: "Nog geen account? Registreer"}
-									</button>
-								)}
-								{!isOpen && isSignup === false && (
-									<button
-										type="button"
-										onClick={() => setIsSignup(true)}
-										className="cursor-not-allowed text-sm text-white/30"
-										disabled
-										title="Registratie opent op 16 maart om 19:00"
-									>
-										Nog geen account? (opent 16 maart)
-									</button>
-								)}
+								<button
+									type="button"
+									onClick={() => setIsSignup(!isSignup)}
+									className="text-sm text-white/60 hover:text-white"
+								>
+									{isSignup
+										? "Al een account? Log in"
+										: "Nog geen account? Registreer"}
+								</button>
 								<Link to="/" className="text-sm text-white/60 hover:text-white">
 									← Terug naar website
 								</Link>

apps/web/src/routes/manage.$token.tsx

@@ -117,6 +117,8 @@ interface EditFormProps {
 		lastName: string;
 		email: string;
 		phone: string | null;
+		postcode: string | null;
+		birthdate: string | null;
 		registrationType: string;
 		artForm: string | null;
 		experience: string | null;
@@ -140,6 +142,8 @@ function EditForm({ token, initialData, onCancel, onSaved }: EditFormProps) {
 		lastName: initialData.lastName,
 		email: initialData.email,
 		phone: initialData.phone ?? "",
+		postcode: initialData.postcode ?? "",
+		birthdate: initialData.birthdate ?? "",
 		registrationType: initialType,
 		artForm: initialData.artForm ?? "",
 		experience: initialData.experience ?? "",
@@ -179,6 +183,8 @@ function EditForm({ token, initialData, onCancel, onSaved }: EditFormProps) {
 			lastName: formData.lastName.trim(),
 			email: formData.email.trim(),
 			phone: formData.phone.trim() || undefined,
+			postcode: formData.postcode.trim() || "",
+			birthdate: formData.birthdate || "",
 			registrationType: formData.registrationType,
 			artForm: performer ? formData.artForm.trim() || undefined : undefined,
 			experience: performer
@@ -192,6 +198,8 @@ function EditForm({ token, initialData, onCancel, onSaved }: EditFormProps) {
 						lastName: g.lastName.trim(),
 						email: g.email.trim() || undefined,
 						phone: g.phone.trim() || undefined,
+						birthdate: g.birthdate.trim(),
+						postcode: g.postcode.trim(),
 					})),
 			extraQuestions: formData.extraQuestions.trim() || undefined,
 			giftAmount,
@@ -271,6 +279,42 @@ function EditForm({ token, initialData, onCancel, onSaved }: EditFormProps) {
 					/>
 				</div>
 
+				{/* Postcode + Birthdate */}
+				<div className="grid grid-cols-1 gap-6 md:grid-cols-2">
+					<div>
+						<label htmlFor="postcode" className="mb-2 block text-white">
+							Postcode *
+						</label>
+						<input
+							id="postcode"
+							type="text"
+							required
+							value={formData.postcode}
+							onChange={(e) =>
+								setFormData((p) => ({ ...p, postcode: e.target.value }))
+							}
+							autoComplete="postal-code"
+							className={inputCls(false)}
+						/>
+					</div>
+					<div>
+						<label htmlFor="birthdate" className="mb-2 block text-white">
+							Geboortedatum *
+						</label>
+						<input
+							id="birthdate"
+							type="date"
+							required
+							value={formData.birthdate}
+							onChange={(e) =>
+								setFormData((p) => ({ ...p, birthdate: e.target.value }))
+							}
+							autoComplete="bday"
+							className={`${inputCls(false)} [color-scheme:dark]`}
+						/>
+					</div>
+				</div>
+
 				{/* Registration type toggle */}
 				<div>
 					<p className="mb-3 text-white">Type inschrijving</p>
@@ -393,7 +437,14 @@ function EditForm({ token, initialData, onCancel, onSaved }: EditFormProps) {
 							if (formGuests.length >= 9) return;
 							setFormGuests((prev) => [
 								...prev,
-								{ firstName: "", lastName: "", email: "", phone: "" },
+								{
+									firstName: "",
+									lastName: "",
+									email: "",
+									phone: "",
+									birthdate: "",
+									postcode: "",
+								},
 							]);
 						}}
 						onRemove={(idx) =>
@@ -569,7 +620,7 @@ function ManageRegistrationPage() {
 				Jouw inschrijving
 			</h1>
 			<p className="mb-8 text-white/60">
-				Open Mic Night — vrijdag 18 april 2026
+				Open Mic Night — vrijdag 24 april 2026
 			</p>
 
 			{/* Type badge */}
@@ -585,18 +636,19 @@ function ManageRegistrationPage() {
 				)}
 			</div>
 
-			{/* Payment status - shown for everyone with pending/extra payment or gift */}
-			{(data.paymentStatus !== "paid" || (data.giftAmount ?? 0) > 0) && (
-				<div className="mb-6">
-					{data.paymentStatus === "paid" ? (
-						<PaidBadge />
-					) : data.paymentStatus === "extra_payment_pending" ? (
-						<ExtraPaymentBadge amountCents={data.paymentAmount ?? 0} />
-					) : (
-						<PendingBadge />
-					)}
-				</div>
-			)}
+			{/* Payment status - not shown for performers without a gift */}
+			{(!isPerformer || (data.giftAmount ?? 0) > 0) &&
+				(data.paymentStatus !== "paid" || (data.giftAmount ?? 0) > 0) && (
+					<div className="mb-6">
+						{data.paymentStatus === "paid" ? (
+							<PaidBadge />
+						) : data.paymentStatus === "extra_payment_pending" ? (
+							<ExtraPaymentBadge amountCents={data.paymentAmount ?? 0} />
+						) : (
+							<PendingBadge />
+						)}
+					</div>
+				)}
 
 			{/* Gift display */}
 			{(data.giftAmount ?? 0) > 0 && (
@@ -626,6 +678,14 @@ function ManageRegistrationPage() {
 						<p className="text-sm text-white/50">Telefoon</p>
 						<p className="text-lg text-white">{data.phone || "—"}</p>
 					</div>
+					<div>
+						<p className="text-sm text-white/50">Postcode</p>
+						<p className="text-lg text-white">{data.postcode || "—"}</p>
+					</div>
+					<div>
+						<p className="text-sm text-white/50">Geboortedatum</p>
+						<p className="text-lg text-white">{data.birthdate || "—"}</p>
+					</div>
 				</div>
 
 				{isPerformer && (
@@ -660,6 +720,16 @@ function ManageRegistrationPage() {
 									<p className="text-white">
 										{g.firstName} {g.lastName}
 									</p>
+									{g.birthdate && (
+										<p className="text-sm text-white/60">
+											Geboortedatum: {g.birthdate}
+										</p>
+									)}
+									{g.postcode && (
+										<p className="text-sm text-white/60">
+											Postcode: {g.postcode}
+										</p>
+									)}
 									{g.email && (
 										<p className="text-sm text-white/60">{g.email}</p>
 									)}

bun.lock

@@ -42,7 +42,6 @@
         "@tanstack/react-start": "^1.141.1",
         "@tanstack/router-plugin": "^1.141.1",
         "better-auth": "catalog:",
-        "canvas-confetti": "^1.9.4",
         "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
         "dotenv": "catalog:",
@@ -69,7 +68,6 @@
         "@tanstack/react-router-devtools": "^1.141.1",
         "@testing-library/dom": "^10.4.0",
         "@testing-library/react": "^16.2.0",
-        "@types/canvas-confetti": "^1.9.0",
         "@types/qrcode": "^1.5.6",
         "@types/react": "19.2.7",
         "@types/react-dom": "19.2.3",
@@ -911,8 +909,6 @@
 
     "@types/babel__traverse": ["@types/babel__traverse@7.28.0", "", { "dependencies": { "@babel/types": "^7.28.2" } }, "sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q=="],
 
-    "@types/canvas-confetti": ["@types/canvas-confetti@1.9.0", "", {}, "sha512-aBGj/dULrimR1XDZLtG9JwxX1b4HPRF6CX9Yfwh3NvstZEm1ZL7RBnel4keCPSqs1ANRu1u2Aoz9R+VmtjYuTg=="],
-
     "@types/draco3d": ["@types/draco3d@1.4.10", "", {}, "sha512-AX22jp8Y7wwaBgAixaSvkoG4M/+PlAcm3Qs4OW8yT9DM4xUpWKeFhLueTAyZF39pviAdcDdeJoACapiAceqNcw=="],
 
     "@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
@@ -1031,8 +1027,6 @@
 
     "caniuse-lite": ["caniuse-lite@1.0.30001774", "", {}, "sha512-DDdwPGz99nmIEv216hKSgLD+D4ikHQHjBC/seF98N9CPqRX4M5mSxT9eTV6oyisnJcuzxtZy4n17yKKQYmYQOA=="],
 
-    "canvas-confetti": ["canvas-confetti@1.9.4", "", {}, "sha512-yxQbJkAVrFXWNbTUjPqjF7G+g6pDotOUHGbkZq2NELZUMDpiJ85rIEazVb8GTaAptNW2miJAXbs1BtioA251Pw=="],
-
     "chalk": ["chalk@4.1.2", "", { "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" } }, "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="],
 
     "cheerio": ["cheerio@1.2.0", "", { "dependencies": { "cheerio-select": "^2.1.0", "dom-serializer": "^2.0.0", "domhandler": "^5.0.3", "domutils": "^3.2.2", "encoding-sniffer": "^0.2.1", "htmlparser2": "^10.1.0", "parse5": "^7.3.0", "parse5-htmlparser2-tree-adapter": "^7.1.0", "parse5-parser-stream": "^7.1.2", "undici": "^7.19.0", "whatwg-mimetype": "^4.0.0" } }, "sha512-WDrybc/gKFpTYQutKIK6UvfcuxijIZfMfXaYm8NMsPQxSYvf+13fXUJ4rztGGbJcBQ/GF55gvrZ0Bc0bj/mqvg=="],

packages/api/src/email.ts

@@ -86,7 +86,7 @@ function registrationConfirmationHtml(params: {
                 Hoi ${params.firstName},
               </p>
               <p style="margin:0 0 16px;font-size:16px;color:rgba(255,255,255,0.85);line-height:1.6;">
-                We hebben je inschrijving voor <strong style="color:#ffffff;">Open Mic Night — vrijdag 18 april 2026</strong> in goede orde ontvangen.
+                We hebben je inschrijving voor <strong style="color:#ffffff;">Open Mic Night — vrijdag 24 april 2026</strong> in goede orde ontvangen.
               </p>
               <!-- Registration summary -->
               <table width="100%" cellpadding="0" cellspacing="0" style="background:rgba(255,255,255,0.08);border-radius:4px;margin:24px 0;">
@@ -348,99 +348,3 @@ export async function sendCancellationEmail(params: {
 		html: cancellationHtml({ firstName: params.firstName }),
 	});
 }
-
-function reminderHtml(params: { firstName?: string | null }) {
-	const greeting = params.firstName ? `Hoi ${params.firstName},` : "Hoi!";
-	// Registration opens at 2026-03-16T19:00:00+01:00
-	const openDateStr = "maandag 16 maart 2026 om 19:00";
-	const registrationUrl = `${baseUrl}/#registration`;
-
-	return `<!DOCTYPE html>
-<html lang="nl">
-<head>
-  <meta charset="UTF-8" />
-  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-  <title>Nog 1 uur — inschrijvingen openen straks!</title>
-</head>
-<body style="margin:0;padding:0;background:#f4f4f5;font-family:sans-serif;">
-  <table width="100%" cellpadding="0" cellspacing="0" style="background:#f4f4f5;padding:40px 0;">
-    <tr>
-      <td align="center">
-        <table width="600" cellpadding="0" cellspacing="0" style="background:#214e51;border-radius:4px;overflow:hidden;">
-          <!-- Header -->
-          <tr>
-            <td style="padding:40px 48px 32px;">
-              <p style="margin:0;font-size:13px;color:rgba(255,255,255,0.5);letter-spacing:0.08em;text-transform:uppercase;">Kunstenkamp</p>
-              <h1 style="margin:12px 0 0;font-size:28px;color:#ffffff;font-weight:700;">Nog 1 uur!</h1>
-            </td>
-          </tr>
-          <!-- Body -->
-          <tr>
-            <td style="padding:0 48px 32px;">
-              <p style="margin:0 0 16px;font-size:16px;color:rgba(255,255,255,0.85);line-height:1.6;">
-                ${greeting}
-              </p>
-              <p style="margin:0 0 16px;font-size:16px;color:rgba(255,255,255,0.85);line-height:1.6;">
-                Over ongeveer <strong style="color:#ffffff;">1 uur</strong> openen de inschrijvingen voor <strong style="color:#ffffff;">Open Mic Night — vrijdag 18 april 2026</strong>.
-              </p>
-              <!-- Time box -->
-              <table width="100%" cellpadding="0" cellspacing="0" style="background:rgba(255,255,255,0.08);border-radius:4px;margin:24px 0;">
-                <tr>
-                  <td style="padding:20px 24px;">
-                    <p style="margin:0 0 8px;font-size:12px;color:rgba(255,255,255,0.5);text-transform:uppercase;letter-spacing:0.06em;">Inschrijvingen openen</p>
-                    <p style="margin:0;font-size:18px;color:#ffffff;font-weight:600;">${openDateStr}</p>
-                  </td>
-                </tr>
-              </table>
-              <p style="margin:0 0 24px;font-size:16px;color:rgba(255,255,255,0.85);line-height:1.6;">
-                Wees er snel bij — de plaatsen zijn beperkt!
-              </p>
-              <!-- CTA button -->
-              <table cellpadding="0" cellspacing="0">
-                <tr>
-                  <td style="border-radius:2px;background:#ffffff;">
-                    <a href="${registrationUrl}" style="display:inline-block;padding:14px 32px;font-size:16px;font-weight:600;color:#214e51;text-decoration:none;">
-                      Schrijf je in
-                    </a>
-                  </td>
-                </tr>
-              </table>
-              <p style="margin:16px 0 0;font-size:13px;color:rgba(255,255,255,0.4);">
-                Of ga naar: <span style="color:rgba(255,255,255,0.6);">${registrationUrl}</span>
-              </p>
-            </td>
-          </tr>
-          <!-- Footer -->
-          <tr>
-            <td style="padding:24px 48px;border-top:1px solid rgba(255,255,255,0.1);">
-              <p style="margin:0;font-size:13px;color:rgba(255,255,255,0.4);line-height:1.6;">
-                Je ontvangt dit bericht omdat je een herinnering hebt aangevraagd.<br/>
-                Vragen? Mail ons op <a href="mailto:info@kunstenkamp.be" style="color:rgba(255,255,255,0.6);">info@kunstenkamp.be</a><br/>
-                Kunstenkamp — Een initiatief voor en door kunstenaars.
-              </p>
-            </td>
-          </tr>
-        </table>
-      </td>
-    </tr>
-  </table>
-</body>
-</html>`;
-}
-
-export async function sendReminderEmail(params: {
-	to: string;
-	firstName?: string | null;
-}) {
-	const transport = getTransport();
-	if (!transport) {
-		console.warn("SMTP not configured — skipping reminder email");
-		return;
-	}
-	await transport.sendMail({
-		from,
-		to: params.to,
-		subject: "Nog 1 uur — inschrijvingen openen straks!",
-		html: reminderHtml({ firstName: params.firstName }),
-	});
-}

packages/api/src/routers/drinkkaart.ts

@@ -134,49 +134,82 @@ export const drinkkaartRouter = {
 		.handler(async ({ input, context }) => {
 			const { env: serverEnv, session } = context;
 
-			if (!serverEnv.MOLLIE_API_KEY) {
+			if (
+				!serverEnv.LEMON_SQUEEZY_API_KEY ||
+				!serverEnv.LEMON_SQUEEZY_STORE_ID ||
+				!serverEnv.LEMON_SQUEEZY_VARIANT_ID
+			) {
 				throw new ORPCError("INTERNAL_SERVER_ERROR", {
-					message: "Mollie is niet geconfigureerd",
+					message: "LemonSqueezy is niet geconfigureerd",
 				});
 			}
 
 			const card = await getOrCreateDrinkkaart(session.user.id);
 
-			// Mollie amounts must be formatted as "10.00" (string, 2 decimal places)
-			const amountValue = (input.amountCents / 100).toFixed(2);
-
-			const response = await fetch("https://api.mollie.com/v2/payments", {
-				method: "POST",
-				headers: {
-					"Content-Type": "application/json",
-					Authorization: `Bearer ${serverEnv.MOLLIE_API_KEY}`,
-				},
-				body: JSON.stringify({
-					amount: { value: amountValue, currency: "EUR" },
-					description: `Drinkkaart Opladen — ${formatCents(input.amountCents)}`,
-					redirectUrl: `${serverEnv.BETTER_AUTH_URL}/account?topup=success`,
-					webhookUrl: `${serverEnv.BETTER_AUTH_URL}/api/webhook/mollie`,
-					locale: "nl_NL",
-					metadata: {
-						type: "drinkkaart_topup",
-						drinkkaartId: card.id,
-						userId: session.user.id,
+			const response = await fetch(
+				"https://api.lemonsqueezy.com/v1/checkouts",
+				{
+					method: "POST",
+					headers: {
+						Accept: "application/vnd.api+json",
+						"Content-Type": "application/vnd.api+json",
+						Authorization: `Bearer ${serverEnv.LEMON_SQUEEZY_API_KEY}`,
 					},
-				}),
-			});
+					body: JSON.stringify({
+						data: {
+							type: "checkouts",
+							attributes: {
+								custom_price: input.amountCents,
+								product_options: {
+									name: "Drinkkaart Opladen",
+									description: `Opwaardering van ${formatCents(input.amountCents)}`,
+									redirect_url: `${serverEnv.BETTER_AUTH_URL}/account?topup=success`,
+								},
+								checkout_data: {
+									email: session.user.email,
+									name: session.user.name,
+									custom: {
+										type: "drinkkaart_topup",
+										drinkkaartId: card.id,
+										userId: session.user.id,
+									},
+								},
+								checkout_options: {
+									embed: false,
+									locale: "nl",
+								},
+							},
+							relationships: {
+								store: {
+									data: {
+										type: "stores",
+										id: serverEnv.LEMON_SQUEEZY_STORE_ID,
+									},
+								},
+								variant: {
+									data: {
+										type: "variants",
+										id: serverEnv.LEMON_SQUEEZY_VARIANT_ID,
+									},
+								},
+							},
+						},
+					}),
+				},
+			);
 
 			if (!response.ok) {
 				const errorData = await response.json();
-				console.error("Mollie Drinkkaart checkout error:", errorData);
+				console.error("LemonSqueezy Drinkkaart checkout error:", errorData);
 				throw new ORPCError("INTERNAL_SERVER_ERROR", {
 					message: "Kon checkout niet aanmaken",
 				});
 			}
 
 			const data = (await response.json()) as {
-				_links?: { checkout?: { href?: string } };
+				data?: { attributes?: { url?: string } };
 			};
-			const checkoutUrl = data._links?.checkout?.href;
+			const checkoutUrl = data.data?.attributes?.url;
 			if (!checkoutUrl) {
 				throw new ORPCError("INTERNAL_SERVER_ERROR", {
 					message: "Geen checkout URL ontvangen",

packages/api/src/routers/index.ts

@@ -1,6 +1,6 @@
 import { randomUUID } from "node:crypto";
 import { db } from "@kk/db";
-import { adminRequest, registration, reminder } from "@kk/db/schema";
+import { adminRequest, registration } from "@kk/db/schema";
 import { user } from "@kk/db/schema/auth";
 import { drinkkaart, drinkkaartTopup } from "@kk/db/schema/drinkkaart";
 import { env } from "@kk/env/server";
@@ -10,19 +10,12 @@ import { z } from "zod";
 import {
 	sendCancellationEmail,
 	sendConfirmationEmail,
-	sendReminderEmail,
 	sendUpdateEmail,
 } from "../email";
 import { adminProcedure, protectedProcedure, publicProcedure } from "../index";
 import { generateQrSecret } from "../lib/drinkkaart-utils";
 import { drinkkaartRouter } from "./drinkkaart";
 
-// Registration opens at this date — reminders fire 1 hour before
-const REGISTRATION_OPENS_AT = new Date("2026-03-10T17:00:00+01:00");
-const REMINDER_WINDOW_START = new Date(
-	REGISTRATION_OPENS_AT.getTime() - 60 * 60 * 1000,
-);
-
 // ---------------------------------------------------------------------------
 // Shared helpers
 // ---------------------------------------------------------------------------
@@ -43,6 +36,8 @@ function parseGuestsJson(raw: string | null): Array<{
 	lastName: string;
 	email?: string;
 	phone?: string;
+	birthdate?: string;
+	postcode?: string;
 }> {
 	if (!raw) return [];
 	try {
@@ -57,7 +52,7 @@ function parseGuestsJson(raw: string | null): Array<{
  * Credits a watcher's drinkCardValue to their drinkkaart account.
  *
  * Safe to call multiple times — the `drinkkaartCreditedAt IS NULL` guard and the
- * `mollie_payment_id` UNIQUE constraint together prevent double-crediting even
+ * `lemonsqueezy_order_id` UNIQUE constraint together prevent double-crediting even
  * if called concurrently (webhook + signup racing each other).
  *
  * Returns a status string describing the outcome.
@@ -167,11 +162,11 @@ export async function creditRegistrationToAccount(
 		return { credited: false, amountCents: 0, status: "already_credited" };
 	}
 
-	// Record the topup. Re-use the registration's molliePaymentId so the
+	// Record the topup. Re-use the registration's lemonsqueezyOrderId so the
 	// topup row is clearly linked to the original payment. We prefix with
 	// "reg_" to distinguish from direct drinkkaart top-up orders if needed.
-	const topupPaymentId = reg.molliePaymentId
-		? `reg_${reg.molliePaymentId}`
+	const topupPaymentId = reg.lemonsqueezyOrderId
+		? `reg_${reg.lemonsqueezyOrderId}`
 		: null;
 
 	await db.insert(drinkkaartTopup).values({
@@ -182,7 +177,7 @@ export async function creditRegistrationToAccount(
 		balanceBefore,
 		balanceAfter,
 		type: "payment",
-		molliePaymentId: topupPaymentId,
+		lemonsqueezyOrderId: topupPaymentId,
 		adminId: null,
 		reason: "Drinkkaart bij registratie",
 		paidAt: reg.paidAt ?? new Date(),
@@ -225,6 +220,8 @@ const guestSchema = z.object({
 	lastName: z.string().min(1),
 	email: z.string().email().optional().or(z.literal("")),
 	phone: z.string().optional(),
+	birthdate: z.string().min(1),
+	postcode: z.string().min(1),
 });
 
 const coreRegistrationFields = {
@@ -232,6 +229,8 @@ const coreRegistrationFields = {
 	lastName: z.string().min(1),
 	email: z.string().email(),
 	phone: z.string().optional(),
+	postcode: z.string().min(1),
+	birthdate: z.string().min(1),
 	registrationType: registrationTypeSchema.default("watcher"),
 	artForm: z.string().optional(),
 	experience: z.string().optional(),
@@ -284,6 +283,8 @@ export const appRouter = {
 				lastName: input.lastName,
 				email: input.email,
 				phone: input.phone || null,
+				postcode: input.postcode,
+				birthdate: input.birthdate,
 				registrationType: input.registrationType,
 				artForm: isPerformer ? input.artForm || null : null,
 				experience: isPerformer ? input.experience || null : null,
@@ -371,6 +372,8 @@ export const appRouter = {
 					lastName: input.lastName,
 					email: input.email,
 					phone: input.phone || null,
+					postcode: input.postcode,
+					birthdate: input.birthdate,
 					registrationType: input.registrationType,
 					artForm: isPerformer ? input.artForm || null : null,
 					experience: isPerformer ? input.experience || null : null,
@@ -522,6 +525,8 @@ export const appRouter = {
 			"Last Name",
 			"Email",
 			"Phone",
+			"Postcode",
+			"Birthdate",
 			"Type",
 			"Art Form",
 			"Experience",
@@ -541,7 +546,7 @@ export const appRouter = {
 			const guestSummary = guests
 				.map(
 					(g) =>
-						`${g.firstName} ${g.lastName}${g.email ? ` <${g.email}>` : ""}${g.phone ? ` (${g.phone})` : ""}`,
+						`${g.firstName} ${g.lastName}${g.birthdate ? ` (${g.birthdate})` : ""}${g.postcode ? ` [${g.postcode}]` : ""}${g.email ? ` <${g.email}>` : ""}${g.phone ? ` (${g.phone})` : ""}`,
 				)
 				.join(" | ");
 			return [
@@ -550,6 +555,8 @@ export const appRouter = {
 				r.lastName,
 				r.email,
 				r.phone || "",
+				r.postcode || "",
+				r.birthdate || "",
 				r.registrationType,
 				r.artForm || "",
 				r.experience || "",
@@ -590,7 +597,7 @@ export const appRouter = {
 		return result;
 	}),
 
-	getMyRegistration: protectedProcedure.handler(async ({ context }) => {
+	getMyRegistrations: protectedProcedure.handler(async ({ context }) => {
 		const email = context.session.user.email;
 
 		const rows = await db
@@ -599,16 +606,12 @@ export const appRouter = {
 			.where(
 				and(eq(registration.email, email), isNull(registration.cancelledAt)),
 			)
-			.orderBy(desc(registration.createdAt))
-			.limit(1);
+			.orderBy(desc(registration.createdAt));
 
-		const row = rows[0];
-		if (!row) return null;
-
-		return {
+		return rows.map((row) => ({
 			...row,
 			guests: parseGuestsJson(row.guests),
-		};
+		}));
 	}),
 
 	// ---------------------------------------------------------------------------
@@ -736,97 +739,6 @@ export const appRouter = {
 			return { success: true, message: "Admin toegang geweigerd" };
 		}),
 
-	// ---------------------------------------------------------------------------
-	// Reminder opt-in
-	// ---------------------------------------------------------------------------
-
-	/**
-	 * Subscribe an email address to receive a reminder 1 hour before registration
-	 * opens. Silently deduplicates — if the email is already subscribed, returns
-	 * ok:true without error. Returns ok:false if registration is already open.
-	 */
-	subscribeReminder: publicProcedure
-		.input(z.object({ email: z.string().email() }))
-		.handler(async ({ input }) => {
-			const now = Date.now();
-
-			// Registration is already open — no point subscribing
-			if (now >= REGISTRATION_OPENS_AT.getTime()) {
-				return { ok: false, reason: "already_open" as const };
-			}
-
-			// Check for an existing subscription (silent dedup)
-			const existing = await db
-				.select({ id: reminder.id })
-				.from(reminder)
-				.where(eq(reminder.email, input.email))
-				.limit(1)
-				.then((rows) => rows[0]);
-
-			if (existing) {
-				return { ok: true };
-			}
-
-			await db.insert(reminder).values({
-				id: randomUUID(),
-				email: input.email,
-			});
-
-			return { ok: true };
-		}),
-
-	/**
-	 * Send pending reminder emails to all opted-in addresses.
-	 * Protected by a shared secret (`CRON_SECRET`) passed as an Authorization
-	 * header. Should be called by a Cloudflare Cron Trigger at the top of
-	 * every hour, or directly via `POST /api/cron/reminders`.
-	 *
-	 * Only sends when the current time is within the 1-hour reminder window
-	 * (between REGISTRATION_OPENS_AT - 1h and REGISTRATION_OPENS_AT).
-	 */
-	sendReminders: publicProcedure
-		.input(z.object({ secret: z.string() }))
-		.handler(async ({ input }) => {
-			// Validate the shared secret
-			if (!env.CRON_SECRET || input.secret !== env.CRON_SECRET) {
-				throw new Error("Unauthorized");
-			}
-
-			const now = Date.now();
-			const windowStart = REMINDER_WINDOW_START.getTime();
-			const windowEnd = REGISTRATION_OPENS_AT.getTime();
-
-			// Only send during the reminder window
-			if (now < windowStart || now >= windowEnd) {
-				return { sent: 0, skipped: true, reason: "outside_window" as const };
-			}
-
-			// Fetch all unsent reminders
-			const pending = await db
-				.select()
-				.from(reminder)
-				.where(isNull(reminder.sentAt));
-
-			let sent = 0;
-			const errors: string[] = [];
-
-			for (const row of pending) {
-				try {
-					await sendReminderEmail({ to: row.email });
-					await db
-						.update(reminder)
-						.set({ sentAt: new Date() })
-						.where(eq(reminder.id, row.id));
-					sent++;
-				} catch (err) {
-					errors.push(`${row.email}: ${String(err)}`);
-					console.error(`Failed to send reminder to ${row.email}:`, err);
-				}
-			}
-
-			return { sent, skipped: false, errors };
-		}),
-
 	// ---------------------------------------------------------------------------
 	// Checkout
 	// ---------------------------------------------------------------------------
@@ -839,8 +751,12 @@ export const appRouter = {
 			}),
 		)
 		.handler(async ({ input }) => {
-			if (!env.MOLLIE_API_KEY) {
-				throw new Error("Mollie is niet geconfigureerd");
+			if (
+				!env.LEMON_SQUEEZY_API_KEY ||
+				!env.LEMON_SQUEEZY_STORE_ID ||
+				!env.LEMON_SQUEEZY_VARIANT_ID
+			) {
+				throw new Error("LemonSqueezy is niet geconfigureerd");
 			}
 
 			const rows = await db
@@ -893,37 +809,66 @@ export const appRouter = {
 			const redirectUrl =
 				input.redirectUrl ?? `${env.CORS_ORIGIN}/manage/${input.token}`;
 
-			// Mollie amounts must be formatted as "10.00" (string, 2 decimal places)
-			const amountValue = (amountInCents / 100).toFixed(2);
-
-			const webhookUrl = `${env.CORS_ORIGIN}/api/webhook/mollie`;
-
-			const response = await fetch("https://api.mollie.com/v2/payments", {
-				method: "POST",
-				headers: {
-					"Content-Type": "application/json",
-					Authorization: `Bearer ${env.MOLLIE_API_KEY}`,
+			const response = await fetch(
+				"https://api.lemonsqueezy.com/v1/checkouts",
+				{
+					method: "POST",
+					headers: {
+						Accept: "application/vnd.api+json",
+						"Content-Type": "application/vnd.api+json",
+						Authorization: `Bearer ${env.LEMON_SQUEEZY_API_KEY}`,
+					},
+					body: JSON.stringify({
+						data: {
+							type: "checkouts",
+							attributes: {
+								custom_price: amountInCents,
+								product_options: {
+									name: "Kunstenkamp Evenement",
+									description: productDescription,
+									redirect_url: redirectUrl,
+								},
+								checkout_data: {
+									email: row.email,
+									name: `${row.firstName} ${row.lastName}`,
+									custom: {
+										registration_token: input.token,
+									},
+								},
+								checkout_options: {
+									embed: false,
+									locale: "nl",
+								},
+							},
+							relationships: {
+								store: {
+									data: {
+										type: "stores",
+										id: env.LEMON_SQUEEZY_STORE_ID,
+									},
+								},
+								variant: {
+									data: {
+										type: "variants",
+										id: env.LEMON_SQUEEZY_VARIANT_ID,
+									},
+								},
+							},
+						},
+					}),
 				},
-				body: JSON.stringify({
-					amount: { value: amountValue, currency: "EUR" },
-					description: `Kunstenkamp Evenement — ${productDescription}`,
-					redirectUrl,
-					webhookUrl,
-					locale: "nl_NL",
-					metadata: { registration_token: input.token },
-				}),
-			});
+			);
 
 			if (!response.ok) {
 				const errorData = await response.json();
-				console.error("Mollie checkout error:", errorData);
+				console.error("LemonSqueezy checkout error:", errorData);
 				throw new Error("Kon checkout niet aanmaken");
 			}
 
 			const checkoutData = (await response.json()) as {
-				_links?: { checkout?: { href?: string } };
+				data?: { attributes?: { url?: string } };
 			};
-			const checkoutUrl = checkoutData._links?.checkout?.href;
+			const checkoutUrl = checkoutData.data?.attributes?.url;
 
 			if (!checkoutUrl) throw new Error("Geen checkout URL ontvangen");
 
@@ -933,47 +878,3 @@ export const appRouter = {
 
 export type AppRouter = typeof appRouter;
 export type AppRouterClient = RouterClient<typeof appRouter>;
-
-/**
- * Standalone function that sends pending reminder emails.
- * Exported so that the Cloudflare Cron HTTP handler can call it directly
- * without needing drizzle-orm as a direct dependency of apps/web.
- */
-export async function runSendReminders(): Promise<{
-	sent: number;
-	skipped: boolean;
-	reason?: string;
-	errors: string[];
-}> {
-	const now = Date.now();
-	const windowStart = REMINDER_WINDOW_START.getTime();
-	const windowEnd = REGISTRATION_OPENS_AT.getTime();
-
-	if (now < windowStart || now >= windowEnd) {
-		return { sent: 0, skipped: true, reason: "outside_window", errors: [] };
-	}
-
-	const pending = await db
-		.select()
-		.from(reminder)
-		.where(isNull(reminder.sentAt));
-
-	let sent = 0;
-	const errors: string[] = [];
-
-	for (const row of pending) {
-		try {
-			await sendReminderEmail({ to: row.email });
-			await db
-				.update(reminder)
-				.set({ sentAt: new Date() })
-				.where(eq(reminder.id, row.id));
-			sent++;
-		} catch (err) {
-			errors.push(`${row.email}: ${String(err)}`);
-			console.error(`Failed to send reminder to ${row.email}:`, err);
-		}
-	}
-
-	return { sent, skipped: false, errors };
-}

packages/db/src/migrations/0007_lemonsqueezy_migration.sql

@@ -0,0 +1,15 @@
+-- Migrate from Mollie back to LemonSqueezy
+-- Renames payment provider columns in registration and drinkkaart_topup tables,
+-- and restores the lemonsqueezy_customer_id column on registration.
+
+-- registration table:
+--   mollie_payment_id -> lemonsqueezy_order_id
+--   (re-add) lemonsqueezy_customer_id
+
+ALTER TABLE registration RENAME COLUMN mollie_payment_id TO lemonsqueezy_order_id;
+ALTER TABLE registration ADD COLUMN lemonsqueezy_customer_id text;
+
+-- drinkkaart_topup table:
+--   mollie_payment_id -> lemonsqueezy_order_id
+
+ALTER TABLE drinkkaart_topup RENAME COLUMN mollie_payment_id TO lemonsqueezy_order_id;

packages/db/src/migrations/0007_reminder.sql

@@ -1,9 +0,0 @@
--- Add reminder table for email reminders 1 hour before registration opens
-CREATE TABLE `reminder` (
-	`id` text PRIMARY KEY NOT NULL,
-	`email` text NOT NULL,
-	`sent_at` integer,
-	`created_at` integer DEFAULT (cast(unixepoch('subsecond') * 1000 as integer)) NOT NULL
-);
---> statement-breakpoint
-CREATE INDEX `reminder_email_idx` ON `reminder` (`email`);

packages/db/src/migrations/0008_add_postcode_birthdate.sql

@@ -0,0 +1,2 @@
+ALTER TABLE registration ADD COLUMN postcode TEXT;
+ALTER TABLE registration ADD COLUMN birthdate TEXT;

packages/db/src/migrations/meta/_journal.json

@@ -31,31 +31,10 @@
 			"breakpoints": true
 		},
 		{
-			"idx": 4,
+			"idx": 8,
 			"version": "6",
-			"when": 1772536320000,
-			"tag": "0004_drinkkaart",
-			"breakpoints": true
-		},
-		{
-			"idx": 5,
-			"version": "6",
-			"when": 1772596240000,
-			"tag": "0005_registration_drinkkaart_credit",
-			"breakpoints": true
-		},
-		{
-			"idx": 6,
-			"version": "6",
-			"when": 1772672880000,
-			"tag": "0006_mollie_migration",
-			"breakpoints": true
-		},
-		{
-			"idx": 7,
-			"version": "6",
-			"when": 1772931300000,
-			"tag": "0007_reminder",
+			"when": 1741388400000,
+			"tag": "0008_add_postcode_birthdate",
 			"breakpoints": true
 		}
 	]

packages/db/src/schema/drinkkaart.ts

@@ -46,7 +46,7 @@ export const drinkkaartTopup = sqliteTable("drinkkaart_topup", {
 	balanceBefore: integer("balance_before").notNull(),
 	balanceAfter: integer("balance_after").notNull(),
 	type: text("type", { enum: ["payment", "admin_credit"] }).notNull(),
-	molliePaymentId: text("mollie_payment_id").unique(), // nullable; only for type="payment"
+	lemonsqueezyOrderId: text("lemonsqueezy_order_id").unique(), // nullable; only for type="payment"
 	adminId: text("admin_id"), // nullable; only for type="admin_credit"
 	reason: text("reason"),
 	paidAt: integer("paid_at", { mode: "timestamp_ms" }).notNull(),

packages/db/src/schema/index.ts

@@ -2,4 +2,3 @@ export * from "./admin-requests";
 export * from "./auth";
 export * from "./drinkkaart";
 export * from "./registrations";
-export * from "./reminders";

packages/db/src/schema/registrations.ts

@@ -21,6 +21,9 @@ export const registration = sqliteTable(
 		drinkCardValue: integer("drink_card_value").default(0),
 		// Guests: JSON array of {firstName, lastName, email?, phone?} objects
 		guests: text("guests"),
+		// Contact / demographic
+		postcode: text("postcode"),
+		birthdate: text("birthdate"),
 		// Shared
 		extraQuestions: text("extra_questions"),
 		managementToken: text("management_token").unique(),
@@ -29,7 +32,8 @@ export const registration = sqliteTable(
 		paymentStatus: text("payment_status").notNull().default("pending"),
 		paymentAmount: integer("payment_amount").default(0),
 		giftAmount: integer("gift_amount").default(0),
-		molliePaymentId: text("mollie_payment_id"),
+		lemonsqueezyOrderId: text("lemonsqueezy_order_id"),
+		lemonsqueezyCustomerId: text("lemonsqueezy_customer_id"),
 		paidAt: integer("paid_at", { mode: "timestamp_ms" }),
 		// Set when the drinkCardValue has been credited to the user's drinkkaart.
 		// Null means not yet credited (either unpaid, account doesn't exist yet, or
@@ -49,6 +53,6 @@ export const registration = sqliteTable(
 		index("registration_managementToken_idx").on(table.managementToken),
 		index("registration_paymentStatus_idx").on(table.paymentStatus),
 		index("registration_giftAmount_idx").on(table.giftAmount),
-		index("registration_molliePaymentId_idx").on(table.molliePaymentId),
+		index("registration_lemonsqueezyOrderId_idx").on(table.lemonsqueezyOrderId),
 	],
 );

packages/db/src/schema/reminders.ts

@@ -1,18 +0,0 @@
-import { sql } from "drizzle-orm";
-import { index, integer, sqliteTable, text } from "drizzle-orm/sqlite-core";
-
-export const reminder = sqliteTable(
-	"reminder",
-	{
-		id: text("id").primaryKey(), // UUID
-		email: text("email").notNull(),
-		sentAt: integer("sent_at", { mode: "timestamp_ms" }),
-		createdAt: integer("created_at", { mode: "timestamp_ms" })
-			.default(sql`(cast(unixepoch('subsecond') * 1000 as integer))`)
-			.notNull(),
-	},
-	(t) => [index("reminder_email_idx").on(t.email)],
-);
-
-export type Reminder = typeof reminder.$inferSelect;
-export type NewReminder = typeof reminder.$inferInsert;

packages/env/src/server.ts

@@ -25,8 +25,10 @@ export const env = createEnv({
 		NODE_ENV: z
 			.enum(["development", "production", "test"])
 			.default("development"),
-		MOLLIE_API_KEY: z.string().min(1).optional(),
-		CRON_SECRET: z.string().min(1).optional(),
+		LEMON_SQUEEZY_API_KEY: z.string().min(1).optional(),
+		LEMON_SQUEEZY_STORE_ID: z.string().min(1).optional(),
+		LEMON_SQUEEZY_VARIANT_ID: z.string().min(1).optional(),
+		LEMON_SQUEEZY_WEBHOOK_SECRET: z.string().min(1).optional(),
 	},
 	runtimeEnv: process.env,
 	emptyStringAsUndefined: true,

packages/infra/alchemy.run.ts

@@ -30,13 +30,12 @@ export const web = await TanStackStart("web", {
 		SMTP_USER: getEnvVar("SMTP_USER"),
 		SMTP_PASS: getEnvVar("SMTP_PASS"),
 		SMTP_FROM: getEnvVar("SMTP_FROM"),
-		// Payments (Mollie)
-		MOLLIE_API_KEY: getEnvVar("MOLLIE_API_KEY"),
-		// Cron secret for protected scheduled endpoints
-		CRON_SECRET: getEnvVar("CRON_SECRET"),
+		// Payments (LemonSqueezy)
+		LEMON_SQUEEZY_API_KEY: getEnvVar("LEMON_SQUEEZY_API_KEY"),
+		LEMON_SQUEEZY_STORE_ID: getEnvVar("LEMON_SQUEEZY_STORE_ID"),
+		LEMON_SQUEEZY_VARIANT_ID: getEnvVar("LEMON_SQUEEZY_VARIANT_ID"),
+		LEMON_SQUEEZY_WEBHOOK_SECRET: getEnvVar("LEMON_SQUEEZY_WEBHOOK_SECRET"),
 	},
-	// Fire every hour so the reminder check can run at 18:00 on 2026-03-16
-	crons: ["0 * * * *"],
 	domains: ["kunstenkamp.be", "www.kunstenkamp.be"],
 });
 

turbo.json

@@ -18,17 +18,14 @@
 			"persistent": true
 		},
 		"db:push": {
-			"cache": false,
-			"interactive": true
+			"cache": false
 		},
 		"db:generate": {
-			"cache": false,
-			"interactive": true
+			"cache": false
 		},
 		"db:migrate": {
 			"cache": false,
-			"persistent": true,
-			"interactive": true
+			"persistent": true
 		},
 		"db:studio": {
 			"cache": false,