/* Helm — Prelaunch page */
const { useState } = React;
/* ============================================================
Nav
============================================================ */
function PrelaunchNav() {
return (
);
}
/* ============================================================
Email form
============================================================ */
function EmailForm() {
const [email, setEmail] = useState("");
const [submitted, setSubmitted] = useState(false);
const [error, setError] = useState("");
const [hover, setHover] = useState(false);
async function handleSubmit(e) {
e.preventDefault();
if (!email || !email.includes("@")) {
setError("Enter a valid email.");
return;
}
setError("");
try {
const res = await fetch("https://zyrxun--4209f72a5edc11f1a9731607ee4eb77e.web.val.run", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({ email }),
});
if (!res.ok) throw new Error("server error");
setSubmitted(true);
} catch {
setError("Something went wrong. Try again.");
}
}
if (submitted) {
return (
You're on the list.
);
}
return (
);
}
/* ============================================================
Teaser cards
============================================================ */
const TEASERS = [
{
title: "Menu bar native.",
body: "No Dock icon. No splash. Helm lives where power users already look — one click from the wheel.",
},
{
title: "One click. Your stack.",
body: "Apps, tabs, files, terminal sessions, and focus modes — all configured, all at once.",
},
{
title: "Local and private.",
body: "Workflows live in plain JSON on your machine. Your data never leaves your machine.",
},
];
/* ============================================================
How it works
============================================================ */
const STEPS = [
{ id: "01", title: "Configure once", body: "Define a workflow. Apps, tabs, files, focus mode. Plain JSON." },
{ id: "02", title: "Click the wheel", body: "Helm sits in your menu bar. One click reveals your workflows." },
{ id: "03", title: "Your stack opens", body: "Apps launch. Tabs load. Files open. State preserved." },
{ id: "04", title: "Take the wheel", body: "Switch contexts in seconds. No Dock dance. No tab graveyard." },
];
function HowItWorks() {
return (