From 4c7c644d7d627c48e60d6a94b70debfe7697d999 Mon Sep 17 00:00:00 2001
From: Constantin Simonis <constantin@simonis.lol>
Date: Sun, 23 Feb 2025 17:46:49 +0100
Subject: [PATCH] icons > emojis

---
 templates/home/index.html.twig | 48 ++++++++++++++++++++++++++--------
 1 file changed, 37 insertions(+), 11 deletions(-)

diff --git a/templates/home/index.html.twig b/templates/home/index.html.twig
index cfd43c4..6f1dc51 100644
--- a/templates/home/index.html.twig
+++ b/templates/home/index.html.twig
@@ -33,22 +33,48 @@
 
                 <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-5 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
+                        <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">
+                            <div class="flex items-center space-x-3">
+                                <twig:ux:icon name="heroicons:calendar" class="w-5 h-5 text-orange-600" />
+                                <span class="text-gray-700">28. Juni 2025</span>
+                            </div>
+                            <div class="flex items-center space-x-3">
+                                <twig:ux:icon name="heroicons:clock" class="w-5 h-5 text-orange-600" />
+                                <span class="text-gray-700">17:30 - Open End</span>
+                            </div>
+                            <div class="flex items-center space-x-3">
+                                <twig:ux:icon name="heroicons:map-pin" class="w-5 h-5 text-orange-600" />
+                                <span class="text-gray-700">Graubündener Str. 4, 28325 Bremen</span>
+                            </div>
                         </div>
                     </div>
                     <div class="bg-white/80 backdrop-blur-md shadow-xl rounded-2xl sm:rounded-3xl p-5 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
+                        <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">Ablauf</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">17:30-19:30</span>
+                                    <span class="ml-2">Einlass & Platznehmen</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">19:30-22:00</span>
+                                    <span class="ml-2">Dinner & Beisammensein</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">ab 22:00</span>
+                                    <span class="ml-2">Feier & Tanz im Saal</span>
+                                </div>
+                            </div>
                         </div>
                     </div>
-
                 </div>
 
                 <div class="text-center space-y-6">