Update src/app/page.tsx

Merge version_2 into main

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>
 
@@ -148,7 +182,8 @@ export default function LandingPage() {
       <div id="location" data-section="location">
         <ContactSplitForm
           title="Nous trouver à Clamart"
-          description="Venez nous rendre visite Place de la Gare, à deux pas du centre de Clamart. Facilement accessible en train, en bus ou à pied.<br/><br/>**Adresse :** Place de la Gare, 92140 Clamart"
+          description="Venez nous rendre visite Place de la Gare, à deux pas du centre de Clamart. Facilement accessible en train, en bus ou à pied. 
+Place de la Gare, 92140 Clamart"
           inputs={[
             { name: "name", type: "text", placeholder: "Votre nom", required: true },
             { name: "email", type: "email", placeholder: "Votre email", required: true }
@@ -171,4 +206,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
+}