// hero-variations.jsx — three hero takes const { useState: useStateH, useEffect: useEffectH, useRef: useRefH } = React; // Shared mini-nav used at top of each hero function HeroNav({ compact = false }) { return ( ); } function Wordmark(){ return (
TRAD
); } // ── A · SCHEMATIC ────────────────────────────────────────────────────────── function HeroSchematic({ width = 1280, height = 720 }) { return (
{/* faint grid bg only on right */}
FIG. 01.0 TRADE SPACE EXPLORATION · CUBESAT

Ten thousand
CubeSat designs,
one Pareto front.

Trad searches the full design space of 1U–12U CubeSats — selecting parts from a 4 218-SKU component catalog, propagating requirements through MBSE, and surfacing the configurations that actually close.

NOTIFY ME {/* SEE THE DEMO */}
4 218 · COMPONENTS ~10⁴ · DESIGNS / RUN SysML 1.6 · EXPORT
{/* corner ticker */}
X +118.2 Y −042.6 Z +260.0●LIVE
CONFIG · TR-1042 · OPT
{/* bottom status bar */}
); } function BottomTicker() { const items = [ 'TR-1042 · 4.82kg · 22.1W · $412K · OPT', 'TR-1038 · 5.10kg · 24.3W · $396K', 'TR-1044 · 3.91kg · 18.0W · $458K · OPT', 'TR-1051 · 6.40kg · 31.2W · $610K · OPT', 'TR-1029 · 8.20kg · 38.0W · $722K', 'TR-1067 · 2.91kg · 14.2W · $282K · OPT', ]; return (
RUN · 04A82 {items.map((t,i)=> {t})} EVAL 9 184 / 10 000
); } // ── B · DATA ─────────────────────────────────────────────────────────────── function HeroData({ width = 1280, height = 720 }) { return (
FIG. 01.0 PARETO · ALL VS. ALL

Don't pick parts.
Pick a front.

Trad enumerates every CubeSat your requirements admit, then lets you walk the Pareto front of mass, power, and cost — interactively, in your browser.

NOTIFY ME EXPLORE
{/* live counters */}
{[ { k:'DESIGNS EVALUATED', v:'9 184' }, { k:'PARETO-OPTIMAL', v:'42' }, { k:'WALL-CLOCK', v:'4m 12s' }, ].map((s,i)=>(
{s.k}
{s.v}
))}
); } // ── C · TERMINAL ─────────────────────────────────────────────────────────── const TERM_LINES = [ { t:'$ trad explore --bus 3U --orbit "SSO 500km" --payload MWIR-640', c:'fg' }, { t:' → loading catalog (4218 SKU) … ok', c:'dim' }, { t:' → 11 subsystems · 384 candidate parts after constraint filter', c:'dim' }, { t:' → spawning 9184 design points …', c:'dim' }, { t:' ┌── eval ────────────────────────────────────────────────┐', c:'dim' }, { t:' │ TR-1004 6.40kg 31.2W $610K REQ 86% ── ok │', c:'dim' }, { t:' │ TR-1018 4.82kg 22.1W $412K REQ 92% ── OPTIMAL ★ │', c:'cyan' }, { t:' │ TR-1042 3.91kg 18.0W $458K REQ 88% ── OPTIMAL ★ │', c:'cyan' }, { t:' │ TR-1067 2.91kg 14.2W $282K REQ 81% ── OPTIMAL ★ │', c:'cyan' }, { t:' │ TR-1118 8.20kg 38.0W $722K REQ 94% ── ok │', c:'dim' }, { t:' └────────────────────────────────────────────────────────┘', c:'dim' }, { t:' → 42 Pareto-optimal designs identified', c:'fg' }, { t:' → emitting SysML 1.6 model → ./out/trad-04a82.sysml', c:'fg' }, { t:' ✓ done in 4m 12s · open in browser: trad://run/04a82', c:'cyan' }, ]; function HeroTerminal({ width = 1280, height = 720 }) { const [visible, setVisible] = useStateH(0); useEffectH(() => { let i = 0; const id = setInterval(() => { i++; if (i > TERM_LINES.length) { i = 2; } setVisible(i); }, 380); return () => clearInterval(id); }, []); return (
FIG. 01.0 CLI · SDK · MBSE

A trade study
in one command.

Trad runs in the cloud and ships a CLI. Point it at your requirements, pick a bus, and get back a Pareto-optimal set of CubeSats — plus the SysML model that proves it.

NOTIFY ME METHOD
trad@orbit · ~/missions/aurora-7 PTY/0
{TERM_LINES.slice(0, visible).map((l,i)=>(
{l.t}
))} ▌
); } Object.assign(window, { HeroSchematic, HeroData, HeroTerminal, HeroNav, Wordmark, BottomTicker });