Bolt

Build a portfolio site with a contact form. The form should POST to
https://api.formbnb.com/f/MY_ORG/contact using fetch.
Include name, email, and message fields.
Add a hidden input named _gotcha with display:none for spam protection.
Show a success message after submission.

Create a SaaS landing page with a hero section, features grid, and
a waitlist email capture form. The form should POST to
https://api.formbnb.com/f/MY_ORG/waitlist using AJAX.
Add _gotcha honeypot. Show "You're on the list!" on success.

Build a freelancer portfolio with a contact page. The contact form
should POST to https://api.formbnb.com/f/MY_ORG/contact with
enctype="multipart/form-data". Include name, email, message, and
a file upload for project briefs (accept PDF and DOCX).
Add _gotcha spam protection.

Create a customer portal with three forms:
1. Support form → POST to https://api.formbnb.com/f/MY_ORG/support
2. Feedback form → POST to https://api.formbnb.com/f/MY_ORG/feedback
3. Bug report form → POST to https://api.formbnb.com/f/MY_ORG/bugs

All forms should use AJAX, show loading spinners, and display
success/error messages. Include _gotcha on all forms.

const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
  e.preventDefault();
  setLoading(true);

  try {
    const res = await fetch("https://api.formbnb.com/f/YOUR_ORG/YOUR_FORM", {
      method: "POST",
      body: new FormData(e.currentTarget),
      headers: { Accept: "application/json" },
    });

    if (res.ok) {
      setSuccess(true);
      e.currentTarget.reset();
    } else {
      setError("Something went wrong");
    }
  } catch {
    setError("Network error");
  } finally {
    setLoading(false);
  }
};