# contact

title: "Contacts VoiceGuide"
description: "Laissez une demande - nous vous expliquerons comment connecter un guide vocal à votre site."
---

<div class="vg-article">

<nav class="crumbs" aria-label="Хлебные крошки">
  <a href="/">Accueil</a><span>/</span><span style="color:var(--muted)">Contacts</span>
</nav>

<header class="chero">
  <span class="eyebrow">Contacts</span>
  <h1 class="chero__title">Laisser une demande</h1>
  <p class="chero__lead">Parlez-nous de votre site et de votre besoin - nous vous indiquerons si VoiceGuide est adapté et comment le connecter.</p>
</header>

<div class="layout">

<article class="article">
<p class="lede">Écrivez quelques mots sur le site et le besoin - nous répondrons sous un jour ouvrable et vous dirons si le guide vocal vous convient. Si le site n'existe pas encore, décrivez simplement le projet, nous trouverons une solution ensemble.</p>

<form id="vg-contact" class="card" autocomplete="on">
  <label for="f-name">Nom</label>
  <input id="f-name" name="name" type="text" required maxlength="120">
  <label for="f-contact">Email ou messagerie pour vous contacter</label>
  <input id="f-contact" name="email" type="text" required maxlength="180" placeholder="Telegram, email ou WhatsApp">
  <label for="f-msg">Votre site et votre besoin</label>
  <textarea id="f-msg" name="message" rows="4" maxlength="2000" placeholder="Lien vers le site et quelques mots sur le besoin. Pas encore de site - décrivez le projet."></textarea>
  <input type="text" name="website" tabindex="-1" autocomplete="off" style="position:absolute;left:-9999px" aria-hidden="true">
  <button type="submit">Envoyer la demande</button>
  <p id="vg-form-status" style="margin-top:12px;color:var(--muted)"></p>
</form>

<p style="color:var(--muted);font-size:14px;margin-top:14px">
Nous répondons sous 1 jour ouvrable. Pour nous contacter, Telegram, email ou WhatsApp - comme vous préférez.
</p>
</article>

<aside class="rail">
  <div class="rail__box">
    <p class="rail__label">Contact direct</p>
    <p style="margin:0 0 10px"><strong>Téléphone</strong><br><a href="tel:+375447279136">+375 (44) 727-91-36</a></p>
    <p style="margin:0 0 10px"><strong>Adresse</strong><br><a href="https://maps.google.com/?q=ул.+17+Сентября+11,+Зельва,+Гродненская+область,+Беларусь" target="_blank" rel="noopener">rue 17 Septembre, 11, Zelva, région de Grodno, Biélorussie</a></p>
    <p style="margin:0"><strong>Email</strong><br><svg xmlns="http://www.w3.org/2000/svg" width="160" height="19" viewBox="0 0 160 19" role="img" aria-label="электронная почта" style="vertical-align:middle"><text x="0" y="15" font-family="-apple-system,'Segoe UI',Roboto,sans-serif" font-size="15" font-weight="500" fill="#2331a8">vo@voiceguide.pro</text></svg></p>
  </div>
</aside>

</div>
</div>

<script>
(function(){
  var f=document.getElementById('vg-contact'), s=document.getElementById('vg-form-status');
  var renderedAt=Date.now()/1000; // seconds, for time-to-submit guard
  f.addEventListener('submit',function(e){
    e.preventDefault();
    var payload={
      fields:{ name:f.name.value.trim(), email:f.email.value.trim(), message:f.message.value.trim() },
      website:f.website.value,
      rendered_at:renderedAt,
      idempotency_key:'vg-'+Math.round(renderedAt)+'-'+Math.round(performance.now())
    };
    s.textContent='Envoi en cours…';
    fetch('/api/forms/voiceguide/contact',{method:'POST',headers:{'Content-Type':'application/json'},body:JSON.stringify(payload)})
      .then(function(r){return r.json().then(function(d){return {ok:r.ok,d:d};});})
      .then(function(res){
        if(res.ok && res.d && res.d.ok){ f.reset(); renderedAt=Date.now()/1000;
          window.__vgFormSubmitted=true;  // let the voice guide know the form was submitted
          f.style.display='none';         // remove the form so there's no "sent / not sent?" confusion
          var ok=document.createElement('div'); ok.className='card';
          ok.style.cssText='text-align:center;background:#eef0fb;border-color:#c9cef0';
          ok.innerHTML='<div style="font-size:38px;line-height:1">✅</div><strong style="font-size:20px;color:#2331a8">Demande envoyée !</strong><p style="color:#2a3050;margin:10px 0 0">Merci. Nous vous contacterons dans les plus brefs délais.</p>';
          f.parentNode.insertBefore(ok, f); }
        else { s.style.cssText='margin-top:12px;color:#c0403a;font-weight:500'; s.textContent=(res.d&&res.d.message)||'Échec de l\'envoi, veuillez réessayer.'; }
      })
      .catch(function(){ s.textContent='Réseau indisponible, veuillez réessayer plus tard.'; });
  });
})();
</script>

---