/* global React, useReveal, Btn, CornerTicks, Ph, SignalLine, STATIONS */ const { useState: useStateH, useEffect: useEffectH } = React; function Eyebrow({ children }) { return ( {children} ); } /* ---------- Hero visual proof (labeled placeholder — swap in real screenshot) ---------- */ function ProductProof() { return (
XAINT — DIAGNOSIS VIEW ILLUSTRATIVE PREVIEW
NEED CAPTURED → DIAGNOSIS + TASK PLAN READY
); } /* ---------- HERO — variant dispatcher ---------- */ function Hero({ variant, go }) { if (variant === 'genesis') return ; return ; } /* ---------- HERO: Outcome-led (default) ---------- */ function HeroOutcome({ go }) { return (
KNOW FIRST

Every maintenance need, caught before it becomes downtime.

A maintenance need used to mean a guess, a second trip, and a part ordered twice. On Xaint, it's captured, diagnosed against your own documentation and history, and turned into a plan — before anyone even leaves for the job.

{ e.preventDefault(); go('demo'); }}>Request demo
); } /* ---------- Live AI console (self-cycling, illustrative) ---------- */ function AiConsole() { const STEPS = ['REGISTERING SIGNAL', 'CROSS-REFERENCING DOCUMENTATION', 'MATCHING HISTORICAL PATTERNS', 'CAUSE IDENTIFIED']; const DURS = [550, 700, 650, 1500]; const [step, setStep] = useStateH(0); const [ms, setMs] = useStateH(0); useEffectH(() => { let raf, cancelled = false, start = performance.now(), cycleStart = start, curStep = 0, frozen = 0; function tick(now) { if (cancelled) return; const inStep = now - cycleStart; if (curStep < 3) { setMs(now - start); if (inStep >= DURS[curStep]) { curStep++; cycleStart = now; setStep(curStep); if (curStep === 3) frozen = now - start; } } else { setMs(frozen); if (inStep >= DURS[3]) { curStep = 0; cycleStart = now; start = now; setStep(0); setMs(0); } } raf = requestAnimationFrame(tick); } raf = requestAnimationFrame(tick); return () => { cancelled = true; cancelAnimationFrame(raf); }; }, []); const secs = (ms / 1000).toFixed(2); return (
XAINT AI CORE — LIVE ILLUSTRATIVE — SIMULATED WALKTHROUGH
{STEPS.map((s, i) => (
{i < step ? '+' : i === step ? '›' : '·'} {s}
))}
ELAPSED {secs}s
); } /* ---------- HERO: AI & speed / genesis ---------- */ function HeroGenesis({ go }) { return (
THE IDEA BEHIND XAINT

Built around AI. From the very first idea.

Most maintenance systems bolted on automation years after they were built. Xaint started as a single idea: intelligence that reads every signal, cross-references your documentation and history, and turns it into action in under a second — not an add-on, the whole system designed around it from the first line of code.

{ e.preventDefault(); go('demo'); }}>Request demo
); } /* ---------- Positioning strip ---------- */ function Strip() { const items = ['CAPTURE → INVOICE, UNBROKEN', 'AUTO-CATEGORIZED TASKS', 'KNOWLEDGE-GROUNDED DIAGNOSIS', 'MULTI-METER SCHEDULING', 'ONE CONNECTED PLATFORM', 'BUILT FOR SERVICE THAT BILLS']; const row = [...items, ...items]; return (
{row.map((it, i) => ( +{it} ))}
); } /* ---------- Problem framing ---------- */ function Premise() { return (
The premise

Maintenance, captured and carried. From the first signal to the settled invoice, in one flow.

A maintenance need is captured in seconds, shaped into clear technician tasks, matched to your documentation, and carried through to the invoice. Xaint connects every step and automates the work between them — so your team always knows the state of the operation, and acts on it first.

); } /* ---------- The three real differentiators ---------- */ const CLAIMS = [ { n: 'A', big: 'Decides the work', h: 'It shapes the work for you.', p: 'A raw report becomes categorized, sequenced technician tasks automatically — so every technician opens a clear plan and starts on the right step.', wm: '02' }, { n: 'B', big: 'Grounded diagnosis', h: 'It diagnoses from your own knowledge.', p: 'Diagnosis draws on your technical documentation and each asset’s own history to surface a cited, likely cause your team can act on with confidence.', wm: '04' }, { n: 'C', big: 'Closes the commercial loop', h: 'It turns the fix into an invoice.', p: 'Customer, estimate, and invoice flow straight from the completed job — so maintenance contributes to revenue and pays for itself.', wm: '06' }, ]; function Differentiators() { return (
Why teams choose Xaint

Three ways Xaint moves your operation forward.

One connected flow, designed around outcomes — here is the value it brings to every shift.

{CLAIMS.map((c, i) => (
{c.wm}
{c.big}

{c.h}

{c.p}

))}
); } /* ---------- Roadmap teaser ---------- */ const HORIZON = [ { st: 'SHIPPING', on: true, h: 'The full loop', p: 'Capture through invoice — the six stations, live.' }, { st: 'IN DESIGN', on: false, h: 'Parts & procurement', p: 'Auto-reorder the part the moment the task needs it.' }, { st: 'BUILDING', on: false, h: 'Warranty recovery', p: 'Surface what the manufacturer still owes you.' }, { st: 'EXPLORING', on: false, h: 'Estate intelligence', p: 'Failure patterns read across every site at once.' }, ]; function RoadmapTeaser({ go }) { return (
The horizon

The flow doesn't end at invoice.

Xaint ships as a closed loop and grows as a platform. New capability activates on the same flow — no migration, no second tool. A look at what's coming through it.

{HORIZON.map((h, i) => (
{h.st}

{h.h}

{h.p}

))}
{ e.preventDefault(); go('roadmap'); }}>See the roadmap
); } /* ---------- CTA ---------- */ function CTA({ go }) { return (
See it in your flow

See the whole flow on your own operation.

Bring a real asset and a recent maintenance need. We'll walk it through Xaint with your team — capture to invoice — and share a clear view of how it fits the way your operation runs.

{ e.preventDefault(); go('demo'); }}>Request demo
); } function HomePage({ t, go }) { const ref = useReveal(); return (
); } Object.assign(window, { HomePage, Eyebrow });