/* global React */ /* Services — three engagement shapes for the cashflow line of VSG. Each card links to a dedicated deep page. No pricing on the cards. */ // ---------- Visuals ---------- function VisualCustom() { return ( ERP / DATA LAYER VENDOR · STANDARD YOUR BESPOKE LAYER YOUR USERS ); } function VisualAutomation() { return ( TRIGGER ACE DECISION ACT ); } function VisualBespoke() { return ( YOUR SHAPE — NOT OURS ); } function VisualAISystems() { return ( {/* existing systems on the left, AI core in the middle, smarter output right */} ERP SHEETS EMAIL {[30, 60, 90].map((y, i) => ( ))} AI SMARTER AI INTO THE SYSTEMS YOU ALREADY RUN ); } function VisualCRM() { return ( {[20, 86, 152].map((x, i) => ( {["LEADS", "DEALS", "WON"][i]} {[0, 1].map((j) => ( ))} ))} BUILT AROUND YOUR PIPELINE ); } // ---------- ServiceCard (links to a deep page when href is set) ---------- function ServiceCard({ num, name, headline, emphasis, body, bullets, visual, bestFor, href }) { const [hover, setHover] = React.useState(false); const Wrapper = href ? "a" : "div"; return ( setHover(true)} onMouseLeave={() => setHover(false)} style={{ background: "var(--surface-white)", border: `1px solid ${hover ? "var(--divider-strong)" : "var(--hairline)"}`, borderRadius: 20, padding: 32, display: "flex", flexDirection: "column", gap: 22, transition: "border-color 220ms cubic-bezier(.2,0,0,1), transform 220ms", height: "100%", textDecoration: "none", color: "inherit", transform: hover && href ? "translateY(-3px)" : "translateY(0)", }} >
{num} {name}
{visual}

{headline} {emphasis}

{body}

{bestFor && (
Best for
{bestFor}
)} {href && (
See {name} →
)} ); } // ---------- Main Services section ---------- function Services({ onBookDemo }) { return (
02 — What we build Software and AI, built around how you work.

At the end of the day, all software is custom. We add AI to the systems you already run, automate the workflows that drain your team, and build the bespoke software and CRMs that off-the-shelf tools never quite fit. Start with one problem. Grow from there.

} bullets={[ "AI that reads documents, emails and data — and acts on them", "Connects to the tools you already use. No rip-and-replace.", "Decision support, drafting, classification, exception flagging", "Start with one process; expand as it proves itself", "Not sure where AI fits? That's the most common place to start.", ]} bestFor={'"We know AI could help us somewhere — we just don\'t know where to start." That is exactly the conversation to have.'} href="ai-systems.html" /> } bullets={[ "Invoice matching automation (AP three-way match)", "Supplier statement reconciliation", "DSO reduction with risk-scored collections", "Stock-take variance + shrinkage investigation", "Custom workflows — talk to us, scope-and-quote", ]} bestFor={'"We have a workflow that takes 15 hours a week and follows the same pattern every time." That workflow becomes 30 minutes of approval.'} href="automation.html" /> } bullets={[ "Production-grade software built around YOUR specific business problem", "Web apps, portals, dashboards, internal tools, integration layers", "Two-week first slice. In production in eight weeks. Not eighteen months.", "Full handover with docs, code, and the engineer's phone number", "Optional ongoing retainer or full handover — your call", ]} bestFor={'"We have a unique problem that no software solves, and the consultant’s answer is eighteen months and millions." We solve it in eight weeks.'} href="bespoke.html" /> } bullets={[ "Built around your real sales + service process — not a template", "Connects to your existing tools and data", "As simple, or as deep, as your team will actually use", "Start lean. Grow it as you grow.", ]} bestFor={'"We pay for a CRM nobody uses because it doesn\'t fit how we work." We build the one that does.'} href="crm.html" />
Starting your AI journey?
Not sure where AI fits — or whether it fits at all? That's the best place to begin. Tell Stephan what your operation looks like. He'll show you where AI would genuinely help, and where it wouldn't.
Ask where to start
); } Object.assign(window, { Services });