function SiteSignup() {
return (
{/* Aurora wash */}
— Two doors in —
Shaping the future of immersive play.
Whether you play or you make games — we'd love you in early.
Pick your door below. Invites ship in cohorts.
{/* Reassurance row */}
No spam · we email once a cohort
Beta is free · headset required
Developer enquiries reviewed weekly
);
}
function ReassureItem({ children }) {
return (
{children}
);
}
/* ──────────────────────────────────────────────────────────
BETA CARD — players · cyan accent
────────────────────────────────────────────────────────── */
function BetaCard() {
const [email, setEmail] = React.useState("");
const [headset, setHeadset] = React.useState("Quest 3");
const [referrer, setReferrer] = React.useState("");
const [submitted, setSubmitted] = React.useState(false);
const [sending, setSending] = React.useState(false);
const [error, setError] = React.useState("");
const handle = async (e) => {
e.preventDefault();
if (!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email)) {
setError("That doesn't look like an email.");
return;
}
setError("");
setSending(true);
try {
await window.PSForms.send("beta", {
email: email,
headset: headset,
heard_about_us: referrer || "—",
});
setSubmitted(true);
} catch (err) {
setError(err.message || "Couldn't send just now — please try again in a moment.");
}
setSending(false);
};
return (
// 01 · PLAYERS
BATA TEST COHORT 2026
Play it first.
Beta tester.
Bring your headset, your friends, and your couch. We ship
invites monthly and listen to every bug report like it's
a love letter.
{!submitted ? (
) : (
)}
);
}
/* ──────────────────────────────────────────────────────────
STUDIO CARD — designers/producers · purple accent
────────────────────────────────────────────────────────── */
function StudioCard() {
const [email, setEmail] = React.useState("");
const [studio, setStudio] = React.useState("");
const [project, setProject] = React.useState("");
const [stage, setStage] = React.useState("In print");
const [submitted, setSubmitted] = React.useState(false);
const [sending, setSending] = React.useState(false);
const [error, setError] = React.useState("");
const handle = async (e) => {
e.preventDefault();
if (!/^[^@\s]+@[^@\s]+\.[^@\s]+$/.test(email)) {
setError("That doesn't look like an email.");
return;
}
if (studio.trim().length < 2) {
setError("Tell us who you are — even a working name is fine.");
return;
}
setError("");
setSending(true);
try {
await window.PSForms.send("developer", {
email: email,
studio_or_publisher: studio,
game: project || "—",
stage: stage,
});
setSubmitted(true);
} catch (err) {
setError(err.message || "Couldn't send just now — please try again in a moment.");
}
setSending(false);
};
return (
// 02 · DEVELOPERS
STUDIOS · PUBLISHERS · DESIGNERS
Bring your game.
To Playseer.
Want your game on Playseer? Tell us what you make and who
plays it. White-glove onboarding, direct line to engineering —
we build it with you.
{!submitted ? (
) : (
)}
);
}
/* ── Small subcomponents ── */
function Field({ label, children }) {
return (
);
}
function SelectChips({ options, value, onChange, accent }) {
const accentBorder = accent === "cyan"
? "rgba(0,212,255,0.55)" : "rgba(196,77,255,0.55)";
const accentBg = accent === "cyan"
? "rgba(0,212,255,0.08)" : "rgba(196,77,255,0.08)";
const accentColor = accent === "cyan"
? "var(--ps-cyan)" : "var(--ps-magenta)";
return (
{options.map((opt) => {
const on = opt === value;
return (
);
})}
);
}
function SuccessState({ accent, title, body, next }) {
const accentColor = accent === "cyan" ? "var(--ps-cyan)" : "var(--ps-magenta)";
return (
{body}
{next.map((n, i) => (
{`0${i+1}`}
{n}
))}
);
}
window.SiteSignup = SiteSignup;