);
}
// ─────────────────────────────────────────────────────────────
// HERO
// ─────────────────────────────────────────────────────────────
function Hero({ t, variant }) {
return (
{/* Top nav */}
{/* Sigil */}
a lucid dreaming instrument · est. 2026
where one is the dream.
a soft cue, placed at the threshold. you sleep, and we listen for the
moment your mind begins to dream — then whisper it back to you,
through the wrist.
{/* meta strip */}
Muse S Athena · OSC :5000θ/α adaptive · Bayesianhaptic · 3 × 500 msnight data · never leaves
for most of recorded sleep, the dream arrives unannounced —
a thing that happens to you. Øneiro proposes a different
arrangement: a quiet sentinel at the temporal lobes, a
conversation between two heartbeats and one wristband, and a
door, gently knocked.
— CGX / XINGXERX, founding mariners
);
}
function SectionLabel({ t, children }) {
return (
{children}
);
}
// ─────────────────────────────────────────────────────────────
// MECHANISM — the chain of devices
// ─────────────────────────────────────────────────────────────
function Mechanism({ t }) {
const stages = [
{ num: 'i', name: 'the headband', sub: 'Muse S Athena', body: 'four wet electrodes against the temporal bone. it watches the slow shape of your sleep.' },
{ num: 'ii', name: 'the listener', sub: 'Phase Sync, on your machine', body: 'parses θ and α in real time. waits for the ratio to cross threshold and stay crossed for ten seconds.' },
{ num: 'iii', name: 'the cue', sub: 'a wristband that pulses', body: 'three soft strikes against the skin — short enough to weave into the dream, not wake you from it.' },
{ num: 'iv', name: 'the grimoire', sub: 'on waking, you write', body: 'the cue becomes a tag in your memory. you turn over, reach for the phone, and the dream is still there.' },
];
return (
ii. the mechanism
four quiet devices, in a chain.
{/* connecting line */}
{stages.map((s, i) => (
{s.num}
{s.name}
{s.sub}
{s.body}
))}
);
}
// ─────────────────────────────────────────────────────────────
// LIVE SECTION — desktop window
// ─────────────────────────────────────────────────────────────
function LiveSection({ t }) {
return (
iii. the listener
your dream, graphed.
Phase Sync runs on whatever machine you keep by the bed. it
reads OSC packets at one-second resolution, averages your
two temporal channels, and watches for the θ/α inversion that
accompanies REM.
the threshold is not fixed. a small Bayesian model learns
the shape of your REM, night by night.
);
}
// ─────────────────────────────────────────────────────────────
// TRIGGER MOMENT — full-bleed, slow pulse
// ─────────────────────────────────────────────────────────────
function TriggerMoment({ t }) {
return (
{/* radial pulse */}
{[1,2,3].map(i => (
))}
iv. the cue
✦ rem confirmed · 03:42:11
three small knocks,
on the inside of your wrist.
the haptic is calibrated to enter the dream as a symbol, not a
waking. a low hum. a third heartbeat. a door opening on the
left side of the room. with practice, you learn to recognize
it. and then — oh.
);
}
// ─────────────────────────────────────────────────────────────
// JOURNAL SECTION — phone
// ─────────────────────────────────────────────────────────────
function JournalSection({ t }) {
const phoneIsDark = true; // journal always reads dark in our system regardless of mode
return (
v. the grimoire
the cue, remembered.
when the alarm comes, it comes soft. you reach for the
phone — already lit, already listening. you speak, or you
type, and the entry is timestamped against the cue that
fired forty seconds before you woke.
over weeks, the grimoire builds its own grammar. recurring
rooms, recurring strangers, recurring verbs.
the lucidity score rises. the dreams begin to keep you.
a fragment, recovered
"I knew I was dreaming when the books rearranged
themselves to my gaze. I asked the librarian her name.
She said —"
);
}
// ─────────────────────────────────────────────────────────────
// WAITLIST / CTA
// ─────────────────────────────────────────────────────────────
function Waitlist({ t }) {
const [email, setEmail] = useState('');
const knock = (e) => {
e.preventDefault();
const subject = encodeURIComponent('Øneiro — knock at the door');
const body = encodeURIComponent(
`My sleeping name: ${email || '(left blank)'}\n\nI'd like to be considered for the next cohort.\n`
);
window.location.href = `mailto:oneiro.orieno@gmail.com?subject=${subject}&body=${body}`;
};
return (
vi. enter
the rite is private.
the waitlist is small.
the first cohort receives the wristband, the listener, and
three nights of guided calibration. an NDA is part of the
ceremony.
247 sleepers ahead of you · cohort 03 · summer solstice
);
}
// ─────────────────────────────────────────────────────────────
// FOOTER
// ─────────────────────────────────────────────────────────────
function Footer({ t }) {
return (
);
}
ReactDOM.createRoot(document.getElementById('root')).render();