feat: Initialisation du site vitrine P'titsPas

content/contact.md

@@ -0,0 +1,50 @@
+---
+title: "Contactez-Nous - Parlons de Votre Projet P'titsPas"
+date: 2025-05-24T11:00:00+02:00
+draft: false
+---
+
+Nous sommes ravis de l'intérêt que vous portez à P'titsPas et nous serions heureux d'échanger avec vous sur la manière dont notre solution peut répondre aux besoins spécifiques de votre collectivité.
+
+Que vous souhaitiez une démonstration personnalisée, obtenir un devis, ou simplement en savoir plus sur nos fonctionnalités et notre approche, n'hésitez pas à nous solliciter.
+
+## Demander une Démonstration ou un Devis
+
+Utilisez le formulaire ci-dessous pour nous faire part de votre projet. Nous nous engageons à vous répondre dans les plus brefs délais.
+
+<!-- 
+IMPORTANT : Pour que ce formulaire fonctionne, vous devez l'intégrer avec un service de gestion de formulaires externe tel que :
+- Formspree (https://formspree.io/)
+- Netlify Forms (si votre site est hébergé sur Netlify)
+- Getform (https://getform.io/)
+- Ou une solution backend personnalisée.
+
+Vous devrez modifier l'attribut "action" du formulaire ci-dessous avec l'URL fournie par le service que vous choisirez,
+et potentiellement ajouter des champs cachés spécifiques à ce service.
+-->
+
+<form action="#" method="POST" style="max-width: 600px; margin: 20px auto; padding: 20px; border: 1px solid #ddd; border-radius: 5px;">
+    <div style="margin-bottom: 15px;">
+        <label for="name" style="display: block; margin-bottom: 5px;">Nom Prénom :</label>
+        <input type="text" id="name" name="name" required style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 3px;">
+    </div>
+    <div style="margin-bottom: 15px;">
+        <label for="collectivite" style="display: block; margin-bottom: 5px;">Collectivité / Organisation :</label>
+        <input type="text" id="collectivite" name="collectivite" required style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 3px;">
+    </div>
+    <div style="margin-bottom: 15px;">
+        <label for="email" style="display: block; margin-bottom: 5px;">Adresse E-mail :</label>
+        <input type="email" id="email" name="email" required style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 3px;">
+    </div>
+    <div style="margin-bottom: 15px;">
+        <label for="phone" style="display: block; margin-bottom: 5px;">Téléphone (facultatif) :</label>
+        <input type="tel" id="phone" name="phone" style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 3px;">
+    </div>
+    <div style="margin-bottom: 15px;">
+        <label for="message" style="display: block; margin-bottom: 5px;">Votre Message :</label>
+        <textarea id="message" name="message" rows="6" required style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 3px;"></textarea>
+    </div>
+    <button type="submit" style="background-color: #007bff; color: white; padding: 10px 20px; border: none; border-radius: 3px; cursor: pointer;">Envoyer Votre Demande</button>
+</form>
+
+Nous avons hâte de collaborer avec vous pour améliorer la gestion de la petite enfance sur votre territoire !