Serverless Contact Forms,
Effortlessly Managed

const response = await fetch('https://12mse3zde5.execute-api.ap-south-1.amazonaws.com/Prod/submit', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
    'X-Api-Key': 'your-api-key'
  },
  body: JSON.stringify({
    form_id: 'contact-us',
    name: 'Jane Doe',
    email: 'jane@example.com',
    message: 'I love FormBridge!'
  })
});

const data = await response.json();
console.log('Submission ID:', data.id);

<form id="contact-form">
  <input type="hidden" name="form_id" value="contact-us">
  <input type="text" name="name" placeholder="Your Name" required>
  <input type="email" name="email" placeholder="Your Email" required>
  <textarea name="message" placeholder="Message" required></textarea>
  <button type="submit">Submit</button>
</form>

<script src="js/formbridge.js"></script>
<script>
  document.getElementById('contact-form').addEventListener('submit', async (e) => {
    e.preventDefault();
    const formData = new FormData(e.target);
    await new FormBridge().submitForm(Object.fromEntries(formData));
    e.target.reset();
  });
</script>