// Calculator — Opendoor-structured: Net Proceeds card (silver/metallic) on left, // stacked cost line items on right. Plus a "Lock in your offer" capture form below the card // with address + bed/bath/sqft + condition + days-to-sell (fast-sell premium emphasized). const { useState, useMemo } = React; const fmt = (n) => "$" + Math.round(n).toLocaleString(); const CostLine = ({ title, description, mode, setMode, dollars, percent, salePrice, onPctChange, onDollarChange, allowToggle = true }) => { const computedDollars = mode === "%" ? Math.round(salePrice * (percent / 100)) : dollars; const computedPercent = mode === "$" && salePrice > 0 ? ((dollars / salePrice) * 100) : percent; return (

{title}

{description}

{mode === "%" ? ( <> onPctChange(Number(e.target.value) || 0)} className="ehc-input" /> % {allowToggle && {fmt(computedDollars)}} ) : ( <> $ onDollarChange(Number(e.target.value) || 0)} className="ehc-input" /> {allowToggle && salePrice > 0 && {computedPercent.toFixed(1)}%} )}
{allowToggle && (
)}
e.preventDefault()}>Learn more
); }; const Calculator = () => { const [salePrice, setSalePrice] = useState(200000); const [agent, setAgent] = useState({ pct: 6, dol: 12000, mode: "%" }); const [staging, setStaging] = useState({ pct: 4, dol: 8000, mode: "%" }); const [concessions, setConcessions] = useState({ pct: 2, dol: 4000, mode: "%" }); const [overlap, setOverlap] = useState({ pct: 2, dol: 3500, mode: "$" }); const [titleEscrow, setTitleEscrow] = useState({ pct: 3, dol: 6000, mode: "%" }); const [repairs, setRepairs] = useState({ pct: 0, dol: 10000, mode: "$" }); const [mortgage, setMortgage] = useState(0); // Capture form const [address, setAddress] = useState(""); const [beds, setBeds] = useState(3); const [baths, setBaths] = useState(2); const [sqft, setSqft] = useState(1800); const [condition, setCondition] = useState("good"); // rehab | fair | good | great const [daysToSell, setDaysToSell] = useState(14); const [submitted, setSubmitted] = useState(false); const [submitting, setSubmitting] = useState(false); // GoHighLevel webhook URL — swap with the live endpoint when ready. // Set to null to skip the network call (form will still show success). const GHL_WEBHOOK_URL = window.__EHB_GHL_WEBHOOK || null; const CALLBACK_PHONE = "888-379-6263"; const CALLBACK_PHONE_DISPLAY = "(888) 379-6263"; const handleSubmit = async () => { if (!address.trim() || submitting) return; setSubmitting(true); const payload = { source: "elite-home-bids:calculator", submittedAt: new Date().toISOString(), address, beds, baths, sqft, condition, daysToSell, salePrice, costs: { agentFees: { mode: agent.mode, percent: agent.pct, dollars: agentD }, stagingPrep: { mode: staging.mode, percent: staging.pct, dollars: stagingD }, sellerConcessions: { mode: concessions.mode, percent: concessions.pct, dollars: concessD }, ownershipOverlap: { mode: overlap.mode, percent: overlap.pct, dollars: overlapD }, titleEscrow: { mode: titleEscrow.mode, percent: titleEscrow.pct, dollars: titleD }, repairs: { dollars: repairsD }, mortgagePayoff: mortgage, totalCosts, }, netProceeds, fastSellPremiumPct: fastSellPremium * 100, }; if (GHL_WEBHOOK_URL) { try { await fetch(GHL_WEBHOOK_URL, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(payload), mode: "no-cors", }); } catch (e) { console.warn("[EHB] GHL submit failed", e); } } else { console.log("[EHB] Lock-in submission (GHL webhook not set):", payload); } setSubmitting(false); setSubmitted(true); }; const resolve = (line) => line.mode === "%" ? Math.round(salePrice * (line.pct / 100)) : line.dol; const agentD = resolve(agent), stagingD = resolve(staging), concessD = resolve(concessions), overlapD = resolve(overlap), titleD = resolve(titleEscrow), repairsD = resolve(repairs); const totalCosts = agentD + stagingD + concessD + overlapD + titleD + repairsD; const netProceeds = Math.max(0, salePrice - totalCosts - mortgage); // Fast-sell premium estimate const fastSellPremium = useMemo(() => { if (daysToSell <= 7) return 0.06; if (daysToSell <= 14) return 0.04; if (daysToSell <= 30) return 0.02; if (daysToSell <= 45) return 0.005; return 0; }, [daysToSell]); const setLineFactory = (line, set) => ({ setMode: (m) => set({ ...line, mode: m }), onPctChange: (v) => set({ ...line, pct: v, mode: "%" }), onDollarChange: (v) => set({ ...line, dol: v, mode: "$" }), }); return (
Net proceeds
{fmt(netProceeds)}
Home sale price
{fmt(salePrice)}
Total costs to sell
{fmt(totalCosts)}
{!submitted ? ( <>

Enter your home address
to lock in your offer

Two minutes to enter, twenty-four hours to bid. Tell us about your home — we'll match the right buyers.

setAddress(e.target.value)} />
setBeds(Number(e.target.value) || 1)} />
setBaths(Number(e.target.value) || 1)} />
setSqft(Number(e.target.value) || 200)} />
{[ { v: "rehab", l: "Rehab" }, { v: "fair", l: "Fair" }, { v: "good", l: "Good" }, { v: "great", l: "Great" }, ].map((c) => (
setCondition(c.v)}> {c.l}
))}
setDaysToSell(Number(e.target.value))} className="ehc-days-input" style={{ background: `linear-gradient(to right, var(--accent) 0%, var(--accent) ${((daysToSell - 7) / 53) * 100}%, #e7e8ec ${((daysToSell - 7) / 53) * 100}%, #e7e8ec 100%)` }} /> {daysToSell} days
{fastSellPremium > 0 ? ( <> Sellers closing this fast typically net +{(fastSellPremium * 100).toFixed(1)}% over slower sales. ) : ( Faster timelines unlock a competitive premium — try moving to under 45 days. )}
) : (
You're in the queue. The 24-hour buyer window opens at midnight. We'll text you when bids start landing.
Want a call now? Our AI agent is standing by.
{CALLBACK_PHONE_DISPLAY}
)}
The faster you sell, the more you keep. Sellers who close in 7–14 days typically net 4–7% more than those who wait 60+. Adjust the inputs to see your number.

Home sale price

Enter the selling price of your home.

$ setSalePrice(Math.max(0, Number(e.target.value) || 0))} />
See what Elite Home Bids can offer for your home →

Mortgage payoff amount

This is how much it would cost to pay off your mortgage today. Note that this may not be the same as your current balance.

$ setMortgage(Math.max(0, Number(e.target.value) || 0))} />
e.preventDefault()}>Learn more
); }; const calcRoot = ReactDOM.createRoot(document.getElementById("calculator-mount")); calcRoot.render();