import React, { useState } from "react";
/**
* EQUITY CHECK LANDING PAGE
* Framework: React (single-file component)
* Styling: TailwindCSS (utility-first, minimalist)
* Components: simple native elements (no external dependencies required)
*
* HOW TO USE
* 1) Drop this file into any React app and set it as the route/page.
* 2) Wire submitForm() to your backend, Formspree, HubSpot, Airtable, etc.
* 3) Replace COMPANY + LEGAL details at the bottom with your exact brokerage/licensing copy.
* 4) Optional: add UTM capture by reading window.location.search inside handleSubmit.
*/
export default function EquityCheckLanding() {
const [submitting, setSubmitting] = useState(false);
const [success, setSuccess] = useState(false);
const [error, setError] = useState("");
// ---- CONFIG ----
const BRAND = {
primary: "#000000", // BLACK
secondary: "#44494e", // CHARCOAL
background: "#ffffff", // WHITE
};
async function submitForm(payload) {
// TODO: Replace with your real submission handler.
// Examples:
// - POST to your API: await fetch("/api/equity-check", { method: "POST", headers: {"Content-Type":"application/json"}, body: JSON.stringify(payload) })
// - Formspree: await fetch("https://formspree.io/f/xxxxxxxx", { ... })
// - HubSpot / Zapier / Airtable webhook
await new Promise((r) => setTimeout(r, 900)); // simulate network
return { ok: true };
}
function getUTMs() {
