// homepage.jsx — full Wired CIO homepage. Uses OPSYS chrome from op-system.jsx. const HP = OPSYS; function HpHero() { return (
{["ICP · 25–250 EMPLOYEES", "MICROSOFT-ALIGNED", "RUN · GROW · ALIGN", "EST. CHICAGO"].map((s, i) => (
{s}
))}

The IT department of the future,
built for you.

There’s the technology that runs your business, and the technology that helps it grow. We do both — and we’re equipped for the regulatory frameworks that gate doing business in the industries that matter most.

Start a conversation → See how we work
{STATS.map((s, i) => (
{String(i + 1).padStart(2, "0")} / {String(STATS.length).padStart(2, "0")}
{s.value}
{s.label}
{s.note &&
{s.note}
}
))}
); } function HpLogos() { return (
// OPERATING WITH
{CLIENT_LOGOS.map((c) => )}
); } function HpClaim() { return (
§ THE CLAIM

Most MSPs run things. Most consultancies build things. The gap between them is where every IT problem lives.

We do both. The team that keeps your endpoints alive is the same team that ships your Power BI rollout, your Business Central migration, your Copilot governance. The strategy holds together because the same people own it.

And we’re equipped for the regulatory frameworks — FDA, CMMC, HIPAA, SOC 2 — where doing business depends on getting compliance right. Not as a checkbox. As a primary practice area.

{["FRAME", "RUN", "GROW", "ALIGN"].map((h, i) => (
{h}
))}
{[ ["WHAT IT IS", "Tech that runs your business", "Tech that helps it grow", "Frameworks that gate doing business"], ["WHO USES IT", "Everyone, all day", "Specific teams driving outcomes", "Auditors, regulators, your board"], ["GOOD LOOKS LIKE", "Boring. Reliable. Invisible.", "Powerful. Used. Drives decisions.", "Auditable. Continuous. Real."], ["MOST PROVIDERS", "Do this adequately", "Claim it, can't deliver", "Treat as checkbox"], ["WIRED CIO", "Do this well", "This is where depth shows", "Primary practice area"], ].map((row, i) => (
{row.map((c, j) => (
0 ? 600 : 400 }}>{c}
))}
))}
); } function HpHubs() { const slug = (s) => s.toLowerCase().replace(/&\s+/g, "").replace(/\s+/g, "-"); return (
§ HUBS

Four hubs. One team. Microsoft-deep across all of them.

Compliance is a primary practice area, not a footnote. Sub-services per hub link through to the hub landing.

{HUBS.map((h, i) => ( (e.currentTarget.style.background = HP.paperSoft)} onMouseLeave={(e) => (e.currentTarget.style.background = HP.paper)}>
HUB.0{i + 1} · {h.verb.toUpperCase()} {[ , , , , ][i]}

{h.verb} · {h.name}

{h.blurb}

    {h.items.map((it) => (
  • {it} ↗
    • ))}
Open hub →
))}
); } function HpCase() { return (
§ CASE

Fourteen reports → one platform their tenants log into.

CLIENT
{CASE_STUDY.client}
{CASE_STUDY.vertical}
STACK
{["POWER BI", "FABRIC", "BC"].map((s) => ( {s} ))}

{CASE_STUDY.narrative}

{CASE_STUDY.metrics.map((m, i) => (
{m.v} {m.l}
))} Read the case study →
); } function HpFounders() { return (
§ TEAM

Real people, named credentials. Armin and Phil are the public-facing voice.

{FOUNDERS.map((f, i) => (
{f.role.toUpperCase()}

{f.name}

{f.line}

PROFILE0{i + 1} / 04
))}
); } function HpInsights() { return (
§ INSIGHTS

What we’ve been writing.

All insights →
{INSIGHTS.map((p, i) => (
{p.tag}{p.minutes} MIN

{p.title}

{p.excerpt}

BY {p.author.toUpperCase()}
 ))}
); } function HpFlex() { return (
§ TERMS

On your terms, not ours.

{COPY.flex.map((f, i) => (
✓ TRUE 0{i + 1} {f}
))}
); } function HomePage() { return ( <> ); } ReactDOM.createRoot(document.getElementById("root")).render();