// V2 — Terminal / system diagram. Dark-first, schematic-heavy, system-log vibe. const V2Hero = () => { const [tick, setTick] = React.useState(0); React.useEffect(() => { const t = setInterval(() => setTick(x => x + 1), 1200); return () => clearInterval(t); }, []); const dot = tick % 4 === 0 ? "●" : tick % 4 === 1 ? "○" : tick % 4 === 2 ? "●" : "○"; return (
{dot} // leapstaq · network online · 75+ nodes · 4 hubs

One network.
Integrated solutions.
Lasting impact.

We build high-performing tech organizations. Cloud, platforms, DevEx, data, AI — integrated, documented, handed over. No vendor finger-pointing. No integration debt.

{e.preventDefault();document.querySelector("#contact")?.scrollIntoView({behavior:"smooth"})}}>Start a project {e.preventDefault();document.querySelector("#services")?.scrollIntoView({behavior:"smooth"})}}>See what we do
); }; const V2Terminal = () => { const [lines, setLines] = React.useState([]); const script = React.useMemo(() => [ { t: "$ ", c: "leapstaq scope --client=northbank", col: "#fff" }, { t: "", c: "→ authenticating...", col: "var(--navy-300)" }, { t: "", c: "✓ network handshake · 4 hubs reachable", col: "var(--green-500)" }, { t: "", c: "→ provisioning engineers: 6", col: "var(--navy-300)" }, { t: "", c: "✓ cloud · devex · data · ai · transform", col: "var(--signal-400)" }, { t: "", c: "→ estimated cutover: 12 weeks · zero downtime", col: "var(--navy-300)" }, { t: "", c: "✓ scope v1 ready for review", col: "var(--green-500)" }, { t: "$ ", c: "leapstaq ship", col: "#fff" }, ], []); React.useEffect(() => { let i = 0; const t = setInterval(() => { setLines(prev => { if (i >= script.length) { clearInterval(t); return prev; } const next = [...prev, script[i]]; i++; return next; }); }, 650); return () => clearInterval(t); }, [script]); return (
leapstaq@engineer · ~/scope
{lines.map((ln, i) => (
{ln.t}{ln.c}
))}
); }; const V2Services = () => (
what we do

Five disciplines. Wired together.

{SERVICES.map((s, i) => (
{e.currentTarget.style.background="#fff"}} onMouseLeave={(e)=>{e.currentTarget.style.background="var(--paper)"}}>
// {s.n}

{s.title}

{s.body}

{e.preventDefault();document.querySelector("#contact")?.scrollIntoView({behavior:"smooth"})}}> learn more
))}
// all five disciplines integrate · one team · one delivery plan
); const V2Pillars = () => (
what makes us different

Four principles. Zero fluff.

These aren't values on a wall. They show up in how we scope, how we estimate, and how we write code reviews.

{PILLARS.map((p, i) => (
0{i+1}.

{p.k}

{p.d}

))}
); Object.assign(window, { V2Hero, V2Services, V2Pillars });