/* Sections below hero + modal + tweaks panel */ function Hero({ headline, onJoinWaitlist }) { return (
Now piloting · looking for more agents to try us out

{headline.split(" ").slice(0, -2).join(" ")}{" "} {headline.split(" ").slice(-2).join(" ")}

Activus reads an agent's calendar and inbox and classifies what they actually do to show info that clients can really trust. { e.preventDefault(); const el = document.getElementById('story'); if (el) window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - 20, behavior: 'smooth' }); }} style={{ color: "var(--accent-ink)", textDecoration: "underline", textDecorationThickness: "1px", textUnderlineOffset: "3px", cursor: "pointer" }}>It's GitHub, but for real estate.

reads Calendar + Email · read-only · never shared without your approval
scroll to explore ↓
); } function ClientViewSection({ gridStyle, showDealColors }) { return (
// WHAT YOUR CLIENTS SEE

A live, verified view of an agent. Click any house.

); } Object.assign(window, { ClientViewSection }); /* ---------- Feature strip (three-column) ---------- */ function FeatureStrip() { const items = [ { k: "01", t: "The invisible hours", b: "MLS shows closed deals, months later. Social shows marketing. Everything in between — the tours, the builder calls, the pre-construction deposits, the 2am follow-ups, lives only in your inbox.", }, { k: "02", t: "Specialization, in evidence", b: "A pre-construction specialist and a luxury re-sale agent look identical on a billboard. Activus surfaces what kind of agent you actually are, by property type, deal type, area, and client fit.", }, { k: "03", t: "A profile that earns trust", b: "Share a link at your listing presentation. Clients see 487 verified activities, 14 builder relationships, a repeat-client rate in the top quartile — not a 5-star average from five of your friends.", }, ]; return (
// WHAT'S BROKEN

MLS is a scoreboard. We show the game.

{items.map(it => (
{it.k}
{it.t}
{it.b}
))}
); } /* ---------- How it works: 3 steps, visual ---------- */ function Step({ n, title, blurb, children }) { return (
STEP {n}

{title}

{blurb}

{n === "02" && (
→ agent activity in real time · clients never see raw event data
)}
{children}
); } function StepConnect() { return (
$ activus connect
{[ ["Google Calendar", "connected", true], ["Gmail", "connected", true], ["Follow Up Boss (coming soon!)", "optional", false], ["ShowingTime (coming soon!)", "optional", false], ].map(([n, s, ok]) => (
{n}
{s}
))}
// read-only scopes · we never send, modify, or delete
); } function StepClassify() { const rows = [ ["10:30am · Tour · 142 Bedford Rd", "precon", "Tridel · Bloor & Avenue launch"], ["12:00pm · Consultation", "resale", "buyer · downsizer · $1.8M"], ["2:15pm · Builder meeting", "precon", "Mattamy · VIP platinum access"], ["4:00pm · Client retention", "luxury", "follow-up · past client · Forest Hill"], ]; return (
tuesday · apr 14
agent view · private
4 events classified
{rows.map(([label, type, sub], i) => (
{label}
{sub}
{type}
))}
); } function StepShare() { return (
activusai.com/sarahchen
{[["views", "1,284"], ["shares", "47"], ["signed", "9"]].map(([l, v]) => (
{v}
{l.toUpperCase()}
))}
// drop your link in listing presentations, email signatures, or IG bio
); } function HowSection() { return (
// HOW IT WORKS

Three minutes to connect. A lifetime of work, finally visible.

); } /* ---------- Agents section with quotes ---------- */ function AgentQuote({ quote, role, city }) { return (
{role} · {city}
"{quote}"
); } function AgentsSection() { return (
// FROM PILOT AGENTS

Agents know their worth. Now clients can too.

); } /* ---------- Our story (what is GitHub + founders) ---------- */ function OurStory() { return (
// WAIT — WHAT'S A GITHUB?

The little green squares tech hires by.

GitHub is where software engineers save their work. Every time they fix a bug or ship a feature, it shows up as a little square on a public calendar. Over the years, that grid becomes a visible track record — a signal any recruiter, founder, or client can read at a glance.

In tech, this is now table stakes. You don't say you're a great engineer, your contributions say it for you. Real estate has no such thing. We're building it.

// WHO'S BUILDING THIS

Two brothers, one real estate office.

We're students working in tech who grew up in a real estate office. We spent years watching great agents lose leads to flashier ones, and clients pick the loudest name on a billboard instead of the right person for their deal.

In the tech world we saw how GitHub's contribution graph built transparency and credibility almost overnight. We want to bring that same clarity — the kind that lets real work speak for itself — to the industry that raised us.

); } /* ---------- FAQ ---------- */ function FAQItem({ q, a }) { const [open, setOpen] = useState(false); return (
{open &&
{a}
}
); } function FAQ() { const items = [ ["Is my calendar and email safe?", "Read-only OAuth scopes. We never modify, send, or delete. You can revoke access any time. Events are classified in aggregate, raw content never appears on your public profile."], ["What if a client's name shows up?", "It doesn't. Profiles show patterns, counts, and aggregates, never names, addresses, or thread content. You always have the option to review everything and make corrections to what we've shared."], ["How is this different from MLS or Zillow?", "MLS shows closed deals after the fact. Zillow shows reviews and paid placement. Activus shows the pre-close work: what you actually do, who you work with, what you specialize in, which is where agent quality lives."], ["Can I game the system?", "We always cross-confirm, a tour isn't just a calendar event, it's a calendar event + address + client thread + follow-up. Faking one signal is possible. Faking agent confluence is not."], ["What does it cost?", "Flat monthly subscription. Cheaper than a single billboard placement."], ]; return (
// FAQ

Questions, honestly answered.

{items.map(([q, a]) => )}
); } /* ---------- CTA ---------- */ function CTA({ onJoinWaitlist }) { return (

The billboards are loud. Let your work speak.

{"\n"}

); } /* ---------- Footer ---------- */ function Footer() { return (
© 2026 Activus AI · Toronto
); } /* ---------- Waitlist modal (email-only, compact) ---------- */ function WaitlistModal({ open, onClose }) { const [submitted, setSubmitted] = useState(false); const [email, setEmail] = useState(""); const turnstileRef = useRef(null); const widgetIdRef = useRef(null); useEffect(() => { if (!open || submitted) return; let cancelled = false; const tryRender = () => { if (cancelled) return; const ts = window.turnstile; const el = turnstileRef.current; if (!ts || !el) { setTimeout(tryRender, 120); return; } if (widgetIdRef.current !== null) { try { ts.remove(widgetIdRef.current); } catch (e) {} widgetIdRef.current = null; } try { widgetIdRef.current = ts.render(el, { sitekey: "0x4AAAAAAC_3pM9tfi4ly_be", language: "en", }); } catch (e) { /* already rendered */ } }; tryRender(); return () => { cancelled = true; const ts = window.turnstile; if (ts && widgetIdRef.current !== null) { try { ts.remove(widgetIdRef.current); } catch (e) {} } widgetIdRef.current = null; }; }, [open, submitted]); if (!open) return null; return (
e.stopPropagation()} style={{ background: "var(--paper)", borderRadius: 14, maxWidth: 400, width: "100%", border: "1px solid var(--line-2)", boxShadow: "0 30px 80px -20px rgba(26,23,20,0.35)", overflow: "hidden", animation: "popIn 0.22s ease-out", }}>

Join the waitlist

{submitted ? (
You're on the list.
We'll email you when a pilot spot opens.
) : ( <>
{ const ts = window.turnstile; const token = ts && widgetIdRef.current !== null ? ts.getResponse(widgetIdRef.current) : null; if (!token) { e.preventDefault(); alert("Please complete the captcha before submitting."); return; } setTimeout(() => setSubmitted(true), 800); }} style={{ marginTop: 14, display: "flex", flexDirection: "column", gap: 10 }} > setEmail(e.target.value)} placeholder="you@brokerage.com" autoFocus style={{ ...inputStyle, padding: "12px 14px", fontSize: 15, }} />
)}
); } const inputStyle = { border: "1px solid var(--line-2)", borderRadius: 7, padding: "10px 12px", background: "var(--paper-2)", fontSize: 14, fontFamily: "Inter, sans-serif", color: "var(--ink)", outline: "none", width: "100%", }; /* ---------- Tweaks panel ---------- */ function TweaksPanel({ active, tweaks, update }) { if (!active) return null; return (
// TWEAKS
Color by deal type
Accent hue · {tweaks.accentHue}
update({ accentHue: Number(e.target.value) })} style={{ width: "100%", accentColor: "var(--accent)" }} />
); } Object.assign(window, { Hero, FeatureStrip, HowSection, AgentsSection, OurStory, FAQ, CTA, Footer, WaitlistModal, TweaksPanel });