Use nicetou.ch

Author: vincent-pochet

index.html

@@ -238,23 +238,23 @@ <h2 class="section__title" data-lang="fr">Contactez-nous</h2>
       <p class="section__subtitle" data-lang="en">Have a project in mind? Let's talk about it.</p>
       <p class="section__subtitle" data-lang="fr">Vous avez un projet en tête ? Parlons-en.</p>
 
-      <!-- TODO: Replace action="#" with your actual form endpoint (e.g., Formspree, Netlify Forms, or custom backend) -->
-      <form class="contact-form fade-in" action="#" method="POST">
+      <form class="contact-form fade-in" accept-charset="UTF-8" method="post">
+        <script src="https://nicetou.ch/forms/nice.js"></script>
         <div class="contact-form__group">
-          <label for="name" data-lang="en">Name</label>
-          <label for="name" data-lang="fr">Nom</label>
-          <input type="text" id="name" name="name" required>
+          <label for="sender">Email</label>
+          <input type="email" id="sender" name="sender" required>
         </div>
         <div class="contact-form__group">
-          <label for="email">Email</label>
-          <input type="email" id="email" name="email" required>
+          <label for="subject" data-lang="en">Subject</label>
+          <label for="subject" data-lang="fr">Sujet</label>
+          <input type="text" id="subject" name="subject" minlength="6" required>
         </div>
         <div class="contact-form__group">
-          <label for="message">Message</label>
-          <textarea id="message" name="message" rows="5" required></textarea>
+          <label for="body">Message</label>
+          <textarea id="body" name="body" rows="5" required></textarea>
         </div>
-        <button type="submit" class="btn" data-lang="en">Send Message</button>
-        <button type="submit" class="btn" data-lang="fr">Envoyer le message</button>
+        <button type="submit" name="commit" class="btn" data-lang="en">Send Message</button>
+        <button type="submit" name="commit" class="btn" data-lang="fr">Envoyer le message</button>
       </form>
     </div>
   </section>