66 lines
2.7 KiB
Plaintext
66 lines
2.7 KiB
Plaintext
<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" >
|
|
|
|
<!-- 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-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>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@lamaisondececile.fr</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Formulaire -->
|
|
<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>
|
|
</section> |