/* Chameleon Space — sections A: hero, mission, vision, values. */ const CSA = window.ChameleonSpaceDesignSystem_1abbe1; const { Button: BtnA, Badge: BadgeA, Eyebrow: EyebrowA, Card: CardA, Input: InputA } = CSA; /* ---------- LAUNCH EMAIL CAPTURE (low-friction conversion) ---------- */ function LaunchSignup() { const [done, setDone] = React.useState(false); const [sending, setSending] = React.useState(false); const [error, setError] = React.useState(""); const started = React.useRef(false); const onFirstFocus = () => { if (started.current) return; started.current = true; (window.dataLayer = window.dataLayer || []).push({ event: "waitlist_start", form_id: "launch_notify" }); }; const submit = async (e) => { e.preventDefault(); if (sending) return; const fd = new FormData(e.target); const first_name = (fd.get("first_name") || "").toString().trim(); const last_name = (fd.get("last_name") || "").toString().trim(); const email = (fd.get("email") || "").toString().trim(); const cs_hp = (fd.get("cs_hp") || "").toString(); if (!first_name) { setError("Add your first name."); return; } if (!last_name) { setError("Add your last name."); return; } if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) { setError("Enter a valid email."); return; } setError(""); setSending(true); try { const res = await fetch("/api/notify", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ first_name, last_name, email, cs_hp }), }); const data = await res.json().catch(() => ({})); if (!res.ok) throw new Error(data.error || "Something went wrong on our end."); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: "waitlist_signup", form_id: "launch_notify" }); setDone(true); } catch (err) { setError((err && err.message) || "Couldn’t sign you up just now. Try again."); } finally { setSending(false); } }; if (done) { return (
You’re on the list.
We’ll email you the moment we launch — and invite you to come see the space at our first events.
); } return (
{sending ? "Sending…" : "Find out when we launch"}
{/* Honeypot */} {error ? (
{error}
) : null}
); } /* ---------- HERO ---------- */ function Hero({ skinName, SkinSwitcher, onApply }) { // Hero headline A/B test (50/50, sticky per visitor via localStorage). The // chosen variant is pushed to the dataLayer so conversions can be segmented // by variant in GA4/GTM. To end the test, hard-code `variant` to the winner. const [variant] = React.useState(() => { try { let v = localStorage.getItem("cs_hero_v"); if (v !== "A" && v !== "B") { v = Math.random() < 0.5 ? "A" : "B"; localStorage.setItem("cs_hero_v", v); } return v; } catch (e) { return "A"; } }); React.useEffect(() => { (window.dataLayer = window.dataLayer || []).push({ event: "experiment_view", experiment: "hero_headline", variant }); }, [variant]); const hl = { background: "linear-gradient(var(--accent), var(--accent)) no-repeat", backgroundSize: "100% 0.74em", backgroundPosition: "0 0.16em", color: "var(--ink)", padding: "0 .1em", WebkitBoxDecorationBreak: "clone", boxDecorationBreak: "clone" }; return (
An intentional members club in Gainesville

{variant === "B" ? ( A coworking club for Gainesville’s makers, remote workers, and dreamers. ) : ( A space that changes shape for the people who fill it. )}

A members club for Gainesville with gig-up, gig-down GRU fiber — where work, making, and good company share one roof.

Founding members are moving in now — and we’re hosting our first events so you can come see the space.
Ready to commit? Apply to join →
Change our colors →
Chameleon Space
// Founding members · now
Opening in phases
); } /* ---------- MISSION ---------- */ function Mission() { return (
Our mission

A home for your work, and the life around it.

Chameleon Space exists to give Gainesville a place to belong while you make the things you care about. Work, making, learning, and plain old gathering, all under one roof, chosen on purpose and tended with care. Not a desk farm. Not a coffee shop you tolerate. A place for people who would rather not go it alone.

); } /* ---------- VISION (ink ground) ---------- */ function Vision() { return (
Our vision

Where “I work from home” stops meaning “I work alone.”

We picture a Gainesville where your most ambitious project and your most ordinary Tuesday both have a home. Where the people you sit near become the people you root for. Where a space can be quiet and focused in the morning and full of laughter by night, and shift to fit whatever the day asks of it. We are building toward that, one intentional welcome at a time.

); } /* ---------- WHAT WE’RE ABOUT (values) ---------- */ const VALUES = [ { tab: "Value 01", icon: "ph-hand-heart", name: "Intentional", body: "We read every application and share a coffee before anyone joins. Not to keep good people out, but to keep the space kind, curious, and generous. The choosing is the point." }, { tab: "Value 02", icon: "ph-arrows-out-cardinal", name: "Adaptive", body: "Morning light and quiet keyboards. Afternoon laughter and a whiteboard covered in somebody’s wild idea. Evening string lights and a potluck that smells like five different grandmothers. The space reshapes around whoever is in it \u2014 which is the whole reason we named it Chameleon." }, { tab: "Value 03", icon: "ph-confetti", name: "More than work", body: "Bring your spreadsheet or bring your embroidery hoop. Come to crush a deadline or come to lose a board game badly. The hobbies and the Tuesday-night nonsense are not a break from the good stuff. They are half the good stuff." }, ]; function Values() { return (
{VALUES.map((v, i) => (

{v.name}

{v.body}

 ))}
); } Object.assign(window, { Hero, Mission, Vision, Values });