Use NBForms with Astro

---
---

<form id="nbform" action="https://api.nbforms.com" method="POST">
  <input type="hidden" name="_token" value="YOUR_TOKEN" />
  <label>Name</label>
  <input type="text" name="name" required />
  <label>Email</label>
  <input type="email" name="email" required />
  <label>Message</label>
  <textarea name="message" required></textarea>
  <button type="submit">Send</button>
  <p id="nbsuccess" hidden></p>
</form>

<script>
  const form = document.getElementById('nbform')
  form.addEventListener('submit', async (e) => {
    e.preventDefault()
    const res = await fetch(form.action, { method: 'POST', body: new FormData(form) })
    const data = await res.json()
    if (res.ok) {
      form.hidden = true
      const p = document.getElementById('nbsuccess')
      p.textContent = data.message ?? 'Thanks!'
      p.hidden = false
    }
  })
</script>