restyle homepage (#29)

Reviewed-on: #29
This commit is contained in:
2025-02-23 17:15:38 +00:00
parent 288d6492aa
commit c557551a73
2 changed files with 71 additions and 18 deletions

View File

@ -5,7 +5,7 @@ Danke
{% endblock %}
{% block body %}
<div class="min-h-screen bg-gradient-to-b from-white to-gray-50 relative overflow-hidden">
<div class="min-h-screen bg-gradient-to-br from-yellow-50 via-white to-orange-50 relative overflow-hidden">
<header class="w-full bg-white/90 backdrop-blur-md shadow-lg fixed top-0 z-50 border-b border-gray-100">
<div class="container mx-auto px-4 sm:px-6 lg:px-8 py-3 sm:py-4 flex justify-between items-center">
<a href="{{ path('app_home') }}" class="flex items-center space-x-2 group">
@ -34,19 +34,19 @@ Danke
<div class="max-w-xs mx-auto">
<div class="space-y-4">
<div class="flex justify-start space-x-3">
<twig:ux:icon name="heroicons:calendar" class="w-6 h-6 text-gray-400" />
<twig:ux:icon name="heroicons:calendar" class="w-6 h-6 text-orange-600" />
<p class="text-gray-700">Sa. 28.06.2025</p>
</div>
<div class="flex justify-start space-x-3">
<twig:ux:icon name="heroicons:clock" class="w-6 h-6 text-gray-400" />
<twig:ux:icon name="heroicons:clock" class="w-6 h-6 text-orange-600" />
<p class="text-gray-700">17:30 - Open End</p>
</div>
<div class="flex justify-start space-x-3">
<twig:ux:icon name="heroicons:map-pin" class="w-6 h-6 text-gray-400" />
<twig:ux:icon name="heroicons:map-pin" class="w-6 h-6 text-orange-600" />
<p class="text-gray-700">Graubündener Str. 4, 28325 Bremen</p>
</div>
<div class="flex justify-start space-x-3">
<twig:ux:icon name="tabler:shirt" class="w-6 h-6 text-gray-400" />
<twig:ux:icon name="tabler:shirt" class="w-6 h-6 text-orange-600" />
<p class="text-gray-700">Abendkleidung</p>
</div>
</div>
@ -58,17 +58,17 @@ Danke
<div class="max-w-xs mx-auto">
<div class="space-y-4">
<div class="flex items-center gap-3">
<twig:ux:icon name="heroicons:ticket" class="w-6 h-6 text-gray-400 flex-shrink-0" />
<twig:ux:icon name="heroicons:ticket" class="w-6 h-6 text-orange-600 flex-shrink-0" />
<span class="text-gray-600 font-medium whitespace-nowrap">17:30-19:30</span>
<span class="text-gray-700">Einlass & Platznehmen</span>
</div>
<div class="flex items-center gap-3">
<twig:ux:icon name="heroicons:cake" class="w-6 h-6 text-gray-400 flex-shrink-0" />
<twig:ux:icon name="heroicons:cake" class="w-6 h-6 text-orange-600 flex-shrink-0" />
<span class="text-gray-600 font-medium whitespace-nowrap">19:30-22:00</span>
<span class="text-gray-700">Dinner & Beisammensein</span>
</div>
<div class="flex items-center gap-3">
<twig:ux:icon name="heroicons:musical-note" class="w-6 h-6 text-gray-400 flex-shrink-0" />
<twig:ux:icon name="heroicons:musical-note" class="w-6 h-6 text-orange-600 flex-shrink-0" />
<span class="text-gray-600 font-medium whitespace-nowrap">ab 22:00</span>
<span class="text-gray-700">Feier & Tanz im Saal</span>
</div>