# contact

title: "Kontakt VoiceGuide"
description: "Hinterlassen Sie eine Anfrage – wir erklären Ihnen, wie Sie den Sprachassistenten auf Ihrer Website einbinden."
---

<div class="vg-article">

<nav class="crumbs" aria-label="Breadcrumbs">
  <a href="/">Startseite</a><span>/</span><span style="color:var(--muted)">Kontakt</span>
</nav>

<header class="chero">
  <span class="eyebrow">Kontakt</span>
  <h1 class="chero__title">Anfrage stellen</h1>
  <p class="chero__lead">Erzählen Sie uns von Ihrer Website und Ihrer Aufgabe – wir beraten Sie, ob VoiceGuide geeignet ist und wie Sie es einbinden können.</p>
</header>

<div class="layout">

<article class="article">
<p class="lede">Schreiben Sie ein paar Worte zu Ihrer Website und Ihrer Aufgabe – wir antworten innerhalb eines Werktages und beraten Sie, ob der Sprachassistent für Sie geeignet ist. Falls Sie noch keine Website haben, beschreiben Sie einfach Ihr Projekt – wir finden gemeinsam eine Lösung.</p>

<form id="vg-contact" class="card" autocomplete="on">
  <label for="f-name">Name</label>
  <input id="f-name" name="name" type="text" required maxlength="120">
  <label for="f-contact">E-Mail oder Messenger für die Kontaktaufnahme</label>
  <input id="f-contact" name="email" type="text" required maxlength="180" placeholder="Telegram, E-Mail oder WhatsApp">
  <label for="f-msg">Ihre Website und Aufgabe</label>
  <textarea id="f-msg" name="message" rows="4" maxlength="2000" placeholder="Link zur Website und ein paar Worte zur Aufgabe. Noch keine Website? Beschreiben Sie das Projekt."></textarea>
  <input type="text" name="website" tabindex="-1" autocomplete="off" style="position:absolute;left:-9999px" aria-hidden="true">
  <button type="submit">Anfrage senden</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">
Wir antworten innerhalb eines Werktages. Für die Kontaktaufnahme eignet sich Telegram, E-Mail oder WhatsApp – ganz wie es Ihnen passt.
</p>
</article>

<aside class="rail">
  <div class="rail__box">
    <p class="rail__label">Direkter Kontakt</p>
    <p style="margin:0 0 10px"><strong>Telefon</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=ul.+17+Sentyabrya+11,+Zelva,+Grodno+Region,+Belarus" target="_blank" rel="noopener">ul. 17 Sentyabrya, 11, Zelva, Grodno Region, Belarus</a></p>
    <p style="margin:0"><strong>E-Mail</strong><br><svg xmlns="http://www.w3.org/2000/svg" width="160" height="19" viewBox="0 0 160 19" role="img" aria-label="E-Mail" 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='Sende…';
    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">Anfrage gesendet!</strong><p style="color:#2a3050;margin:10px 0 0">Vielen Dank. Wir werden uns in Kürze bei Ihnen melden.</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)||'Senden fehlgeschlagen, bitte versuchen Sie es erneut.'; }
      })
      .catch(function(){ s.textContent='Netzwerk nicht verfügbar, bitte versuchen Sie es später erneut.'; });
  });
})();
</script>

---