Lovable

Build a landing page for a SaaS product. Include a waitlist form that
submits to https://api.formbnb.com/f/MY_ORG/waitlist using POST.
Add a honeypot field named _gotcha (hidden) for spam protection.
Show a success message after submission without page reload.

Create a contact page with a form. The form should POST to
https://api.formbnb.com/f/MY_ORG/contact using fetch with FormData.
Include name, email, and message fields. Add a hidden _gotcha field
for spam protection. Show "Message sent!" on success.

Build a hero section with an email capture form. Submit to
https://api.formbnb.com/f/MY_ORG/waitlist via AJAX POST.
Include a hidden _gotcha field. Show a thank-you message on success.
Track UTM parameters by adding hidden _utm_source and _utm_campaign fields.

Create a customer support app with:
1. A contact form that POSTs to https://api.formbnb.com/f/MY_ORG/contact
2. A bug report form that POSTs to https://api.formbnb.com/f/MY_ORG/bugs
3. A feature request form that POSTs to https://api.formbnb.com/f/MY_ORG/features

All forms should use AJAX submission, show loading states, and display
success messages. Include _gotcha honeypot fields on all forms.

async function handleSubmit(e: React.FormEvent<HTMLFormElement>) {
  e.preventDefault();
  setStatus("sending");

  const formData = new FormData(e.currentTarget);

  try {
    const res = await fetch("https://api.formbnb.com/f/YOUR_ORG/YOUR_FORM", {
      method: "POST",
      body: formData,
      headers: { Accept: "application/json" },
    });
    setStatus(res.ok ? "success" : "error");
    if (res.ok) e.currentTarget.reset();
  } catch {
    setStatus("error");
  }
}