prijzen
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hotelschip Groningen - Prijzen Winter</title>
<script src="https://cdn.tailwindcss.
</head>
<body class="bg-gray-50 text-gray-800">
<div class="max-w-4xl mx-auto p-6 space-y-10">
<header class="text-center">
<h1 class="text-4xl font-bold mb-3">Prijzen Hotelschip Groningen</h1>
<p class="text-lg text-red-600 font-semibold">Alleen te huur in de winterperiode: 15 oktober 2024 – 25 maart 2025</p>
<p class="text-gray-600">Unieke A-locatie in het centrum van Groningen</p>
</header>
<!-- Tabel tarieven -->
<section>
<h2 class="text-2xl font-semibold mb-4">Tarieven groepsaccommodatie</h2>
<div class="overflow-x-auto">
<table class="w-full text-left border-collapse rounded-xl overflow-hidden shadow">
<thead class="bg-blue-100">
<tr>
<th class="p-3">Arrangement</th>
<th class="p-3">Periode</th>
<th class="p-3">Basisprijs (15 pers.)</th>
<th class="p-3">Extra gast (p.p.p.n.)</th>
</tr>
</thead>
<tbody class="divide-y divide-gray-200">
<tr>
<td class="p-3 font-medium">Weekend</td>
<td class="p-3">Vr 16:00 – Zo 14:00</td>
<td class="p-3 font-bold text-blue-600">€ 2.250</td>
<td class="p-3">+ € 40</td>
</tr>
<tr>
<td class="p-3 font-medium">Lang Weekend</td>
<td class="p-3">Vr 16:00 – Ma 10:00</td>
<td class="p-3 font-bold text-blue-600">€ 2.500</td>
<td class="p-3">+ € 40</td>
</tr>
<tr>
<td class="p-3 font-medium">Midweek</td>
<td class="p-3">Ma 13:00 – Vr 10:00</td>
<td class="p-3 font-bold text-blue-600">€ 2.900</td>
<td class="p-3">+ € 40</td>
</tr>
</tbody>
</table>
</div>
</section>
<!-- Extra informatie -->
<section>
<h2 class="text-2xl font-semibold mb-4">Extra informatie</h2>
<ul class="list-disc list-inside bg-white p-5 rounded-xl shadow space-y-1">
<li><span class="font-bold">Inclusief:</
<li><span class="font-bold">Niet inbegrepen:</span> handdoeken</li>
<li><span class="font-bold">Toeslag extra gast:</span> € 40 per persoon per nacht (boven 15 personen)</li>
<li><span class="font-bold">Exclusief:</
</ul>
</section>
<!-- Call to action -->
<section class="text-center space-y-4">
<button class="bg-blue-600 text-white px-6 py-3 rounded-xl shadow hover:bg-blue-700">
<button class="bg-green-600 text-white px-6 py-3 rounded-xl shadow hover:bg-green-700">Offerte aanvragen</button>
</section>
</div>
</body>
</html>