From f195ff7cce579005ea572722f09ad4a9b6e0539d Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 7 Jun 2026 20:24:34 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 50 ++++++++++++++++++++++++++++++++++++++++--------
 1 file changed, 42 insertions(+), 8 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fbb3fb0..b23a019 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -96,20 +96,54 @@ export default function LandingPage() {
           description="Découvrez nos horaires pour planifier votre visite et profitez de nos services de pressing."
           features={[
             {
-              title: "Dimanche",              description: '<span class="text-gray-500 block mb-1">Fermé</span> <span class="inline-flex items-center rounded-full bg-gray-100 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10">Fermé</span>'
+              title: "Dimanche",              description: `<div class="flex flex-col items-start gap-1 py-1">
+                              <span class="text-gray-500 font-medium">Fermé</span>
+                              <span class="inline-flex items-center rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-200">Fermé</span>
+                            </div>`,
             },
             {
-              title: "Lundi",              description: '<span class="text-gray-500 block mb-1">Fermé</span> <span class="inline-flex items-center rounded-full bg-gray-100 px-2 py-1 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-500/10">Fermé</span>'
+              title: "Lundi",              description: `<div class="flex flex-col items-start gap-1 py-1">
+                              <span class="text-gray-500 font-medium">Fermé</span>
+                              <span class="inline-flex items-center rounded-full bg-gray-100 px-2 py-0.5 text-xs font-medium text-gray-600 ring-1 ring-inset ring-gray-200">Fermé</span>
+                            </div>`,
+            },
+            {
+              title: "Mardi",              description: `<div class="flex flex-col items-start gap-1 py-1">
+                              <span>07:15–12:15</span>
+                              <span>15:00–19:30</span>
+                            </div>`,
+            },
+            {
+              title: "Mercredi",              description: `<div class="flex flex-col items-start gap-1 py-1">
+                              <span>07:15–12:15</span>
+                              <span>15:00–19:30</span>
+                            </div>`,
+            },
+            {
+              title: "Jeudi",              description: `<div class="flex flex-col items-start gap-1 py-1">
+                              <span>07:15–12:15</span>
+                              <span>15:00–19:30</span>
+                            </div>`,
+            },
+            {
+              title: "Vendredi",              description: `<div class="flex flex-col items-start gap-1 py-1">
+                              <span>07:15–12:15</span>
+                              <span>15:00–19:30</span>
+                            </div>`,
+            },
+            {
+              title: "Samedi",              description: `<div class="flex flex-col items-start gap-1 py-1">
+                              <span>08:00–12:15</span>
+                              <span>15:00–18:30</span>
+                            </div>`,
             },
-            { title: "Mardi", description: "07:15–12:15<br/>15:00–19:30" },
-            { title: "Mercredi", description: "07:15–12:15<br/>15:00–19:30" },
-            { title: "Jeudi", description: "07:15–12:15<br/>15:00–19:30" },
-            { title: "Vendredi", description: "07:15–12:15<br/>15:00–19:30" },
-            { title: "Samedi", description: "08:00–12:15<br/>15:00–18:30" }
           ]}
           animationType="slide-up"
           textboxLayout="default"
           useInvertedBackground={false}
+          cardClassName="p-4 sm:p-6 lg:p-8 border border-gray-200 rounded-lg text-left"
+          cardTitleClassName="text-lg font-semibold mb-2"
+          cardDescriptionClassName="text-base"
         />
       </div>
 
@@ -171,4 +205,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file