projects/abiball
projects/abiball
0
0
Fork 0
Code Pull Requests 1 Actions Packages Activity

restyle homepage

Browse Source
This commit is contained in:
Constantin Simonis 2025-02-22 19:52:56 +01:00
parent 74ff5a23e0
commit 97eebd164e
Signed by: csimonis
GPG Key ID: 758DD9C506603183
1 changed files with 38 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
templates/home/index.html.twig
View File

@ -6,27 +6,55 @@
<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">
<img src="{{ asset('images/logo.png') }}" alt="Logo" class="w-32 sm:w-36 md:w-40 h-auto hover:opacity-90 transition-opacity" />
<a href="{{ path('app_contact') }}" class="bg-gradient-to-r from-red-500 to-orange-500 hover:from-red-600 hover:to-orange-600 text-white px-4 sm:px-6 md:px-8 py-2 sm:py-2.5 rounded-full text-xs sm:text-sm font-medium shadow-md hover:shadow-lg transition-all duration-300">
<img src="{{ asset('images/logo.png') }}" alt="Logo"
class="w-32 sm:w-36 md:w-40 h-auto hover:opacity-90 transition-opacity"/>
<a href="{{ path('app_contact') }}"
class="bg-gradient-to-r from-red-500 to-orange-500 hover:from-red-600 hover:to-orange-600 text-white px-4 sm:px-6 md:px-8 py-2 sm:py-2.5 rounded-full text-xs sm:text-sm font-medium shadow-md hover:shadow-lg transition-all duration-300">
Kontaktaufnahme
</a>
</div>
</header>
<main class="container mx-auto px-4 sm:px-6 lg:px-8 pt-24 sm:pt-28 md:pt-32 pb-16 sm:pb-20 flex flex-col items-center justify-center relative z-10">
<div class="w-full max-w-4xl">
<h1 class="text-3xl sm:text-4xl md:text-5xl font-bold text-gray-800 text-center mb-6 sm:mb-8 tracking-tight leading-tight">
Willkommen zum <span class="bg-clip-text text-transparent bg-gradient-to-r from-red-500 to-orange-500">Abiball 2025</span>
</h1>
<div class="w-full max-w-4xl">
<div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-6 sm:p-8 md:p-10 mb-6 sm:mb-8 transform transition-all duration-300 border border-gray-100">
<p class="text-base sm:text-lg text-gray-700 leading-relaxed whitespace-pre-line text-wrap" style="::first-line{display: none;}">
Willkommen zum Abiball 2025! 🎉🎓
<div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-6 sm:p-8 md:p-10 mb-12 sm:mb-16 transform transition-all duration-300 border border-gray-100">
<p class="text-base sm:text-lg text-gray-700 leading-relaxed">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Nach einer unvergesslichen Schulzeit feiern wir gemeinsam unseren Abschluss – und ihr seid
herzlich eingeladen!
Lasst uns gemeinsam diesen besonderen Abend genießen! 🥂✨
Euer Abijahrgang 2025 🚀
</p>
</div>
<div class="grid grid-cols-2 w-full gap-3">
<div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-0 px-5 py-2 mb-12 sm:mb-16 transform transition-all duration-300 border border-gray-100 col-1">
<h2 class="text-xl text-center font-semibold">Datum & Uhrzeit</h2>
<div class="whitespace-pre-line text-wrap">
📅 Datum: 28. Juni 2025
⏰ Einlass: 17:30 Uhr | Ende: Open End
📍 Ort: Graubündener Str. 4, 28325 Bremen
</div>
</div>
<div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-0 px-5 p-2 mb-12 sm:mb-16 transform transition-all duration-300 border border-gray-100 col-2">
<h2 class="text-xl text-center font-semibold">Ablauf</h2>
<div class="whitespace-pre-line text-wrap">
🍽 Einlass & Platznehmen – ab 17:30
🥂 Dinner & gemütliches Beisammensein – ca. 19:30
💃 Feier & Tanz im Saal – ab 22:00
</div>
</div>
</div>
<div class="text-center space-y-6">
<a href="{{ path('app_ticket') }}" class="inline-block bg-gradient-to-r from-red-500 to-orange-500 hover:from-red-600 hover:to-orange-600 text-white px-8 sm:px-10 md:px-12 py-4 sm:py-5 rounded-full text-base sm:text-lg font-semibold shadow-xl hover:shadow-2xl transition-all duration-300">
<a href="{{ path('app_ticket') }}"
class="inline-block bg-gradient-to-r from-red-500 to-orange-500 hover:from-red-600 hover:to-orange-600 text-white px-8 sm:px-10 md:px-12 py-4 sm:py-5 rounded-full text-base sm:text-lg font-semibold shadow-xl hover:shadow-2xl transition-all duration-300">
Tickets kaufen
</a>
</div>