/* ============================================================ OMNIO sections — exported to window for app.jsx to consume ============================================================ */ const { useState, useEffect, useRef, useMemo } = React; /* ---------- COUNTDOWN ---------- */ // ADLM 2026 unveiling: July 28, 2026 at 2:00 PM Pacific (Anaheim) const UNVEIL_TARGET = new Date("2026-07-28T14:00:00-07:00").getTime(); function useCountdown(target = UNVEIL_TARGET) { const [now, setNow] = useState(() => Date.now()); useEffect(() => { const id = setInterval(() => setNow(Date.now()), 1000); return () => clearInterval(id); }, []); const diff = Math.max(0, target - now); const days = Math.floor(diff / 86400000); const hours = Math.floor(diff % 86400000 / 3600000); const minutes = Math.floor(diff % 3600000 / 60000); const seconds = Math.floor(diff % 60000 / 1000); return { days, hours, minutes, seconds, done: diff === 0 }; } function CountdownUnits({ tone = "light" }) { const { days, hours, minutes, seconds, done } = useCountdown(); const fg = tone === "light" ? "rgba(245,239,231,0.96)" : "var(--ink)"; const labelFg = tone === "light" ? "rgba(245,239,231,0.55)" : "var(--ink-mute)"; const sep = tone === "light" ? "rgba(245,239,231,0.25)" : "var(--line-strong)"; if (done) { return (
Now unveiled.
); } const pad = (n) => String(n).padStart(2, "0"); const units = [ { v: days, l: "Days" }, { v: pad(hours), l: "Hours" }, { v: pad(minutes), l: "Min" }, { v: pad(seconds), l: "Sec" }]; return (
{units.map((u, i) =>
{u.v}
{u.l}
{i < units.length - 1 &&
:
} )}
); } /* ---------- shared ---------- */ function Logo({ height = 22, color = "#30354b", dot = "#e921b2" }) { return ( ); } /* The Omnio "O" — broken ring + offset dot. Rotatable. Symmetric standalone version. */ function OmnioO({ size = 200, rotation = 0, color = "#30354b", dot = "#e921b2", thick = false, glow = false }) { return ( {glow && } ); } /* ---------- NAV ---------- */ function Nav() { // If we're not on the home page, anchor links must route back to index.html#anchor const path = typeof window !== "undefined" ? window.location.pathname : "/"; const isHome = /(^\/$)|(\/index\.html$)/.test(path) || path === "" || path === "/"; const home = (hash) => isHome ? hash : "index.html" + hash; return ( ); } /* ---------- HERO ---------- */ function Hero({ variant = "A" }) { return (
CUBIT DIAGNOSTICS PLATFORM
{variant === "A" && <>

One Platform.
Two Modalities.
Expanding Reach.

} {variant === "B" && <>

A multimodal
diagnostic platform.

One Platform. Two Modalities. Expanding Reach. Cubit is developing a next-generation, point-of-care platform capable of both molecular and immunoassay-based testing on a single system.

}
{/* reveal image */}
); } /* ---------- MISSION BAND ---------- */ function Mission() { return (
Mission

To enable healthcare providers to screen, diagnose, and treat their patients in a single visit.

); } /* ---------- FULL-BLEED IMAGE BAND ---------- */ function ImageBand({ src, alt, caption, eyebrow, height = "62vh", maxHeight = 760, minHeight = 420, align = "left", dark = true }) { const sectionRef = useRef(null); const imgRef = useRef(null); useEffect(() => { if (window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches) return; let raf = 0; const update = () => { raf = 0; const sec = sectionRef.current, img = imgRef.current; if (!sec || !img) return; const r = sec.getBoundingClientRect(); const vh = window.innerHeight || document.documentElement.clientHeight; if (r.bottom < 0 || r.top > vh) return; const center = r.top + r.height / 2; const prog = (center - vh / 2) / (vh / 2 + r.height / 2); // ~ -1..1 const shift = Math.max(-1, Math.min(1, prog)) * -6; // percent img.style.transform = "translateY(" + shift.toFixed(2) + "%) scale(1.12)"; }; const onScroll = () => { if (!raf) raf = requestAnimationFrame(update); }; update(); window.addEventListener("scroll", onScroll, { passive: true }); window.addEventListener("resize", onScroll); return () => { window.removeEventListener("scroll", onScroll); window.removeEventListener("resize", onScroll); if (raf) cancelAnimationFrame(raf); }; }, []); return (
{alt} {(caption || eyebrow) &&
{eyebrow &&
{eyebrow}
} {caption &&

{caption}

}
}
); } /* ---------- BY THE NUMBERS ---------- */ function Numbers() { const stats = [ { metric: "100+", unit: "yrs combined experience", note: "Leadership across diagnostics & healthcare" }, { metric: "Minimal", unit: "hands-on time", note: "Simplified user workflow" }, { metric: "8", unit: "targets per test", note: "Multiplexing capability" }, { metric: "15–20", unit: "min molecular TAT", note: "Targeted turnaround" }, { metric: "2", unit: "modalities, one platform", note: "Molecular + immunoassay" }]; return (
By the Numbers Platform · in development
{stats.map((s, i) =>
0{i + 1}
{s.metric}
{s.unit}
{s.note}
)}
); } /* ---------- PILLARS (3-up) ---------- */ function Pillars() { const pillars = [ { kicker: "01", category: "Multimodal Testing", lead: "Molecular + Immunoassay Testing on One Platform.", body: "A multimodal, multiplexing foundation built to support broad future applications across care settings.", bg: "var(--cream-2)", fg: "var(--ink)", accent: "var(--teal)", accentSoft: "var(--teal-deep)" }, { kicker: "02", category: "Reliable High Performance", lead: "Reliable High Performance.", body: "Engineered for high analytical performance using proprietary extraction technologies.", bg: "var(--ink-2)", fg: "var(--cream)", accent: "var(--teal)", accentSoft: "var(--teal)" }, { kicker: "03", category: "Broad Clinical Applications", lead: "Simplified Workflow.", body: "One consistent workflow, a few simple steps, and no specialized training — designed for efficiency at the point of care.", bg: "var(--cream-2)", fg: "var(--ink)", accent: "var(--teal)", accentSoft: "var(--teal-deep)" }]; return (
Why Omnio

Designed to expand near‑patient testing through streamlined workflow.

{pillars.map((p, i) => { const subdued = p.fg === "var(--cream)" ? "rgba(245,239,231,0.55)" : "var(--ink-mute)"; const body = p.fg === "var(--cream)" ? "rgba(245,239,231,0.7)" : "var(--ink-soft)"; const leadCore = p.lead.replace(/\.$/, ""); return (
{p.kicker}

{leadCore}.

{p.body}

); })}
); } /* ---------- ROTARY VALVE / MULTI-MODAL ---------- */ function RotaryValve() { const [mode, setMode] = useState("molecular"); // 'molecular' | 'immunoassay' const rotation = mode === "molecular" ? 0 : 180; const modes = { molecular: { label: "Molecular", sub: "PCR-based testing", tat: "~15–20 min", bullets: [ "Proprietary sample processing", "Target amplification", "Detection", "View and manage results"] }, immunoassay: { label: "Immunoassay", sub: "Antigen / antibody testing", tat: "~<10 min", bullets: [ "Proprietary sample processing", "Capture and label", "Detection", "View and manage results"] } }; return (
The Platform

One platform. Two modalities.

The platform is being designed to enable sample processing, target amplification, and detection for a range of sample types, while aiming to simplify the user workflow. Switch below to explore each modality.

{/* toggle */}
{["molecular", "immunoassay"].map((k) => )}
{/* left description */}
Active modality
{modes[mode].label}
{modes[mode].sub}
Targeted TAT
{modes[mode].tat}
{/* center valve */}
{/* outer ticks */} {Array.from({ length: 60 }).map((_, i) => { const a = i / 60 * Math.PI * 2; const isMajor = i % 5 === 0; const r1 = isMajor ? 44 : 46; const r2 = 48; return ( ); })} {/* port markers removed */} {/* the O */}
{/* hint */}
{rotation}° · {mode}
{/* right description */}
Flow path
    {modes[mode].bullets.map((b, i) => { const isModalitySpecific = i === 1; return (
  • 0{i + 1} {b} {isModalitySpecific && }
    • ); })}
MODALITY-SPECIFIC
); } /* ---------- WORKFLOW ---------- */ function Workflow() { const steps = [ { n: "01", title: "Add sample", body: "Add swab or liquid sample. Designed to accommodate a range of sample types.", img: "assets/workflow-sample.jpg" }, { n: "02", title: "Insert cartridge & run test", body: "The cartridge slots into the instrument. Minimal hands-on time, start to finish.", img: "assets/workflow-run.jpg" }, { n: "03", title: "View & manage results", body: "Review results on-device and route to LIS, EMR, or care teams.", img: "assets/workflow-results.jpg" }]; const DURATION = 5500; const [active, setActive] = useState(0); const [paused, setPaused] = useState(false); useEffect(() => { if (paused) return undefined; const id = setTimeout(() => setActive((a) => (a + 1) % steps.length), DURATION); return () => clearTimeout(id); }, [active, paused]); const select = (i) => {setPaused(true);setActive(i);}; return (
Workflow

A simple workflow.

{steps.map((s, i) => { const on = i === active; return ( ); })}
{steps.map((s, i) => {s.title} )}
); } /* ---------- HIGHLIGHTS — interactive pill row ---------- */ function ClockIcon({ size = 36, color = "currentColor", accent = "var(--magenta)" }) { return ( ); } function Highlights() { const items = [ { label: "Expanded Panels", title: "Expanded panels", body: "Detect multiple targets simultaneously in a single assay.", metric: "Multiplex", unit: "Multiple targets" }, { label: "Workflow", title: "Automated workflow", body: "Minimal hands-on time with a simplified workflow, designed to reduce operator burden.", metric: "Minimal", unit: "hands-on time" }, { label: "Performance", title: "High analytical performance", body: "High analytical performance using proprietary extraction technologies.", metric: "Lab level", unit: "analytical performance" }, { label: "Connectivity", title: "Connectivity", body: "Seamless integration with LIS and telemedicine systems.", metric: "LIS", unit: "+ telemedicine" }, { label: "Turn around time", title: "Fast turnaround time", body: "Targeting fast turnaround for both modalities — molecular in 15–20 minutes and immunoassay in under 10 minutes.", dual: true, dualMetrics: [{ kind: "Molecular", metric: "15–20", unit: "min" }, { kind: "Immunoassay", metric: "<10", unit: "min" }] }, { label: "Affordable", title: "Affordable", body: "High margin economics, low costs and established reimbursement pathways.", metric: "High margin", unit: "economics" }, { label: "Menu Breadth", title: "Menu breadth", body: "Supports a wide array of menu options due to diverse sample types & dual modality capability.", metric: "Expansive", metricFontSize: "clamp(44px, 4.6vw, 72px)", unit: "menu options" }, { label: "Scalable", title: "Compact and Stackable", body: "Designed to fit clinical environments — stack multiple units to scale throughput on demand with minimal footprint.", metric: "Increased throughput", metricFontSize: "clamp(40px, 4.6vw, 66px)", metricLine: 1.02 }]; const [active, setActive] = useState(0); const a = items[active]; return (
PLATFORM DESIGN HIGHLIGHTS

What sets the platform apart.

{/* Pill row */}
{items.map((it, i) => { const on = active === i; return ( ); })}
{/* Detail panel */}
{/* left: text */}
0{active + 1} / 0{items.length}

{a.title}

{a.body}

{a.wip &&
Functionality under development
}
{/* right: metric panel */}
{/* watermark O */}
Metric
{a.dual && }
{a.dual ?
{a.dualMetrics.map((m, mi) =>
{m.kind}
{m.metric} {m.unit}
)}
: <>
{a.metric}
{a.unit &&
{a.unit}
} {a.sub &&
{a.sub}
} }
); } /* ---------- MARQUEE STATEMENT ---------- */ function MarqueeStatement({ mode = "scroll" }) { const phrases = ["One Platform.", "Two Modalities.", "Expanding Reach."]; const [idx, setIdx] = useState(0); useEffect(() => { if (mode !== "flash") return; const id = setInterval(() => setIdx((i) => (i + 1) % phrases.length), 1600); return () => clearInterval(id); }, [mode]); return (
{mode === "flash" &&
{phrases.map((_, i) => )}
} {mode === "scroll" &&
{[0, 1].map((k) =>
One Platform. Two Modalities. Expanding Reach.
)}
} {mode === "flash" &&
{phrases.map((p, i) =>
{p}
)}
}
); } /* ---------- APPLICATIONS / MENU ---------- */ function Applications() { const areas = [ { title: "Infectious Disease", body: "Area of focus.", state: "focus area" }, { title: "Women's Health", body: "Area of focus.", state: "focus area" }, { title: "Future applications", body: "Multimodal & multiplexing is being designed to enable broad future applications across care settings.", state: "future" }]; return (
Applications

Testing where care happens.

); } /* ---------- TEAM ---------- */ function Team() { const advisors = [ { who: "Robert Bujarski", role: "Board Member", body: "Cubit is addressing a set of challenges that anyone who has operated in diagnostics will immediately recognize — fragmented workflows, delayed answers, and increasing pressure on healthcare systems. What stands out to me is the team's focus on building something practical and scalable, while also innovative." }, { who: "Mark Paiz", role: "Board Member", body: "The innovation is clear, but what really matters at this stage is the discipline in driving it forward. I believe in the people leading this effort and the vision they are advancing." }]; return (
Leadership

100+ years of combined experience — building, operating, scaling.

Our leadership team has supported multiple product launches from early development through commercialization — spanning R&D, operations, and go-to-market execution. Built to accelerate growth, advance innovation, and deliver meaningful impact in healthcare.

{/* CEO feature card */}
Founder Note
Kunal Sur
Founder & CEO
“
We have the right team, a clear path forward, and the capital to achieve the next key milestones.

Putting molecular and immunoassay into one platform is novel and compelling, and we're incredibly excited about the progress we continue to make.

{/* Advisor quotes */}
{advisors.map((q) =>
“
{q.body}
{q.who}
{q.role}
)}
); } /* ---------- CTA + FOOTER ---------- */ function CTA() { return (

More to come.

Follow our progress on the blog, or get in touch to discuss collaborations and partnerships.

Get in touch Read the blog
); } function Footer() { const path = typeof window !== "undefined" ? window.location.pathname : "/"; const isHome = /(^\/$)|(\/index\.html$)/.test(path) || path === "" || path === "/"; const home = (hash) => isHome ? hash : "index.html" + hash; return ( ); } Object.assign(window, { Nav, Hero, Mission, ImageBand, Numbers, Pillars, RotaryValve, Workflow, Highlights, MarqueeStatement, Applications, Team, CTA, Footer, Logo, OmnioO, ClockIcon });