feat:mollie and footer

apps/web/public/assets/ejv.svg

@@ -0,0 +1,129 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1571.7 205.8" style="enable-background:new 0 0 1571.7 205.8;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFFFFF;}
+	.st1{fill:#41BEE8;}
+	.st2{fill:#ED1C24;}
+	.st3{fill:#8DC63F;}
+	.st4{fill:#F7941D;}
+</style>
+<g>
+	<path class="st0" d="M441.9,102.9c0,55.7-45.2,100.9-100.9,100.9c-55.7,0-100.8-45.2-100.8-100.9C240.1,47.1,285.3,2,341,2
+		C396.7,2,441.9,47.1,441.9,102.9z"/>
+	<g>
+		<path class="st1" d="M286.4,178.8l6.6-33.2c0,0,28.1,11.6,36.2-5.8c6.6-14.2,30.7-119.7,34.3-135.3C356.2,2.9,348.7,2,341,2
+			c-55.7,0-100.9,45.2-100.9,100.9c0,40.6,24,75.6,58.6,91.6C291.1,187,286.4,178.8,286.4,178.8z"/>
+		<path class="st1" d="M411.6,30.8c-8.1,32.8-27.2,110.6-33,131.5c-3.8,13.8-12.5,32.7-29,41.1c51.7-4.3,92.4-47.7,92.4-100.5
+			C441.9,74.6,430.3,49.1,411.6,30.8z"/>
+	</g>
+</g>
+<g>
+	<path class="st0" d="M680.9,102.8c0,55.7-45.1,100.9-100.8,100.9c-55.7,0-100.9-45.2-100.9-100.9C479.2,47.2,524.3,2,580,2
+		C635.7,2,680.9,47.1,680.9,102.8z"/>
+	<g>
+		<path class="st2" d="M555.6,168.7c-15-21.9-53.7-71.2-72.3-94.7c-2.8,9.2-4.2,18.9-4.2,28.9c0,55.7,45.1,100.8,100.9,100.8
+			c0.1,0,0.3,0,0.4,0C575.5,197.2,567.4,185.8,555.6,168.7z"/>
+		<path class="st2" d="M534.1,55.3c0,0,58,90.7,59.8,93.3c1.7,2.7,6.1,2.8,6.2-3c0.1-5.9,2.7-115.7,2.7-115.7l40.6-5.4
+			C625.9,10.4,603.9,2,579.9,2c-40.2,0-74.9,23.5-91.1,57.5L534.1,55.3z"/>
+		<path class="st2" d="M661.1,43c-4.9,22.4-12,55.6-13.7,67c-2.1,13.4-9.2,56.9-12.5,77.4c27.6-18,45.9-49.1,45.9-84.5
+			C680.8,80.5,673.5,59.8,661.1,43z"/>
+	</g>
+</g>
+<g>
+	<path class="st0" d="M202.9,103c0,55.7-45.2,100.8-100.8,100.8C46.4,203.8,1.2,158.6,1.2,103C1.2,47.3,46.4,2.2,102,2.1
+		C157.7,2.2,202.9,47.3,202.9,103z"/>
+	<path class="st3" d="M102.1,2C46.3,2,1.2,47.1,1.2,102.9c0,38.3,21.3,71.6,52.7,88.6L33.9,41c0,0,95.8-24.1,107.6-23.2l7.8,40.7
+		c0,0-40.5,9.6-61,13c0,0,0.6,18.2,1.9,22.1c9.7-0.5,29.2-4.2,38.7-4.9l5.4,39.1c0,0-35.3,4.2-39,5.4c0.7,4.9,1.9,19.4,2.3,23.6
+		c13-0.1,47.5-7.8,63.2-9.1l7.2,31.7c21.5-18.5,35.2-45.9,35.2-76.5C203,47.2,157.8,2,102.1,2z"/>
+</g>
+<g>
+	<path class="st0" d="M919.8,103c0,55.6-45.2,100.8-100.9,100.8c-55.7,0-100.9-45.2-100.9-100.8C718,47.3,763.2,2.2,818.9,2.1
+		C874.6,2.1,919.8,47.3,919.8,103z"/>
+	<g>
+		<path class="st4" d="M830,127.1c0,21.1,0.8,53.3,1.4,75.7c5-0.6,9.9-1.6,14.6-2.9c1-9.2,6-53.1,6.2-54.5
+			c0.1-0.9,0.2-10.2,0.3-18.6C845.3,127.4,837.8,127.5,830,127.1z"/>
+		<path class="st4" d="M801.5,105.2c-0.5-14.9-1.1-33-1.1-33l30.2,1c0,0,0.2,11.2-0.3,36.2c25.8,1.6,55.7-2.2,89.2-15.8
+			C914.8,42.2,871.6,2,819,2c-42.3,0-78.7,26.1-93.6,63.1C730.6,70.1,757.5,94.8,801.5,105.2z M862.7,60.1
+			c10.8,0,19.5,8.7,19.5,19.5c0,10.7-8.7,19.5-19.5,19.5c-10.8,0-19.5-8.7-19.5-19.5C843.3,68.8,852,60.1,862.7,60.1z M817,21.2
+			c10.8,0,19.5,8.7,19.5,19.5c0,10.8-8.7,19.4-19.5,19.4c-10.8,0-19.5-8.7-19.5-19.5C797.5,29.9,806.2,21.2,817,21.2z
+			 M764.4,44.6c10.8,0,19.5,8.7,19.5,19.5c0,10.8-8.7,19.5-19.5,19.5c-10.8,0-19.5-8.7-19.5-19.5
+			C744.9,53.3,753.6,44.6,764.4,44.6z"/>
+		<path class="st4" d="M802,124.4c0-0.1,0-0.4,0-0.7c-9.8-2.1-19.7-5-29.6-9.2c0.4,4.4,0.9,9.8,1.4,16.3
+			c1.1,14.6,5.5,46.1,8.3,65.9c5.2,2,10.6,3.6,16.1,4.8C799.6,174.8,801.9,126.3,802,124.4z"/>
+		<path class="st4" d="M875.1,124.2c-0.2,6.9-0.6,16.2-1.4,25.4c-0.7,8.5-1.2,24.4-1.5,38.7c26-16.2,44.1-43.9,47.2-76
+			C910.7,115.8,894.9,120.9,875.1,124.2z"/>
+		<path class="st4" d="M749.7,134.4c-0.1-1.6-3.8-26.5-5.1-35.5c-8.1-5.7-16-12.5-23.6-20.5c-1.9,7.8-3,16-3,24.4
+			c0,30,13.1,56.9,33.9,75.4C750.9,158.9,749.7,135.6,749.7,134.4z"/>
+	</g>
+</g>
+<g>
+	<path class="st2" d="M972.5,164.6c0.8,1,1.7,1.9,2.9,2.5c1.2,0.8,2.6,1.2,4.2,1.2c2.1,0,4.2-0.7,6.1-2.3c0.9-0.8,1.7-1.8,2.2-3.1
+		c0.6-1.2,0.8-2.8,0.8-4.6v-37h8v37.8c-0.1,5.5-1.8,9.8-5.2,12.8c-3.4,3.1-7.3,4.6-11.7,4.7c-6.2-0.1-10.9-2.5-14-7.1L972.5,164.6z
+		"/>
+	<path class="st2" d="M1013.6,121.3h33.9v7.8h-25.9v15.7h22.1v7.4h-22.1v16.1h25.9v7.8h-33.9V121.3z"/>
+	<path class="st2" d="M1060.5,121.3h8v35.4c0,3.7,1.1,6.6,3.1,8.5c2,2.1,4.6,3.1,7.7,3.1c3.1,0,5.7-1,7.8-3.1c2-2,3-4.8,3.1-8.5
+		v-35.4h8v36.2c-0.1,5.8-1.9,10.3-5.4,13.7c-3.5,3.5-8,5.2-13.4,5.3c-5.3-0.1-9.8-1.8-13.3-5.3c-3.6-3.4-5.5-7.9-5.5-13.7V121.3z"
+		/>
+	<path class="st2" d="M1132.2,146h18.9v11.2c-0.1,5.5-1.9,10.1-5.5,13.8c-3.6,3.7-8.1,5.6-13.5,5.7c-4.2-0.1-7.7-1.2-10.4-3.2
+		c-2.8-1.9-4.9-4.2-6.2-6.7c-0.4-0.8-0.7-1.6-1.1-2.4c-0.3-0.8-0.5-1.8-0.7-2.9c-0.4-2.2-0.5-6.4-0.5-12.7c0-6.4,0.2-10.6,0.5-12.8
+		c0.4-2.2,1-3.9,1.8-5.2c1.3-2.5,3.3-4.8,6.2-6.8c2.8-2,6.3-3,10.4-3.1c5.1,0.1,9.3,1.6,12.5,4.7c3.2,3.1,5.3,7,6.1,11.5h-8.5
+		c-0.7-2.2-1.8-4.1-3.6-5.7c-1.8-1.5-4-2.3-6.6-2.3c-1.9,0.1-3.5,0.4-4.9,1.2c-1.4,0.8-2.5,1.7-3.4,2.8c-1,1.2-1.7,2.7-2.1,4.6
+		c-0.4,2-0.6,5.6-0.6,11c0,5.4,0.2,9.1,0.6,11c0.3,1.9,1,3.5,2.1,4.6c0.9,1.1,2,2,3.4,2.8c1.4,0.8,3,1.2,4.9,1.2
+		c3.1,0,5.7-1.1,7.8-3.3c2-2.1,3.1-4.9,3.1-8.3v-2.9h-10.8V146z"/>
+	<path class="st2" d="M1166.9,121.3h18.6c7.2,0.1,12.6,3.1,16.2,9.2c1.3,2.1,2.1,4.2,2.4,6.5c0.3,2.3,0.4,6.2,0.4,11.7
+		c0,5.9-0.2,10-0.6,12.3c-0.2,1.2-0.5,2.2-0.9,3.2c-0.4,0.9-0.9,1.8-1.5,2.8c-1.6,2.6-3.7,4.7-6.5,6.4c-2.7,1.8-6.1,2.7-10.1,2.7
+		h-18V121.3z M1174.9,168.3h9.6c4.5,0,7.8-1.6,9.8-4.8c0.9-1.2,1.5-2.7,1.7-4.5c0.2-1.8,0.3-5.1,0.3-10c0-4.8-0.1-8.2-0.3-10.2
+		c-0.3-2.1-1-3.7-2.1-5c-2.2-3.2-5.4-4.7-9.5-4.6h-9.6V168.3z"/>
+	<path class="st2" d="M1214.9,121.3h8.5l12,41.8h0.1l12.1-41.8h8.5l-17.5,54.8h-6.3L1214.9,121.3z"/>
+	<path class="st2" d="M1268.2,121.3h33.9v7.8h-25.9v15.7h22.1v7.4h-22.1v16.1h25.9v7.8h-33.9V121.3z"/>
+	<path class="st2" d="M1316.1,121.3h20.7c4.4,0,8,1.2,10.8,3.6c3.4,2.7,5.1,6.6,5.3,11.7c-0.1,7.4-3.5,12.5-10.3,15.2l12.3,24.3
+		h-9.6l-11-23.4h-10.3v23.4h-8V121.3z M1324.1,145.3h12.2c3,0,5.3-1,6.8-2.7c1.5-1.6,2.2-3.6,2.2-6c0-2.9-0.9-4.9-2.7-6.2
+		c-1.4-1.1-3.3-1.7-5.9-1.7h-12.6V145.3z"/>
+	<path class="st2" d="M1368,121.3h20.6c5.2,0.1,9.1,1.4,11.8,4.1c2.6,2.7,4,6.2,4,10.6c0,2.3-0.5,4.4-1.6,6.5
+		c-0.6,1-1.4,1.9-2.4,2.8c-1,0.9-2.3,1.8-3.9,2.5v0.2c2.9,0.8,5.1,2.3,6.6,4.7c1.4,2.4,2.1,5.1,2.1,7.9c0,4.7-1.5,8.5-4.3,11.2
+		c-2.8,2.9-6.3,4.3-10.5,4.3H1368V121.3z M1376.1,128.6v15.8h11.6c2.9,0,5.1-0.8,6.5-2.4c1.4-1.5,2.1-3.3,2.1-5.5s-0.7-4.1-2.1-5.6
+		c-1.4-1.4-3.5-2.2-6.5-2.2H1376.1z M1376.1,151.8v16.5h12.4c3-0.1,5.2-0.9,6.6-2.5c1.4-1.6,2.1-3.5,2.1-5.7c0-2.3-0.7-4.2-2.1-5.8
+		c-1.4-1.6-3.6-2.4-6.6-2.5H1376.1z"/>
+	<path class="st2" d="M1418.2,148.7c0-6.4,0.2-10.6,0.5-12.8c0.4-2.2,1-3.9,1.8-5.2c1.3-2.5,3.3-4.8,6.2-6.7c2.8-2,6.3-3,10.4-3.1
+		c4.2,0.1,7.7,1.1,10.6,3.1c2.8,2,4.8,4.2,6,6.8c0.9,1.3,1.5,3.1,1.9,5.2c0.3,2.2,0.5,6.4,0.5,12.8c0,6.3-0.2,10.5-0.5,12.7
+		c-0.3,2.2-1,4-1.9,5.3c-1.2,2.5-3.3,4.8-6,6.7c-2.8,2-6.3,3.1-10.6,3.2c-4.2-0.1-7.7-1.2-10.4-3.2c-2.8-1.9-4.9-4.2-6.2-6.7
+		c-0.4-0.8-0.7-1.6-1.1-2.4c-0.3-0.8-0.5-1.8-0.7-2.9C1418.4,159.2,1418.2,155,1418.2,148.7z M1426.2,148.7c0,5.4,0.2,9.1,0.6,11
+		c0.3,1.9,1,3.5,2.1,4.6c0.9,1.1,2,2,3.4,2.8c1.4,0.8,3,1.2,4.9,1.2c1.9,0,3.6-0.4,5-1.2c1.3-0.7,2.4-1.6,3.2-2.8
+		c1-1.2,1.8-2.7,2.2-4.6c0.4-1.9,0.5-5.6,0.5-11c0-5.4-0.2-9.1-0.5-11c-0.4-1.9-1.1-3.4-2.2-4.6c-0.8-1.1-1.9-2.1-3.2-2.8
+		c-1.4-0.7-3.1-1.1-5-1.2c-1.9,0.1-3.5,0.4-4.9,1.2c-1.4,0.8-2.5,1.7-3.4,2.8c-1,1.2-1.7,2.7-2.1,4.6
+		C1426.4,139.6,1426.2,143.3,1426.2,148.7z"/>
+	<path class="st2" d="M1472,121.3h7.6l24,39h0.1v-39h8v54.8h-7.6l-24-39h-0.1v39h-8V121.3z"/>
+	<path class="st2" d="M1529.6,121.3h18.6c7.2,0.1,12.6,3.1,16.2,9.2c1.3,2.1,2.1,4.2,2.4,6.5c0.3,2.3,0.4,6.2,0.4,11.7
+		c0,5.9-0.2,10-0.6,12.3c-0.2,1.2-0.5,2.2-0.9,3.2c-0.4,0.9-0.9,1.8-1.5,2.8c-1.6,2.6-3.7,4.7-6.5,6.4c-2.7,1.8-6.1,2.7-10.1,2.7
+		h-18V121.3z M1537.7,168.3h9.6c4.5,0,7.8-1.6,9.8-4.8c0.9-1.2,1.5-2.7,1.7-4.5c0.2-1.8,0.3-5.1,0.3-10c0-4.8-0.1-8.2-0.3-10.2
+		c-0.3-2.1-1-3.7-2.1-5c-2.2-3.2-5.4-4.7-9.5-4.6h-9.6V168.3z"/>
+</g>
+<g>
+	<path class="st2" d="M987.6,32.3h33.9v7.8h-25.9v15.7h22.1v7.4h-22.1v16.1h25.9v7.8h-33.9V32.3z"/>
+	<path class="st2" d="M1029.9,32.3h8.5l12,41.8h0.1l12.1-41.8h8.5l-17.5,54.8h-6.3L1029.9,32.3z"/>
+	<path class="st2" d="M1110.4,74.8h-20.1l-4.1,12.3h-8.5l19.3-54.8h6.7l19.3,54.8h-8.5L1110.4,74.8z M1108.1,67.5l-7.7-24h-0.1
+		l-7.7,24H1108.1z"/>
+	<path class="st2" d="M1135.2,32.3h7.6l24,39h0.1v-39h8v54.8h-7.6l-24-39h-0.1v39h-8V32.3z"/>
+	<path class="st2" d="M1210.1,57h18.9v11.2c-0.1,5.5-1.9,10.1-5.5,13.8c-3.6,3.7-8.1,5.6-13.5,5.7c-4.2-0.1-7.7-1.2-10.4-3.2
+		c-2.8-1.9-4.9-4.2-6.2-6.7c-0.4-0.8-0.7-1.6-1.1-2.4c-0.3-0.8-0.5-1.8-0.7-2.9c-0.4-2.2-0.5-6.4-0.5-12.7c0-6.4,0.2-10.6,0.5-12.8
+		c0.4-2.2,1-3.9,1.8-5.2c1.3-2.5,3.3-4.8,6.2-6.8c2.8-2,6.3-3,10.4-3.1c5.1,0.1,9.3,1.6,12.5,4.7c3.2,3.1,5.3,7,6.1,11.5h-8.5
+		c-0.7-2.2-1.8-4.1-3.6-5.7c-1.8-1.5-4-2.3-6.6-2.3c-1.9,0.1-3.5,0.4-4.9,1.2c-1.4,0.8-2.5,1.7-3.4,2.8c-1,1.2-1.7,2.7-2.1,4.6
+		c-0.4,2-0.6,5.6-0.6,11c0,5.4,0.2,9.1,0.6,11c0.3,1.9,1,3.5,2.1,4.6c0.9,1.1,2,2,3.4,2.8c1.4,0.8,3,1.2,4.9,1.2
+		c3.1,0,5.7-1.1,7.8-3.3c2-2.1,3.1-4.9,3.1-8.3v-2.9h-10.8V57z"/>
+	<path class="st2" d="M1244.8,32.3h33.9v7.8h-25.9v15.7h22.1v7.4h-22.1v16.1h25.9v7.8h-33.9V32.3z"/>
+	<path class="st2" d="M1292.7,32.3h8v47h25.9v7.8h-33.9V32.3z"/>
+	<path class="st2" d="M1340.5,32.3h8v54.8h-8V32.3z"/>
+	<path class="st2" d="M1366,73.8c4.2,3.6,9.3,5.4,15.1,5.5c6.9-0.1,10.4-2.6,10.5-7.6c0-4.1-2.3-6.5-6.9-7.4c-2.1-0.3-4.5-0.6-7-1
+		c-4.6-0.8-8-2.5-10.4-5.2c-2.5-2.8-3.7-6.2-3.7-10.2c0-4.8,1.5-8.7,4.6-11.6c3-2.9,7.2-4.4,12.7-4.4c6.6,0.2,12.3,2,17.2,5.7
+		l-4.5,6.8c-4-2.7-8.4-4.1-13.2-4.2c-2.5,0-4.5,0.6-6.2,1.9c-1.7,1.3-2.6,3.3-2.7,5.9c0,1.6,0.6,3,1.8,4.3c1.2,1.3,3.1,2.2,5.7,2.7
+		c1.5,0.3,3.4,0.5,6,0.9c5,0.7,8.7,2.5,11,5.5c2.4,2.9,3.5,6.3,3.5,10.2c-0.3,10.5-6.5,15.8-18.6,16c-7.9,0-14.6-2.5-20.3-7.5
+		L1366,73.8z"/>
+	<path class="st2" d="M1450.3,71.8c-1.2,5.1-3.4,9-6.7,11.7c-3.4,2.7-7.4,4.1-12,4.1c-4.2-0.1-7.7-1.2-10.4-3.2
+		c-2.8-1.9-4.9-4.2-6.2-6.7c-0.4-0.8-0.7-1.6-1.1-2.4c-0.3-0.8-0.5-1.8-0.7-2.9c-0.4-2.2-0.5-6.4-0.5-12.7c0-6.4,0.2-10.6,0.5-12.8
+		c0.4-2.2,1-3.9,1.8-5.2c1.3-2.5,3.3-4.8,6.2-6.8c2.8-2,6.3-3,10.5-3.1c5.1,0.1,9.3,1.6,12.5,4.7c3.2,3.1,5.3,6.9,6.1,11.5h-8.5
+		c-0.7-2.2-1.8-4.1-3.6-5.7c-1.8-1.5-4-2.2-6.6-2.3c-1.9,0.1-3.5,0.4-4.9,1.2c-1.4,0.8-2.5,1.7-3.4,2.8c-1,1.2-1.7,2.7-2.1,4.6
+		c-0.4,2-0.6,5.6-0.6,11c0,5.4,0.2,9.1,0.6,11c0.3,1.9,1,3.5,2.1,4.6c0.9,1.1,2,2,3.4,2.8c1.4,0.8,3,1.2,4.9,1.2
+		c4.5,0,7.9-2.5,10.1-7.5H1450.3z"/>
+	<path class="st2" d="M1491.5,63.1h-21.1v24h-8V32.3h8v23.5h21.1V32.3h8v54.8h-8V63.1z"/>
+</g>
+</svg>

apps/web/public/assets/vlaanderen.svg

@@ -0,0 +1,120 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 283.5 283.5" style="enable-background:new 0 0 283.5 283.5;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFED00;}
+	.st1{fill:#F6F6F3;}
+	.st2{fill:#373636;}
+</style>
+<g id="Laag_1">
+</g>
+<g id="Layer_1">
+	<g>
+		<g>
+			<polygon class="st0" points="79.8,99.2 108.7,184.2 32.5,184.2 32.5,99.2 			"/>
+			<g>
+				<polygon class="st1" points="251,184.2 108.7,184.2 79.8,99.2 251,99.2 				"/>
+				<g>
+					<path class="st2" d="M122,124.7l-5.6,16.3H113l-5.6-16.3h3l4.3,12.4l4.3-12.4H122z"/>
+					<path class="st2" d="M126.4,123.2h0.4v17.6h-2.8v-17.4L126.4,123.2z"/>
+					<path class="st2" d="M139.5,141c-0.9,0-1.9-0.3-2.8-1.3c-0.5,0.4-0.9,0.7-1.5,0.9c-0.5,0.2-1.1,0.4-1.9,0.4
+						c-0.9,0-1.9-0.2-2.7-0.8c-0.8-0.6-1.4-1.6-1.4-3.3c0-1.1,0.3-2,0.9-2.6c0.7-0.6,1.8-0.9,3.5-0.9c0.7,0,1.5,0,2.6,0.1v-0.6
+						c0-0.9-0.3-1.5-0.7-1.8c-0.5-0.4-1.1-0.5-1.7-0.5c-1.1,0-2.4,0.4-3.4,0.9l-0.7-2.5c1.3-0.6,3-1.1,4.6-1.1
+						c1.3,0,2.4,0.3,3.3,0.9c0.9,0.7,1.4,1.7,1.4,3.2v4.7c0,0.6,0.2,1,0.5,1.3c0.3,0.3,0.8,0.5,1.3,0.6L139.5,141z M136.1,135.7
+						c-1.3,0-2.4,0-3.1,0.1s-1.1,0.5-1.1,1.3c0,1,0.7,1.6,1.8,1.6c0.4,0,0.9-0.1,1.5-0.4c0.5-0.3,0.9-0.9,0.9-1.9V135.7z"/>
+					<path class="st2" d="M152,141c-0.9,0-1.9-0.3-2.8-1.3c-0.5,0.4-0.9,0.7-1.5,0.9c-0.5,0.2-1.1,0.4-1.9,0.4
+						c-0.9,0-1.9-0.2-2.7-0.8c-0.8-0.6-1.4-1.6-1.4-3.3c0-1.1,0.3-2,0.9-2.6c0.7-0.6,1.8-0.9,3.5-0.9c0.7,0,1.5,0,2.6,0.1v-0.6
+						c0-0.9-0.3-1.5-0.7-1.8c-0.5-0.4-1.1-0.5-1.7-0.5c-1.1,0-2.4,0.4-3.4,0.9l-0.7-2.5c1.3-0.6,3-1.1,4.6-1.1
+						c1.3,0,2.4,0.3,3.3,0.9c0.9,0.7,1.4,1.7,1.4,3.2v4.7c0,0.6,0.2,1,0.5,1.3c0.3,0.3,0.8,0.5,1.3,0.6L152,141z M148.6,135.7
+						c-1.3,0-2.4,0-3.1,0.1c-0.7,0.2-1.1,0.5-1.1,1.3c0,1,0.7,1.6,1.8,1.6c0.4,0,0.9-0.1,1.5-0.4c0.5-0.3,0.9-0.9,0.9-1.9V135.7z"/>
+					<path class="st2" d="M155,128.1h2.4l0.3,1c1.2-0.8,2.6-1.2,4-1.2c1.2,0,2.4,0.3,3.2,1.1c0.8,0.7,1.4,1.8,1.4,3.4v8.4h-2.8v-7.5
+						c0-0.9-0.3-1.6-0.9-2c-0.5-0.4-1.2-0.6-2-0.6c-1,0-2,0.3-2.8,0.8v9.4H155V128.1z"/>
+					<path class="st2" d="M180,140.8h-2.2l-0.5-0.9c-1,0.7-2,1.2-3.4,1.2c-1.8,0-3.2-0.7-4.1-1.8c-0.9-1.1-1.3-2.6-1.3-4.2
+						c0-2.4,0.7-4.2,1.9-5.3c1.2-1.2,2.9-1.7,4.8-1.7c0.6,0,1.2,0,1.9,0.1v-4.6l2.4-0.2h0.4V140.8z M177.1,130.8
+						c-0.7-0.2-1.4-0.3-2-0.3c-1.1,0-2,0.3-2.6,1c-0.6,0.7-1,1.6-1,2.9c0,1,0.3,1.9,0.8,2.6c0.5,0.7,1.3,1.2,2.3,1.2
+						c0.9,0,1.8-0.3,2.6-0.8V130.8z"/>
+					<path class="st2" d="M192.4,137.5v2.8c-1.1,0.5-2.5,0.8-3.6,0.8c-1.8,0-3.4-0.5-4.6-1.6c-1.2-1.1-1.9-2.7-1.9-4.9
+						c0-2.1,0.7-3.8,1.8-4.9c1.1-1.1,2.5-1.7,3.9-1.7c0.4,0,1.1,0,1.9,0.3c0.7,0.3,1.6,0.7,2.2,1.6c0.6,0.8,1,2.1,1,3.8v1.9h-7.7
+						c0.2,1,0.8,1.7,1.4,2.2c0.7,0.4,1.5,0.6,2.3,0.6c1.1,0,2.2-0.3,3.2-0.8L192.4,137.5z M190.4,133.3c-0.1-0.9-0.4-1.6-0.8-2
+						c-0.4-0.4-1-0.6-1.5-0.6c-0.6,0-1.2,0.2-1.7,0.6c-0.5,0.4-0.9,1.1-1.1,2H190.4z"/>
+					<path class="st2" d="M202.8,131.3c-0.7-0.4-1.4-0.6-2.1-0.6c-0.9,0-1.8,0.3-2.5,0.9v9.2h-2.8v-12.6h2.4l0.3,1
+						c0.9-0.7,1.9-1.3,3.2-1.3c0.3,0,0.8,0,1.3,0.1c0.5,0.1,0.9,0.2,1.2,0.4L202.8,131.3z"/>
+					<path class="st2" d="M214.5,137.5v2.8c-1.1,0.5-2.5,0.8-3.6,0.8c-1.8,0-3.4-0.5-4.6-1.6c-1.2-1.1-1.9-2.7-1.9-4.9
+						c0-2.1,0.7-3.8,1.8-4.9c1.1-1.1,2.5-1.7,3.9-1.7c0.4,0,1.1,0,1.9,0.3c0.7,0.3,1.6,0.7,2.2,1.6c0.6,0.8,1,2.1,1,3.8v1.9h-7.7
+						c0.2,1,0.8,1.7,1.4,2.2c0.7,0.4,1.5,0.6,2.3,0.6c1.1,0,2.2-0.3,3.2-0.8L214.5,137.5z M212.6,133.3c-0.1-0.9-0.4-1.6-0.8-2
+						c-0.4-0.4-1-0.6-1.5-0.6c-0.6,0-1.2,0.2-1.7,0.6c-0.5,0.4-0.9,1.1-1.1,2H212.6z"/>
+					<path class="st2" d="M217.4,128.1h2.4l0.3,1c1.2-0.8,2.6-1.2,4-1.2c1.2,0,2.4,0.3,3.2,1.1c0.8,0.7,1.4,1.8,1.4,3.4v8.4h-2.8
+						v-7.5c0-0.9-0.3-1.6-0.9-2c-0.5-0.4-1.2-0.6-2-0.6c-1,0-2,0.3-2.8,0.8v9.4h-2.8V128.1z"/>
+				</g>
+				<g>
+					<path class="st2" d="M79.9,142.5c-2.1-1.6-3.1,0-4.4-0.1c-1.1-0.1-2.1-1.9-3-1.4c-1.6,0.8,0.7,3.7,1.6,4.3c0.9,0.5,2,1,2.3,1.1
+						c1.3,0.6,1.8,1.5,2,3c0,0.3,0,1.1-0.1,1.4c-0.6,2.5-5,4.8-7.6,3.1c-1.2-0.8-2.3-1.9-2.7-3.8c-0.7-3.3-3.1-5.8-3.9-9
+						c-0.5-2-0.8-4.1-1.3-6c-0.5-2.1-1.1-4.1-1.5-6c-0.4-1.7-1.2-4.3-1.8-5.9c-2.4-6.3-3.5-5.9-3.5-5.9s0.9,1.8,4.1,17.3
+						c0.1,0.6,1.3,7.5,2.2,9.7c0.3,0.8,0.8,2.5,1.2,3.3c1,2.2,3.7,5.6,3.9,8.6c0.1,1.8,0.3,3.2,0.3,4.5c0,0.4,0.2,2,0.5,2.7
+						c0.7,1.9,6,7.8,11.6,7.8v-4.5c-5.6,0-10.9-3.1-11-3.5c-0.1-0.1,0.3-2.3,0.7-3.3c0.7-1.8,2.1-3.5,4.6-3.7
+						c2.7-0.2,4.4,0.6,5.8,0.6L79.9,142.5z"/>
+					<path class="st2" d="M55.4,126c-0.2,3.4-5.5,8-7.1,11c-0.8,1.5-1.8,4-2,5.4c-0.7,4.1,0.2,6.6,1.2,9c1.7,4.2-0.2,5.7,1.1,4.9
+						c1.7-1.4,1.4-4.6,1.3-6.6c-0.1-1.6-0.2-3.5,0-5.4c0.5-3.6,2.7-7.5,4.5-10.2C56.7,130.8,55.9,127.5,55.4,126L55.4,126z"/>
+					<path class="st2" d="M56.5,135.6c0,0,0.6,2.7-1.8,9.6c-6.2,18.1,5.7,19.8,9,24.1c0,0,1.3-1.8-4.1-7.7c-2-2.2-3.7-6.9-2.2-13.7
+						C59.7,138,56.5,135.6,56.5,135.6L56.5,135.6z"/>
+					<path class="st2" d="M44.8,123.7c-0.3-1.1-0.4-2-0.3-2.9c0.3-4.3,4.2-6,5.1-6.6c0,0,1.7-1.2,2-2.4c0,0,1.8,4.5-2.3,7
+						C47.1,120.2,45.7,121.7,44.8,123.7L44.8,123.7z"/>
+					<path class="st2" d="M54.5,119.6c0.2,0.4,1.8,2.8-4.7,8.2c-6.5,5.4-4.5,9.3-4.5,9.3s-7-3.9,1.1-10.6c8-6.7,6.4-8.1,6.4-8.1
+						S53.9,118.4,54.5,119.6L54.5,119.6z"/>
+					<path class="st2" d="M63,121.7c1.1,0.1,1.9,3.7,4.5,4.5c1.9,0.6,4,0.3,4.4,1.4c-0.9,0.5-0.2,2,0.7,1.8
+						C73.4,127.3,73.7,119.3,63,121.7z M66.5,123.3c0.1-0.3,0.2,0,0.5-0.2c0.3-0.3,0.6-0.8,1.1-0.9c0.4-0.1,0.8-0.1,1.2,0.1
+						c0.2,0.1,0.1,0.6-0.1,0.8c-0.4,0.3-1.4-0.2-1.4,0.6c0,1.3,1.7,0,2.6,0C70.9,126.7,65.8,125.9,66.5,123.3z"/>
+				</g>
+			</g>
+		</g>
+		<g>
+			<path class="st2" d="M115.2,158.2h-1.5l-2.6-7.6h1.2l2.2,6.4l2.2-6.4h1.2L115.2,158.2z"/>
+			<path class="st2" d="M124.4,154.7h-4.7c0.1,1.6,1.1,2.6,2.5,2.6c0.7,0,1.4-0.2,2.1-0.5l0,0v1c-0.8,0.4-1.5,0.5-2.2,0.5
+				c-2.2,0-3.5-1.6-3.5-4c0-2.2,1-3.9,3.3-3.9c1.9,0,2.6,1.5,2.6,3.2V154.7z M119.8,153.7h3.6c0-1.2-0.3-2.2-1.5-2.2
+				C120.6,151.5,119.9,152.5,119.8,153.7z"/>
+			<path class="st2" d="M126.9,150.6l0.3,0.9c0.6-0.7,1.2-1,1.9-1c0.2,0,0.4,0,0.6,0.1c0.2,0,0.4,0.1,0.6,0.2l-0.4,1
+				c-0.3-0.1-0.7-0.2-1-0.2c-0.7,0-1.2,0.4-1.6,1v5.7h-1.1v-7.6H126.9z"/>
+			<path class="st2" d="M132.7,147.6L132.7,147.6l0.1,3.5c0.5-0.4,1.2-0.7,2-0.7c2.1,0,3.3,1.8,3.3,3.9c0,2.3-1.4,4-3.8,4
+				c-0.9,0-1.8-0.2-2.5-0.5v-10.1L132.7,147.6z M132.8,152.3v4.7c0.5,0.2,1,0.2,1.5,0.2c1.6,0,2.6-1.3,2.6-3.1
+				c0-1.6-0.7-2.7-2.3-2.7C133.8,151.5,133.2,151.8,132.8,152.3z"/>
+			<path class="st2" d="M145.1,154.7h-4.7c0.1,1.6,1.1,2.6,2.5,2.6c0.7,0,1.4-0.2,2.1-0.5l0,0v1c-0.8,0.4-1.5,0.5-2.2,0.5
+				c-2.2,0-3.5-1.6-3.5-4c0-2.2,1-3.9,3.3-3.9c1.9,0,2.6,1.5,2.6,3.2V154.7z M140.4,153.7h3.6c0-1.2-0.3-2.2-1.5-2.2
+				C141.3,151.5,140.6,152.5,140.4,153.7z"/>
+			<path class="st2" d="M152.1,154.7h-4.7c0.1,1.6,1.1,2.6,2.5,2.6c0.7,0,1.4-0.2,2.1-0.5l0,0v1c-0.8,0.4-1.5,0.5-2.2,0.5
+				c-2.2,0-3.5-1.6-3.5-4c0-2.2,1-3.9,3.3-3.9c1.9,0,2.6,1.5,2.6,3.2V154.7z M147.4,153.7h3.6c0-1.2-0.3-2.2-1.5-2.2
+				C148.3,151.5,147.6,152.5,147.4,153.7z"/>
+			<path class="st2" d="M154.9,147.6L154.9,147.6l0.1,10.6h-1.1v-10.5L154.9,147.6z"/>
+			<path class="st2" d="M162.3,158.2l-0.2-0.7c-0.6,0.5-1.3,0.8-2.1,0.8c-1,0-1.8-0.5-2.4-1.2c-0.6-0.7-0.9-1.7-0.9-2.9
+				c0-1.1,0.3-2,0.9-2.7s1.6-1.1,2.9-1.1c0.5,0,1,0.1,1.4,0.2v-2.9l1.1-0.1h0.1v10.6H162.3z M161.9,156.5v-4.7
+				c-0.5-0.2-1-0.3-1.5-0.3c-0.8,0-1.4,0.2-1.9,0.7c-0.5,0.5-0.7,1.2-0.7,2.2c0,0.8,0.2,1.5,0.5,2c0.4,0.5,0.9,0.9,1.8,0.9
+				C160.9,157.3,161.5,157,161.9,156.5z"/>
+			<path class="st2" d="M165.4,148.5c0-0.4,0.3-0.8,0.8-0.8c0.4,0,0.8,0.3,0.8,0.8c0,0.4-0.4,0.8-0.8,0.8
+				C165.8,149.3,165.4,149,165.4,148.5z M166.8,150.6v7.6h-1.1v-7.6H166.8z"/>
+			<path class="st2" d="M170.1,150.6l0.2,0.7c0.3-0.2,0.7-0.4,1.1-0.6c0.4-0.2,0.8-0.3,1.2-0.3c0.7,0,1.4,0.2,1.9,0.6
+				c0.5,0.5,0.8,1.2,0.8,2.2v4.9h-1.1v-4.8c0-0.7-0.2-1.2-0.5-1.5c-0.3-0.3-0.7-0.4-1.2-0.4c-0.4,0-0.7,0.1-1.1,0.2
+				c-0.3,0.1-0.7,0.3-1,0.5v6h-1.1v-7.6H170.1z"/>
+			<path class="st2" d="M179.1,156.6h1.4c1,0,1.8,0.2,2.3,0.6c0.5,0.4,0.7,0.9,0.7,1.5c0,0.8-0.5,1.6-1.2,2.1
+				c-0.7,0.5-1.7,0.9-2.7,0.9c-0.9,0-1.6-0.3-2.1-0.7c-0.5-0.4-0.8-1-0.8-1.7c0-0.6,0.3-1.3,0.9-1.9c-0.2-0.1-0.4-0.3-0.5-0.5
+				c-0.1-0.2-0.2-0.5-0.2-0.7c0-0.4,0.2-0.9,0.5-1.3c-0.2-0.2-0.4-0.5-0.5-0.8c-0.1-0.3-0.2-0.7-0.2-1c0-0.7,0.3-1.4,0.8-1.8
+				c0.5-0.5,1.2-0.7,2-0.7c0.6,0,1.1,0.1,1.5,0.4c0.3-0.2,0.7-0.4,1-0.6c0.3-0.1,0.7-0.2,0.9-0.2l0.3,1c-0.4,0.1-0.9,0.2-1.4,0.5
+				c0.3,0.4,0.4,0.9,0.4,1.4c0,0.7-0.3,1.4-0.8,1.9c-0.5,0.5-1.2,0.8-2,0.8c-0.5,0-1-0.1-1.4-0.3c-0.2,0.2-0.3,0.4-0.3,0.6
+				C178.2,156.3,178.5,156.6,179.1,156.6z M179.5,157.6h-0.9c-0.4,0.5-0.7,1.1-0.7,1.6c0,0.4,0.1,0.8,0.4,1.1s0.8,0.4,1.4,0.4
+				c0.8,0,1.4-0.2,1.9-0.6c0.5-0.4,0.7-0.8,0.7-1.3c0-0.6-0.3-0.9-0.9-1C181,157.6,180.3,157.6,179.5,157.6z M179.9,151.5
+				c-0.6,0-1,0.2-1.3,0.5c-0.3,0.3-0.4,0.7-0.4,1.1c0,0.4,0.2,0.8,0.4,1.1c0.3,0.3,0.7,0.5,1.3,0.5c0.6,0,1-0.2,1.3-0.5
+				c0.3-0.3,0.4-0.7,0.4-1.1s-0.1-0.8-0.4-1.1C180.9,151.7,180.4,151.5,179.9,151.5z"/>
+			<path class="st2" d="M196.8,158.2h-1.4l-1.7-5.8l-1.7,5.8h-1.4l-2.4-7.6h1.1l2,6.4l1.9-6.4h1l1.9,6.4l2-6.4h1.1L196.8,158.2z"/>
+			<path class="st2" d="M205.9,154.7h-4.7c0.1,1.6,1.1,2.6,2.5,2.6c0.7,0,1.4-0.2,2.1-0.5l0,0v1c-0.8,0.4-1.5,0.5-2.2,0.5
+				c-2.2,0-3.5-1.6-3.5-4c0-2.2,1-3.9,3.3-3.9c1.9,0,2.6,1.5,2.6,3.2V154.7z M201.2,153.7h3.6c0-1.2-0.3-2.2-1.5-2.2
+				C202.1,151.5,201.4,152.5,201.2,153.7z"/>
+			<path class="st2" d="M208.4,150.6l0.3,0.9c0.6-0.7,1.2-1,1.9-1c0.2,0,0.4,0,0.6,0.1c0.2,0,0.4,0.1,0.6,0.2l-0.4,1
+				c-0.3-0.1-0.7-0.2-1-0.2c-0.7,0-1.2,0.4-1.6,1v5.7h-1.1v-7.6H208.4z"/>
+			<path class="st2" d="M218.9,157.4l-0.5,1c-0.4,0-0.8-0.3-1.3-0.6c-0.4-0.3-0.9-0.8-1.3-1.3c-0.4-0.5-0.8-1-1.1-1.3
+				c-0.1-0.2-0.3-0.4-0.3-0.5c-0.1-0.1-0.1-0.2-0.2-0.3v3.9h-1.1v-10.4l1.1-0.2h0.1v6.6l3-3.6h1.5l-3.1,3.7c0,0.2,0.3,0.5,0.6,0.9
+				c0.4,0.4,0.8,0.9,1.3,1.3C218,156.9,218.5,157.2,218.9,157.4z"/>
+			<path class="st2" d="M220.2,150.6v-1.4l1.1-0.2h0.1v1.6h2.1v1.1h-2.1v3.7c0,0.7,0.2,1.2,0.4,1.5c0.2,0.3,0.6,0.4,1,0.4
+				c0.4,0,0.9-0.2,1.4-0.5l0.3,1c-0.6,0.3-1.3,0.5-1.9,0.5c-0.7,0-1.2-0.2-1.7-0.7c-0.4-0.5-0.7-1.2-0.7-2.3v-3.7h-0.8v-1.1H220.2z"
+				/>
+		</g>
+	</g>
+</g>
+</svg>

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

@@ -17,63 +17,141 @@ export default function Footer() {
 	}, []);
 
 	return (
-		<footer className="relative z-40 flex h-[250px] flex-col items-center justify-center bg-[#d09035]">
+		<footer className="relative z-40 overflow-hidden bg-[#d09035]">
-			<div className="text-center">
+			{/* Magenta top accent line */}
-				<h3 className="mb-4 flex items-center justify-center gap-2 font-['Intro',sans-serif] text-2xl text-white">
+			<div className="h-1 w-full bg-[#d82560]" />
-					<img
-						src="/favicon.png"
-						alt=""
-						className="h-8 w-8 rounded bg-[#0B1C1F]"
-					/>
-					Kunstenkamp
-				</h3>
-				<p className="mb-6 font-['Intro',sans-serif] text-white/80">
-					Waar creativiteit tot leven komt
-				</p>
 
-				<div className="flex flex-col items-center justify-center gap-2 text-sm text-white/70 md:flex-row md:gap-8">
+			{/* Diagonal texture overlay */}
+			<div
+				className="pointer-events-none absolute inset-0 opacity-[0.04]"
+				style={{
+					backgroundImage: `repeating-linear-gradient(
+						-45deg,
+						#000 0px,
+						#000 1px,
+						transparent 1px,
+						transparent 12px
+					)`,
+				}}
+			/>
+
+			<div className="relative mx-auto max-w-5xl px-6 py-12">
+				{/* Main brand row */}
+				<div className="mb-10 flex flex-col items-center gap-1">
 					<a
-						href="/privacy"
+						href="https://ejv.be/jong/kampen/kunstenkamp/"
-						className="link-hover transition-colors hover:text-white"
+						target="_blank"
+						rel="noopener noreferrer"
+						className="flex items-center gap-3 opacity-90 transition-opacity hover:opacity-100"
 					>
-						Privacy Beleid
+						<img src="/favicon.png" alt="" className="h-10 w-10 bg-[#0B1C1F]" />
+						<span
+							className="font-['Intro',sans-serif] text-3xl text-white tracking-wide"
+							style={{ textShadow: "0 2px 8px rgba(0,0,0,0.18)" }}
+						>
+							Kunstenkamp
+						</span>
 					</a>
-					<span className="hidden text-white/40 md:inline">|</span>
+					<p className="font-['DM_Sans',sans-serif] font-medium text-sm text-white/70 uppercase tracking-[0.2em]">
-					<a
+						Waar creativiteit tot leven komt
-						href="/terms"
+					</p>
-						className="link-hover transition-colors hover:text-white"
-					>
-						Algemene Voorwaarden
-					</a>
-					<span className="hidden text-white/40 md:inline">|</span>
-					<a
-						href="/contact"
-						className="link-hover transition-colors hover:text-white"
-					>
-						Contact
-					</a>
-					{!isLoading && isAdmin && (
-						<>
-							<span className="hidden text-white/40 md:inline">|</span>
-							<Link
-								to="/admin"
-								className="link-hover transition-colors hover:text-white"
-							>
-								Admin
-							</Link>
-						</>
-					)}
 				</div>
 
-				<div className="mt-6 text-white/50 text-xs">
+				{/* Thin divider */}
-					© {new Date().getFullYear()} Kunstenkamp. Alle rechten voorbehouden.
+				<div className="mb-10 flex items-center gap-4">
+					<div className="h-px flex-1 bg-white/20" />
+					<div className="h-1 w-1 rotate-45 bg-white/40" />
+					<div className="h-px flex-1 bg-white/20" />
 				</div>
-				<div className="text-white/50 text-xs transition-colors hover:text-white">
+
+				{/* Partners row */}
+				<div className="mb-10 flex flex-col items-center justify-center gap-10 md:flex-row md:gap-16">
+					{/* EJV */}
+					<a
+						href="https://ejv.be"
+						target="_blank"
+						rel="noopener noreferrer"
+						className="flex flex-col items-center gap-3 opacity-90 transition-opacity hover:opacity-100"
+					>
+						<img
+							src="/assets/ejv.svg"
+							alt="Evangelisch Jeugdverbond"
+							className="h-14 w-auto"
+						/>
+						<p className="font-['DM_Sans',sans-serif] font-medium text-white/60 text-xs uppercase tracking-[0.15em]">
+							Onderdeel van EJV.be
+						</p>
+					</a>
+
+					{/* Vertical rule */}
+					<div className="hidden h-28 w-px bg-white/20 md:block" />
+
+					{/* Vlaanderen */}
+					<a
+						href="https://www.vlaanderen.be/cjm/nl"
+						target="_blank"
+						rel="noopener noreferrer"
+						className="flex flex-col items-center gap-3 opacity-90 transition-opacity hover:opacity-100"
+					>
+						<img
+							src="/assets/vlaanderen.svg"
+							alt="Met steun van de Vlaamse overheid"
+							className="h-40 w-auto drop-shadow-md"
+						/>
+					</a>
+				</div>
+
+				{/* Thin divider */}
+				<div className="mb-6 flex items-center gap-4">
+					<div className="h-px flex-1 bg-white/20" />
+					<div className="h-1 w-1 rotate-45 bg-white/40" />
+					<div className="h-px flex-1 bg-white/20" />
+				</div>
+
+				{/* Legal links */}
+				<div className="flex flex-col items-center gap-4 md:flex-row md:justify-center md:gap-0">
+					<div className="flex flex-wrap items-center justify-center gap-x-6 gap-y-2">
+						{[
+							{ href: "/privacy", label: "Privacy Beleid" },
+							{ href: "/terms", label: "Algemene Voorwaarden" },
+							{ href: "/contact", label: "Contact" },
+						].map((link, i, arr) => (
+							<span key={link.href} className="flex items-center gap-6">
+								<a
+									href={link.href}
+									className="link-hover font-['DM_Sans',sans-serif] font-medium text-white/60 text-xs uppercase tracking-[0.15em]"
+								>
+									{link.label}
+								</a>
+								{i < arr.length - 1 && (
+									<span className="hidden text-white/30 md:inline">·</span>
+								)}
+							</span>
+						))}
+						{!isLoading && isAdmin && (
+							<span className="flex items-center gap-6">
+								<span className="hidden text-white/30 md:inline">·</span>
+								<Link
+									to="/admin"
+									className="link-hover font-['DM_Sans',sans-serif] font-medium text-white/60 text-xs uppercase tracking-[0.15em]"
+								>
+									Admin
+								</Link>
+							</span>
+						)}
+					</div>
+				</div>
+
+				{/* Copyright */}
+				<div className="mt-6 flex flex-col items-center gap-1">
+					<p className="font-['DM_Sans',sans-serif] text-white/40 text-xs">
+						© {new Date().getFullYear()} Kunstenkamp. Alle rechten voorbehouden.
+					</p>
 					<a
 						href="https://zias.be"
 						target="_blank"
 						rel="noopener noreferrer"
-						className="link-hover"
+						className="link-hover font-['DM_Sans',sans-serif] text-white/30 text-xs"
 					>
 						Gemaakt met ♥ door zias.be
 					</a>

apps/web/src/routeTree.gen.ts

@@ -19,7 +19,7 @@ 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 ApiWebhookLemonsqueezyRouteImport } from './routes/api/webhook/lemonsqueezy'
+import { Route as ApiWebhookMollieRouteImport } from './routes/api/webhook/mollie'
 import { Route as ApiRpcSplatRouteImport } from './routes/api/rpc/$'
 import { Route as ApiAuthSplatRouteImport } from './routes/api/auth/$'
 
@@ -73,9 +73,9 @@ const AdminDrinkkaartRoute = AdminDrinkkaartRouteImport.update({
   path: '/admin/drinkkaart',
   getParentRoute: () => rootRouteImport,
 } as any)
-const ApiWebhookLemonsqueezyRoute = ApiWebhookLemonsqueezyRouteImport.update({
+const ApiWebhookMollieRoute = ApiWebhookMollieRouteImport.update({
-  id: '/api/webhook/lemonsqueezy',
+  id: '/api/webhook/mollie',
-  path: '/api/webhook/lemonsqueezy',
+  path: '/api/webhook/mollie',
   getParentRoute: () => rootRouteImport,
 } as any)
 const ApiRpcSplatRoute = ApiRpcSplatRouteImport.update({
@@ -102,7 +102,7 @@ export interface FileRoutesByFullPath {
   '/admin/': typeof AdminIndexRoute
   '/api/auth/$': typeof ApiAuthSplatRoute
   '/api/rpc/$': typeof ApiRpcSplatRoute
-  '/api/webhook/lemonsqueezy': typeof ApiWebhookLemonsqueezyRoute
+  '/api/webhook/mollie': typeof ApiWebhookMollieRoute
 }
 export interface FileRoutesByTo {
   '/': typeof IndexRoute
@@ -117,7 +117,7 @@ export interface FileRoutesByTo {
   '/admin': typeof AdminIndexRoute
   '/api/auth/$': typeof ApiAuthSplatRoute
   '/api/rpc/$': typeof ApiRpcSplatRoute
-  '/api/webhook/lemonsqueezy': typeof ApiWebhookLemonsqueezyRoute
+  '/api/webhook/mollie': typeof ApiWebhookMollieRoute
 }
 export interface FileRoutesById {
   __root__: typeof rootRouteImport
@@ -133,7 +133,7 @@ export interface FileRoutesById {
   '/admin/': typeof AdminIndexRoute
   '/api/auth/$': typeof ApiAuthSplatRoute
   '/api/rpc/$': typeof ApiRpcSplatRoute
-  '/api/webhook/lemonsqueezy': typeof ApiWebhookLemonsqueezyRoute
+  '/api/webhook/mollie': typeof ApiWebhookMollieRoute
 }
 export interface FileRouteTypes {
   fileRoutesByFullPath: FileRoutesByFullPath
@@ -150,7 +150,7 @@ export interface FileRouteTypes {
     | '/admin/'
     | '/api/auth/$'
     | '/api/rpc/$'
-    | '/api/webhook/lemonsqueezy'
+    | '/api/webhook/mollie'
   fileRoutesByTo: FileRoutesByTo
   to:
     | '/'
@@ -165,7 +165,7 @@ export interface FileRouteTypes {
     | '/admin'
     | '/api/auth/$'
     | '/api/rpc/$'
-    | '/api/webhook/lemonsqueezy'
+    | '/api/webhook/mollie'
   id:
     | '__root__'
     | '/'
@@ -180,7 +180,7 @@ export interface FileRouteTypes {
     | '/admin/'
     | '/api/auth/$'
     | '/api/rpc/$'
-    | '/api/webhook/lemonsqueezy'
+    | '/api/webhook/mollie'
   fileRoutesById: FileRoutesById
 }
 export interface RootRouteChildren {
@@ -196,7 +196,7 @@ export interface RootRouteChildren {
   AdminIndexRoute: typeof AdminIndexRoute
   ApiAuthSplatRoute: typeof ApiAuthSplatRoute
   ApiRpcSplatRoute: typeof ApiRpcSplatRoute
-  ApiWebhookLemonsqueezyRoute: typeof ApiWebhookLemonsqueezyRoute
+  ApiWebhookMollieRoute: typeof ApiWebhookMollieRoute
 }
 
 declare module '@tanstack/react-router' {
@@ -271,11 +271,11 @@ declare module '@tanstack/react-router' {
       preLoaderRoute: typeof AdminDrinkkaartRouteImport
       parentRoute: typeof rootRouteImport
     }
-    '/api/webhook/lemonsqueezy': {
+    '/api/webhook/mollie': {
-      id: '/api/webhook/lemonsqueezy'
+      id: '/api/webhook/mollie'
-      path: '/api/webhook/lemonsqueezy'
+      path: '/api/webhook/mollie'
-      fullPath: '/api/webhook/lemonsqueezy'
+      fullPath: '/api/webhook/mollie'
-      preLoaderRoute: typeof ApiWebhookLemonsqueezyRouteImport
+      preLoaderRoute: typeof ApiWebhookMollieRouteImport
       parentRoute: typeof rootRouteImport
     }
     '/api/rpc/$': {
@@ -308,7 +308,7 @@ const rootRouteChildren: RootRouteChildren = {
   AdminIndexRoute: AdminIndexRoute,
   ApiAuthSplatRoute: ApiAuthSplatRoute,
   ApiRpcSplatRoute: ApiRpcSplatRoute,
-  ApiWebhookLemonsqueezyRoute: ApiWebhookLemonsqueezyRoute,
+  ApiWebhookMollieRoute: ApiWebhookMollieRoute,
 }
 export const routeTree = rootRouteImport
   ._addFileChildren(rootRouteChildren)

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

@@ -1,4 +1,4 @@
-import { createHmac, randomUUID } from "node:crypto";
+import { 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,102 +7,106 @@ import { env } from "@kk/env/server";
 import { createFileRoute } from "@tanstack/react-router";
 import { and, eq } from "drizzle-orm";
 
-// Webhook payload types
+// Mollie payment object (relevant fields only)
-interface LemonSqueezyWebhookPayload {
+interface MolliePayment {
-	meta: {
+	id: string;
-		event_name: string;
+	status: string;
-		custom_data?: {
+	amount: { value: string; currency: string };
-			registration_token?: string;
+	customerId?: string;
-			type?: string;
+	metadata?: {
-			drinkkaartId?: string;
+		registration_token?: string;
-			userId?: string;
+		type?: string;
-		};
+		drinkkaartId?: string;
-	};
+		userId?: string;
-	data: {
-		id: string;
-		type: string;
-		attributes: {
-			customer_id: number;
-			order_number: number;
-			status: string;
-			total: number;
-		};
 	};
 }
 
-function verifyWebhookSignature(
+async function fetchMolliePayment(paymentId: string): Promise<MolliePayment> {
-	payload: string,
+	const response = await fetch(
-	signature: string,
+		`https://api.mollie.com/v2/payments/${paymentId}`,
-	secret: string,
+		{
-): boolean {
+			headers: {
-	const hmac = createHmac("sha256", secret);
+				Authorization: `Bearer ${env.MOLLIE_API_KEY}`,
-	hmac.update(payload);
+			},
-	const digest = hmac.digest("hex");
+		},
-	return signature === digest;
+	);
+
+	if (!response.ok) {
+		throw new Error(
+			`Failed to fetch Mollie payment ${paymentId}: ${response.status}`,
+		);
+	}
+
+	return response.json() as Promise<MolliePayment>;
 }
 
 async function handleWebhook({ request }: { request: Request }) {
-	// Get the raw body as text for signature verification
+	if (!env.MOLLIE_API_KEY) {
-	const payload = await request.text();
+		console.error("MOLLIE_API_KEY not configured");
-	const signature = request.headers.get("X-Signature");
+		return new Response("Payment provider not configured", { status: 500 });
-
-	if (!signature) {
-		return new Response("Missing signature", { status: 401 });
 	}
 
-	if (!env.LEMON_SQUEEZY_WEBHOOK_SECRET) {
+	// Mollie sends application/x-www-form-urlencoded with a single "id" field
-		console.error("LEMON_SQUEEZY_WEBHOOK_SECRET not configured");
+	let paymentId: string | null = null;
-		return new Response("Webhook secret not configured", { status: 500 });
+	try {
+		const body = await request.text();
+		const params = new URLSearchParams(body);
+		paymentId = params.get("id");
+	} catch {
+		return new Response("Invalid request body", { status: 400 });
 	}
 
-	// Verify the signature
+	if (!paymentId) {
-	if (
+		return new Response("Missing payment id", { status: 400 });
-		!verifyWebhookSignature(
-			payload,
-			signature,
-			env.LEMON_SQUEEZY_WEBHOOK_SECRET,
-		)
-	) {
-		return new Response("Invalid signature", { status: 401 });
 	}
 
+	// 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;
+
 	try {
-		const event: LemonSqueezyWebhookPayload = JSON.parse(payload);
+		// -------------------------------------------------------------------------
-
-		// Only handle order_created events
-		if (event.meta.event_name !== "order_created") {
-			return new Response("Event ignored", { status: 200 });
-		}
-
-		const customData = event.meta.custom_data;
-
-		// ---------------------------------------------------------------------------
 		// Branch: Drinkkaart top-up
-		// ---------------------------------------------------------------------------
+		// -------------------------------------------------------------------------
-		if (customData?.type === "drinkkaart_topup") {
+		if (metadata?.type === "drinkkaart_topup") {
-			const { drinkkaartId, userId } = customData;
+			const { drinkkaartId, userId } = metadata;
 			if (!drinkkaartId || !userId) {
 				console.error(
-					"Missing drinkkaartId or userId in drinkkaart_topup webhook",
+					"Missing drinkkaartId or userId in drinkkaart_topup payment metadata",
 				);
 				return new Response("Missing drinkkaart data", { status: 400 });
 			}
 
-			const orderId = event.data.id;
+			// Amount in cents — Mollie returns e.g. "10.00"; parse to integer cents
-			const customerId = String(event.data.attributes.customer_id);
+			const amountCents = Math.round(
-			// Use Lemon Squeezy's confirmed total (in cents)
+				Number.parseFloat(payment.amount.value) * 100,
-			const amountCents = event.data.attributes.total;
+			);
 
 			// Idempotency: skip if already processed
 			const existing = await db
 				.select({ id: drinkkaartTopup.id })
 				.from(drinkkaartTopup)
-				.where(eq(drinkkaartTopup.lemonsqueezyOrderId, orderId))
+				.where(eq(drinkkaartTopup.molliePaymentId, payment.id))
 				.limit(1)
 				.then((r) => r[0]);
 
 			if (existing) {
-				console.log(`Drinkkaart topup already processed for order ${orderId}`);
+				console.log(
+					`Drinkkaart topup already processed for payment ${payment.id}`,
+				);
 				return new Response("OK", { status: 200 });
 			}
 
@@ -137,7 +141,7 @@ async function handleWebhook({ request }: { request: Request }) {
 				);
 
 			if (result.rowsAffected === 0) {
-				// Return 500 so Lemon Squeezy retries; idempotency check prevents double-credit
+				// Return 500 so Mollie retries; idempotency check prevents double-credit
 				console.error(
 					`Drinkkaart optimistic lock conflict for ${drinkkaartId}`,
 				);
@@ -152,33 +156,29 @@ async function handleWebhook({ request }: { request: Request }) {
 				balanceBefore,
 				balanceAfter,
 				type: "payment",
-				lemonsqueezyOrderId: orderId,
+				molliePaymentId: payment.id,
-				lemonsqueezyCustomerId: customerId,
 				adminId: null,
 				reason: null,
 				paidAt: new Date(),
 			});
 
 			console.log(
-				`Drinkkaart topup successful: drinkkaart=${drinkkaartId}, amount=${amountCents}c, order=${orderId}`,
+				`Drinkkaart topup successful: drinkkaart=${drinkkaartId}, amount=${amountCents}c, payment=${payment.id}`,
 			);
 
 			return new Response("OK", { status: 200 });
 		}
 
-		// ---------------------------------------------------------------------------
+		// -------------------------------------------------------------------------
 		// Branch: Registration payment
-		// ---------------------------------------------------------------------------
+		// -------------------------------------------------------------------------
-		const registrationToken = customData?.registration_token;
+		const registrationToken = metadata?.registration_token;
 		if (!registrationToken) {
-			console.error("No registration token in webhook payload");
+			console.error("No registration token in payment metadata");
 			return new Response("Missing registration token", { status: 400 });
 		}
 
-		const orderId = event.data.id;
+		// Fetch the registration row
-		const customerId = String(event.data.attributes.customer_id);
-
-		// Fetch the registration row first so we can use its email + drinkCardValue.
 		const regRow = await db
 			.select()
 			.from(registration)
@@ -191,30 +191,27 @@ async function handleWebhook({ request }: { request: Request }) {
 			return new Response("Registration not found", { status: 404 });
 		}
 
-		// Mark the registration as paid. Covers both "pending" (initial payment) and
+		// Mark the registration as paid
-		// "extra_payment_pending" (delta after adding guests).
 		await db
 			.update(registration)
 			.set({
 				paymentStatus: "paid",
-				paymentAmount: 0, // delta has been settled
+				paymentAmount: 0,
-				lemonsqueezyOrderId: orderId,
+				molliePaymentId: payment.id,
-				lemonsqueezyCustomerId: customerId,
 				paidAt: new Date(),
 			})
 			.where(eq(registration.managementToken, registrationToken));
 
 		console.log(
-			`Payment successful for registration ${registrationToken}, order ${orderId}`,
+			`Payment successful for registration ${registrationToken}, payment ${payment.id}`,
 		);
 
-		// If this is a watcher with a drink card value, try to credit their drinkkaart
+		// If this is a watcher with a drink card value, try to credit their
-		// immediately — but only if they already have an account.
+		// drinkkaart immediately — but only if they already have an account.
 		if (
 			regRow.registrationType === "watcher" &&
 			(regRow.drinkCardValue ?? 0) > 0
 		) {
-			// Look up user account by email
 			const accountUser = await db
 				.select({ id: user.id })
 				.from(user)
@@ -244,8 +241,6 @@ async function handleWebhook({ request }: { request: Request }) {
 					);
 				}
 			} else {
-				// No account yet — credit will be applied when the user signs up via
-				// claimRegistrationCredit.
 				console.log(
 					`No account for ${regRow.email} — drinkkaart credit deferred until signup`,
 				);
@@ -259,7 +254,7 @@ async function handleWebhook({ request }: { request: Request }) {
 	}
 }
 
-export const Route = createFileRoute("/api/webhook/lemonsqueezy")({
+export const Route = createFileRoute("/api/webhook/mollie")({
 	server: {
 		handlers: {
 			POST: handleWebhook,

apps/web/src/routes/contact.tsx

@@ -53,6 +53,28 @@ function ContactPage() {
 						</p>
 					</section>
 
+					<section className="rounded-lg bg-white/5 p-6">
+						<h3 className="mb-4 text-white text-xl">Partners</h3>
+						<div className="flex flex-col gap-3 sm:flex-row sm:gap-6">
+							<a
+								href="https://ejv.be"
+								target="_blank"
+								rel="noopener noreferrer"
+								className="link-hover text-white/80 hover:text-white"
+							>
+								Evangelisch Jeugdverbond (EJV.be)
+							</a>
+							<a
+								href="https://www.vlaanderen.be/cjm/nl"
+								target="_blank"
+								rel="noopener noreferrer"
+								className="link-hover text-white/80 hover:text-white"
+							>
+								Vlaanderen — Cultuur, Jeugd & Media
+							</a>
+						</div>
+					</section>
+
 					<section className="mt-8">
 						<p className="text-sm text-white/60">
 							We proberen je e-mail binnen 48 uur te beantwoorden.

bun.lock

@@ -87,7 +87,6 @@
         "@kk/auth": "workspace:*",
         "@kk/db": "workspace:*",
         "@kk/env": "workspace:*",
-        "@lemonsqueezy/lemonsqueezy.js": "^4.00.0",
         "@orpc/client": "catalog:",
         "@orpc/openapi": "catalog:",
         "@orpc/server": "catalog:",
@@ -530,8 +529,6 @@
 
     "@kk/infra": ["@kk/infra@workspace:packages/infra"],
 
-    "@lemonsqueezy/lemonsqueezy.js": ["@lemonsqueezy/lemonsqueezy.js@4.0.0", "", {}, "sha512-xcY1/lDrY7CpIF98WKiL1ElsfoVhddP7FT0fw7ssOzrFqQsr44HgolKrQZxd9SywsCPn12OTOUieqDIokI3mFg=="],
-
     "@libsql/client": ["@libsql/client@0.15.15", "", { "dependencies": { "@libsql/core": "^0.15.14", "@libsql/hrana-client": "^0.7.0", "js-base64": "^3.7.5", "libsql": "^0.5.22", "promise-limit": "^2.7.0" } }, "sha512-twC0hQxPNHPKfeOv3sNT6u2pturQjLcI+CnpTM0SjRpocEGgfiZ7DWKXLNnsothjyJmDqEsBQJ5ztq9Wlu470w=="],
 
     "@libsql/core": ["@libsql/core@0.15.15", "", { "dependencies": { "js-base64": "^3.7.5" } }, "sha512-C88Z6UKl+OyuKKPwz224riz02ih/zHYI3Ho/LAcVOgjsunIRZoBw7fjRfaH9oPMmSNeQfhGklSG2il1URoOIsA=="],

packages/api/package.json

@@ -14,7 +14,6 @@
 		"@kk/auth": "workspace:*",
 		"@kk/db": "workspace:*",
 		"@kk/env": "workspace:*",
-		"@lemonsqueezy/lemonsqueezy.js": "^4.00.0",
 		"@orpc/client": "catalog:",
 		"@orpc/openapi": "catalog:",
 		"@orpc/server": "catalog:",

packages/api/src/routers/drinkkaart.ts

@@ -134,82 +134,49 @@ export const drinkkaartRouter = {
 		.handler(async ({ input, context }) => {
 			const { env: serverEnv, session } = context;
 
-			if (
+			if (!serverEnv.MOLLIE_API_KEY) {
-				!serverEnv.LEMON_SQUEEZY_API_KEY ||
-				!serverEnv.LEMON_SQUEEZY_STORE_ID ||
-				!serverEnv.LEMON_SQUEEZY_DRINKKAART_VARIANT_ID
-			) {
 				throw new ORPCError("INTERNAL_SERVER_ERROR", {
-					message: "Lemon Squeezy Drinkkaart variant is niet geconfigureerd",
+					message: "Mollie is niet geconfigureerd",
 				});
 			}
 
 			const card = await getOrCreateDrinkkaart(session.user.id);
 
-			const response = await fetch(
+			// Mollie amounts must be formatted as "10.00" (string, 2 decimal places)
-				"https://api.lemonsqueezy.com/v1/checkouts",
+			const amountValue = (input.amountCents / 100).toFixed(2);
-				{
+
-					method: "POST",
+			const response = await fetch("https://api.mollie.com/v2/payments", {
-					headers: {
+				method: "POST",
-						Accept: "application/vnd.api+json",
+				headers: {
-						"Content-Type": "application/vnd.api+json",
+					"Content-Type": "application/json",
-						Authorization: `Bearer ${serverEnv.LEMON_SQUEEZY_API_KEY}`,
+					Authorization: `Bearer ${serverEnv.MOLLIE_API_KEY}`,
-					},
-					body: JSON.stringify({
-						data: {
-							type: "checkouts",
-							attributes: {
-								custom_price: input.amountCents,
-								product_options: {
-									name: "Drinkkaart Opladen",
-									description: `Drinkkaart top-up — ${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_DRINKKAART_VARIANT_ID,
-									},
-								},
-							},
-						},
-					}),
 				},
-			);
+				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,
+					},
+				}),
+			});
 
 			if (!response.ok) {
 				const errorData = await response.json();
-				console.error("Lemon Squeezy Drinkkaart checkout error:", errorData);
+				console.error("Mollie Drinkkaart checkout error:", errorData);
 				throw new ORPCError("INTERNAL_SERVER_ERROR", {
 					message: "Kon checkout niet aanmaken",
 				});
 			}
 
 			const data = (await response.json()) as {
-				data?: { attributes?: { url?: string } };
+				_links?: { checkout?: { href?: string } };
 			};
-			const checkoutUrl = data.data?.attributes?.url;
+			const checkoutUrl = data._links?.checkout?.href;
 			if (!checkoutUrl) {
 				throw new ORPCError("INTERNAL_SERVER_ERROR", {
 					message: "Geen checkout URL ontvangen",

packages/api/src/routers/index.ts

@@ -50,7 +50,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
- * `lemonsqueezy_order_id` UNIQUE constraint together prevent double-crediting even
+ * `mollie_payment_id` UNIQUE constraint together prevent double-crediting even
  * if called concurrently (webhook + signup racing each other).
  *
  * Returns a status string describing the outcome.
@@ -160,11 +160,11 @@ export async function creditRegistrationToAccount(
 		return { credited: false, amountCents: 0, status: "already_credited" };
 	}
 
-	// Record the topup. Re-use the registration's lemonsqueezyOrderId so the
+	// Record the topup. Re-use the registration's molliePaymentId 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 topupOrderId = reg.lemonsqueezyOrderId
+	const topupPaymentId = reg.molliePaymentId
-		? `reg_${reg.lemonsqueezyOrderId}`
+		? `reg_${reg.molliePaymentId}`
 		: null;
 
 	await db.insert(drinkkaartTopup).values({
@@ -175,8 +175,7 @@ export async function creditRegistrationToAccount(
 		balanceBefore,
 		balanceAfter,
 		type: "payment",
-		lemonsqueezyOrderId: topupOrderId,
+		molliePaymentId: topupPaymentId,
-		lemonsqueezyCustomerId: reg.lemonsqueezyCustomerId ?? null,
 		adminId: null,
 		reason: "Drinkkaart bij registratie",
 		paidAt: reg.paidAt ?? new Date(),
@@ -742,12 +741,8 @@ export const appRouter = {
 			}),
 		)
 		.handler(async ({ input }) => {
-			if (
+			if (!env.MOLLIE_API_KEY) {
-				!env.LEMON_SQUEEZY_API_KEY ||
+				throw new Error("Mollie is niet geconfigureerd");
-				!env.LEMON_SQUEEZY_STORE_ID ||
-				!env.LEMON_SQUEEZY_VARIANT_ID
-			) {
-				throw new Error("Lemon Squeezy is niet geconfigureerd");
 			}
 
 			const rows = await db
@@ -797,60 +792,40 @@ export const appRouter = {
 					? `Vrijwillige gift${drinkCardTotal > 0 ? " + drinkkaart" : ""}`
 					: `Toegangskaart${giftTotal > 0 ? " + gift" : ""}`;
 
-			const response = await fetch(
+			const redirectUrl =
-				"https://api.lemonsqueezy.com/v1/checkouts",
+				input.redirectUrl ?? `${env.CORS_ORIGIN}/manage/${input.token}`;
-				{
+
-					method: "POST",
+			// Mollie amounts must be formatted as "10.00" (string, 2 decimal places)
-					headers: {
+			const amountValue = (amountInCents / 100).toFixed(2);
-						Accept: "application/vnd.api+json",
+
-						"Content-Type": "application/vnd.api+json",
+			const webhookUrl = `${env.CORS_ORIGIN}/api/webhook/mollie`;
-						Authorization: `Bearer ${env.LEMON_SQUEEZY_API_KEY}`,
+
-					},
+			const response = await fetch("https://api.mollie.com/v2/payments", {
-					body: JSON.stringify({
+				method: "POST",
-						data: {
+				headers: {
-							type: "checkouts",
+					"Content-Type": "application/json",
-							attributes: {
+					Authorization: `Bearer ${env.MOLLIE_API_KEY}`,
-								custom_price: amountInCents,
-								product_options: {
-									name: "Kunstenkamp Evenement",
-									description: productDescription,
-									redirect_url:
-										input.redirectUrl ??
-										`${env.CORS_ORIGIN}/manage/${input.token}`,
-								},
-								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("Lemon Squeezy checkout error:", errorData);
+				console.error("Mollie checkout error:", errorData);
 				throw new Error("Kon checkout niet aanmaken");
 			}
 
 			const checkoutData = (await response.json()) as {
-				data?: { attributes?: { url?: string } };
+				_links?: { checkout?: { href?: string } };
 			};
-			const checkoutUrl = checkoutData.data?.attributes?.url;
+			const checkoutUrl = checkoutData._links?.checkout?.href;
 
 			if (!checkoutUrl) throw new Error("Geen checkout URL ontvangen");
 

packages/db/src/migrations/0006_mollie_migration.sql

@@ -0,0 +1,17 @@
+-- Migrate from Lemonsqueezy to Mollie
+-- Renames payment provider columns in registration and drinkkaart_topup tables.
+
+-- registration table:
+--   lemonsqueezy_order_id    -> mollie_payment_id
+--   lemonsqueezy_customer_id -> dropped (Mollie does not return a persistent
+--                               customer ID for one-off payments)
+
+ALTER TABLE registration RENAME COLUMN lemonsqueezy_order_id TO mollie_payment_id;
+ALTER TABLE registration DROP COLUMN lemonsqueezy_customer_id;
+
+-- drinkkaart_topup table:
+--   lemonsqueezy_order_id    -> mollie_payment_id
+--   lemonsqueezy_customer_id -> dropped
+
+ALTER TABLE drinkkaart_topup RENAME COLUMN lemonsqueezy_order_id TO mollie_payment_id;
+ALTER TABLE drinkkaart_topup DROP COLUMN lemonsqueezy_customer_id;

packages/db/src/schema/drinkkaart.ts

@@ -46,8 +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(),
-	lemonsqueezyOrderId: text("lemonsqueezy_order_id").unique(), // nullable; only for type="payment"
+	molliePaymentId: text("mollie_payment_id").unique(), // nullable; only for type="payment"
-	lemonsqueezyCustomerId: text("lemonsqueezy_customer_id"),
 	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/registrations.ts

@@ -29,8 +29,7 @@ export const registration = sqliteTable(
 		paymentStatus: text("payment_status").notNull().default("pending"),
 		paymentAmount: integer("payment_amount").default(0),
 		giftAmount: integer("gift_amount").default(0),
-		lemonsqueezyOrderId: text("lemonsqueezy_order_id"),
+		molliePaymentId: text("mollie_payment_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
@@ -50,6 +49,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_lemonsqueezyOrderId_idx").on(table.lemonsqueezyOrderId),
+		index("registration_molliePaymentId_idx").on(table.molliePaymentId),
 	],
 );

packages/env/src/server.ts

@@ -25,11 +25,7 @@ export const env = createEnv({
 		NODE_ENV: z
 			.enum(["development", "production", "test"])
 			.default("development"),
-		LEMON_SQUEEZY_API_KEY: z.string().min(1).optional(),
+		MOLLIE_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_DRINKKAART_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,14 +30,8 @@ export const web = await TanStackStart("web", {
 		SMTP_USER: getEnvVar("SMTP_USER"),
 		SMTP_PASS: getEnvVar("SMTP_PASS"),
 		SMTP_FROM: getEnvVar("SMTP_FROM"),
-		// Payments (Lemon Squeezy)
+		// Payments (Mollie)
-		LEMON_SQUEEZY_API_KEY: getEnvVar("LEMON_SQUEEZY_API_KEY"),
+		MOLLIE_API_KEY: getEnvVar("MOLLIE_API_KEY"),
-		LEMON_SQUEEZY_STORE_ID: getEnvVar("LEMON_SQUEEZY_STORE_ID"),
-		LEMON_SQUEEZY_VARIANT_ID: getEnvVar("LEMON_SQUEEZY_VARIANT_ID"),
-		LEMON_SQUEEZY_DRINKKAART_VARIANT_ID: getEnvVar(
-			"LEMON_SQUEEZY_DRINKKAART_VARIANT_ID",
-		),
-		LEMON_SQUEEZY_WEBHOOK_SECRET: getEnvVar("LEMON_SQUEEZY_WEBHOOK_SECRET"),
 	},
 	domains: ["kunstenkamp.be", "www.kunstenkamp.be"],
 });