update

src/components/Contact.astro

@@ -1,6 +1,6 @@
 <section id="contact" class="py-32 scroll-mt-20">
   <div class="max-w-6xl mx-auto px-6">
-    <div class="grid md:grid-cols-2 gap-16">
+    <div class="grid md:grid-cols-2 gap-16" >
 
       <!-- Infos -->
       <div>
@@ -10,49 +10,56 @@
         <h2 class="font-serif text-5xl md:text-6xl font-light leading-tight mb-8">
           Réservez<br/>votre séjour
         </h2>
-        <p class="text-dark/70 leading-relaxed mb-10">
+        <p class="text-dark/70 leading-relaxed mb-5">
           Une question ou une demande de réservation ?
           N'hésitez pas à nous contacter, nous répondons sous 24h.
         </p>
+        <p class="text-dark/50 text-sm leading-relaxed mb-10">
+          Si vous souhaitez partager ou découvrir des activités particulières :
+          cueillette de champignons, randonnée, baignade, yoga… <br/>
+          Précisez-le dans votre message, je me ferai un plaisir d'en discuter avec vous.
+        </p>
         <div class="space-y-4 text-dark/70">
           <div class="flex items-center gap-4">
             <span class="text-primary font-serif text-xl">→</span>
-            <span>06 00 00 00 00</span>
+            <span>07.85.31.59.28</span>
           </div>
           <div class="flex items-center gap-4">
             <span class="text-primary font-serif text-xl">→</span>
-            <span>contact@moulindesrives.fr</span>
+            <span>contact@lamaisondececile.fr</span>
           </div>
         </div>
       </div>
 
       <!-- Formulaire -->
-      <form class="space-y-4">
-        <input
-          type="text"
-          name="nom"
-          placeholder="Votre nom"
-          class="w-full bg-white border border-secondary px-4 py-3 text-dark placeholder:text-dark/40 focus:outline-none focus:border-primary transition-colors"
-        />
-        <input
-          type="email"
-          name="email"
-          placeholder="Votre adresse email"
-          class="w-full bg-white border border-secondary px-4 py-3 text-dark placeholder:text-dark/40 focus:outline-none focus:border-primary transition-colors"
-        />
-        <textarea
-          name="message"
-          rows="5"
-          placeholder="Votre message (dates souhaitées, nombre de personnes...)"
-          class="w-full bg-white border border-secondary px-4 py-3 text-dark placeholder:text-dark/40 focus:outline-none focus:border-primary transition-colors resize-none"
-        ></textarea>
-        <button
-          type="submit"
-          class="w-full bg-primary text-white py-4 text-xs tracking-[0.25em] uppercase hover:bg-primary/80 transition-colors"
-        >
-          Envoyer le message
-        </button>
-      </form>
+      <div class="flex items-center justify-center">
+        <form class="space-y-4 ">
+          <input
+            type="text"
+            name="nom"
+            placeholder="Votre nom"
+            class="w-full bg-white border border-secondary px-4 py-3 text-dark placeholder:text-dark/40 focus:outline-none focus:border-primary transition-colors"
+          />
+          <input
+            type="email"
+            name="email"
+            placeholder="Votre adresse email"
+            class="w-full bg-white border border-secondary px-4 py-3 text-dark placeholder:text-dark/40 focus:outline-none focus:border-primary transition-colors"
+          />
+          <textarea
+            name="message"
+            rows="5"
+            placeholder="Votre message (dates souhaitées, nombre de personnes, activités souhaitées...)"
+            class="w-full bg-white border border-secondary px-4 py-3 text-dark placeholder:text-dark/40 focus:outline-none focus:border-primary transition-colors resize-none"
+          ></textarea>
+          <button
+            type="submit"
+            class="w-full bg-primary text-white py-4 text-xs tracking-[0.25em] uppercase hover:bg-primary/80 transition-colors"
+          >
+            Envoyer le message
+          </button>
+        </form>
+      </div>
 
     </div>
   </div>