The EU form backend you paste once and never maintain.

<form action="https://formhook.app/f/fh_..." method="POST">
  <input type="email" name="email" required>
  <input name="_gotcha" type="text" hidden>
  <input type="hidden" name="_redirect" value="https://example.com/thanks">
  <textarea name="message" required></textarea>
  <button type="submit">Send message</button>
</form>

await fetch("https://formhook.app/f/fh_...", {
  method: "POST",
  headers: { "Content-Type": "application/json" },
  body: JSON.stringify({
    email: "user@example.com",
    message: "Hello",
  }),
});

"use client";

export function ContactForm() {
  async function onSubmit(e: React.FormEvent<HTMLFormElement>) {
    e.preventDefault();
    const data = Object.fromEntries(new FormData(e.currentTarget));
    await fetch("https://formhook.app/f/fh_...", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify(data),
    });
  }

  return (
    <form onSubmit={onSubmit}>
      <input name="email" type="email" required />
      <textarea name="message" required />
      <button>Send message</button>
    </form>
  );
}

curl -X POST https://formhook.app/f/fh_... \
  -H "Content-Type: application/json" \
  -d '{"email":"test@example.com","message":"hi"}'