Request a Wholesale Quote from LANGMAI

<form class="b2b-inquiry-form" method="post" action="/api/inquiry">
  <label>Name *<input name="name" required placeholder="Your full name"></label>
  <label>Email *<input type="email" name="email" required placeholder="buyer@example.com"></label>
  <label>Phone *<input type="tel" name="phone" required pattern="^[+()0-9\s-]{7,24}$" placeholder="+1 555 123 4567"></label>
  <label>Company<input name="company" placeholder="Company name"></label>
  <label>Country / Region<input name="country" placeholder="United States, Germany, UAE..."></label>
  <label>Product Requirement<input name="product" placeholder="Cupcake liners, paper baking cups, air fryer liners..."></label>
  <label>Message<textarea name="message" placeholder="Size, quantity, custom print, target market..." rows="5"></textarea></label>
  <input class="hp-field" name="website" tabindex="-1" autocomplete="off">
  <button type="submit">Submit Inquiry</button>
</form>

import { useState } from "react";

export function B2BInquiryForm() {
  const [status, setStatus] = useState("idle");
  async function onSubmit(event) {
    event.preventDefault();
    const form = event.currentTarget;
    if (!form.checkValidity()) {
      form.reportValidity();
      return;
    }
    setStatus("submitting");
    const payload = Object.fromEntries(new FormData(form).entries());
    try {
      const res = await fetch("/api/inquiry", {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify(payload)
      });
      if (!res.ok) throw new Error("Submit failed");
      setStatus("success");
      form.reset();
    } catch {
      setStatus("error");
    }
  }
  return <form onSubmit={onSubmit}>{/* fields match the HTML template */}</form>;
}