This commit is contained in:
2025-02-28 12:38:03 +01:00
parent dacd7f5cd2
commit 82db8d248e
9 changed files with 79 additions and 19 deletions

View File

@ -12,16 +12,7 @@
<tr>
<td>
<font color="#1f2937" size="5" face="Arial, Helvetica, sans-serif">Contact Details</font>
<table cellpadding="15" cellspacing="0" border="1" width="100%" bgcolor="#f9fafb" bordercolor="#e5e7eb" style="border-collapse: collapse; margin-top: 20px;">
<tr>
<td>
<font color="#6b7280" size="2" face="Arial, Helvetica, sans-serif">Email</font><br>
<font color="#1f2937" size="3" face="Arial, Helvetica, sans-serif">{{ data.email }}</font>
</td>
</tr>
</table>
{% if data.phone %}
<table cellpadding="15" cellspacing="0" border="1" width="100%" bgcolor="#f9fafb" bordercolor="#e5e7eb" style="border-collapse: collapse; margin-top: 20px;">
<tr>
<td>
@ -30,7 +21,7 @@
</td>
</tr>
</table>
{% endif %}
<table cellpadding="15" cellspacing="0" border="1" width="100%" bgcolor="#f9fafb" bordercolor="#e5e7eb" style="border-collapse: collapse; margin-top: 20px;">
<tr>
<td>

View File

@ -31,7 +31,7 @@
</p>
</div>
<div class="grid grid-cols-1 sm:grid-cols-2 w-full gap-3 mb-5">
<div class="grid grid-cols-1 sm:grid-cols-3 w-full gap-3 mb-5">
<div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-5 mb-3 sm:mb-12 transform transition-all duration-300 border border-gray-100">
<h2 class="text-xl text-center font-semibold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-orange-500">Datum & Uhrzeit</h2>
<div class="space-y-3">
@ -75,6 +75,39 @@
</div>
</div>
</div>
<div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-5 mb-3 sm:mb-12 transform transition-all duration-300 border border-gray-100">
<h2 class="text-xl text-center font-semibold mb-4 bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-orange-500">Ticket Preise</h2>
<div class="space-y-3">
<div class="flex items-center space-x-3">
<twig:ux:icon name="heroicons:ticket" class="w-5 h-5 text-orange-600" />
<div class="text-gray-700">
<span class="font-medium">All-Inclusive Ticket</span>
<span class="ml-2">50€</span>
</div>
</div>
<div class="flex items-center space-x-3">
<twig:ux:icon name="heroicons:cake" class="w-5 h-5 text-orange-600" />
<div class="text-gray-700">
<span class="font-medium">After-Show Ticket</span>
<span class="ml-2">20€</span>
</div>
</div>
<div class="flex items-center space-x-3">
<twig:ux:icon name="heroicons:musical-note" class="w-5 h-5 text-orange-600" />
<div class="text-gray-700">
<span class="font-medium">Kind (6-12 Jahre)</span>
<span class="ml-2">15€</span>
</div>
</div>
<div class="flex items-center space-x-3">
<twig:ux:icon name="heroicons:musical-note" class="w-5 h-5 text-orange-600" />
<div class="text-gray-700">
<span class="font-medium">Kind (0-6 Jahre)</span>
<span class="ml-2">0€</span>
</div>
</div>
</div>
</div>
</div>
<div class="text-center space-y-6">

View File

@ -49,6 +49,10 @@
<twig:ux:icon name="ic:baseline-phone" class="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400" />
<input name="phone" data-form-target="phone" class="w-full pl-10 pr-4 py-3 rounded-xl border border-gray-200 focus:border-orange-500 focus:ring-2 focus:ring-orange-200 transition-all" type="tel" placeholder="Telefon (optional)">
</div>
<div class="relative">
<twig:ux:icon name="tabler:coin" class="absolute left-3 top-1/2 -translate-y-1/2 w-5 h-5 text-gray-400" />
<input name="donation" data-form-target="donation" class="w-full pl-10 pr-4 py-3 rounded-xl border border-gray-200 focus:border-orange-500 focus:ring-2 focus:ring-orange-200 transition-all" type="number" placeholder="Spende (optional)">
</div>
</div>
</section>