The Backend for Your Frontend Forms

// React / Next.js Example
import { useState } from "react";

export const useQbixMail = () => {
  const [loading, setLoading] = useState(false);
  const [success, setSuccess] = useState(false);
  const [error, setError] = useState(null);

  const submit = async (formData) => {
    setLoading(true);
    setError(null);
    try {
      const response = await fetch("https://api.qbixlabs.com/send", {
        method: "POST",
        headers: {
          "Content-Type": "application/json",
          "ql-api-key": "[YOUR_API_KEY]",
        },
        body: JSON.stringify(formData),
      });
      const result = await response.json();
      if (!response.ok) throw new Error(result.error || "Failed to send");
      setSuccess(true);
      return true;
    } catch (err) {
      setError(err.message);
      return false;
    } finally {
      setLoading(false);
    }
  };

  return { submit, loading, success, error };
};