feat: site Le Moulin des Rives — design Tailwind + config Docker

2026-05-28 23:46:36 +02:00
parent 87186db304
commit 1411e6816d
19 changed files with 1060 additions and 19 deletions
@@ -0,0 +1,59 @@
+<section id="contact" class="py-32 bg-secondary/20 scroll-mt-20">
+  <div class="max-w-6xl mx-auto px-6">
+    <div class="grid md:grid-cols-2 gap-16">
+
+      <!-- Infos -->
+      <div>
+        <span class="block text-xs tracking-[0.3em] uppercase text-primary mb-5">
+          Contact
+        </span>
+        <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">
+          Une question ou une demande de réservation ?
+          N'hésitez pas à nous contacter, nous répondons sous 24h.
+        </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>
+          </div>
+          <div class="flex items-center gap-4">
+            <span class="text-primary font-serif text-xl">→</span>
+            <span>contact@moulindesrives.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>
+  </div>
+</section>