);
}
function Footer({ setRoute }) {
return (
);
}
// ─── Ops feed (hero sidebar) ───────────────────────────────────
function OpsFeed() {
const seed = NG.opsfeedSeed;
const [rows, setRows] = hS(seed);
hE(() => {
let i = 0;
const id = setInterval(() => {
i = (i + 1) % NG.opsfeedSeed.length;
const now = new Date();
const hh = String(now.getUTCHours()).padStart(2, '0');
const mm = String(now.getUTCMinutes()).padStart(2, '0');
const ss = String(now.getUTCSeconds()).padStart(2, '0');
const next = { ...NG.opsfeedSeed[i], ts: `${hh}:${mm}:${ss}`, _id: Date.now() };
setRows((prev) => [next, ...prev].slice(0, 8));
}, 1700);
return () => clearInterval(id);
}, []);
return (
OPS · LIVE FEED{rows.length} EVENTS · STREAMING
{rows.map((r, i) =>
{r.ts}{r.a}{r.e}{r.lat}
)}
);
}
// Counter — animates up to value when the element scrolls into view, then
// stays static. Uses IntersectionObserver so the animation isn't lost when
// rAF is throttled.
function Counter({ value, unit, prefix = '' }) {
const str = String(value).trim();
const m = str.match(/^([^\d.]*?)([\d.,]+)(.*)$/);
const numeric = m ? parseFloat(m[2].replace(/,/g, '')) : NaN;
const hasDecimal = m ? /\./.test(m[2]) : false;
// Start at the FINAL value so even with no animation the user sees the
// right number; the in-view observer kicks off a count-up animation.
const [n, setN] = hS(Number.isNaN(numeric) ? 0 : numeric);
const ref = hR(null);
const ran = hR(false);
hE(() => {
const el = ref.current;
if (!el || Number.isNaN(numeric) || ran.current) return;
const io = new IntersectionObserver((entries) => {
if (entries[0].isIntersecting && !ran.current) {
ran.current = true;
io.disconnect();
// Snap to 0 then animate up
setN(0);
const dur = 1100;
const start = performance.now();
let raf;
const tick = (t) => {
const k = Math.min(1, (t - start) / dur);
const eased = 1 - Math.pow(1 - k, 3);
setN(Math.abs(numeric) * eased);
if (k < 1) raf = requestAnimationFrame(tick);
};
raf = requestAnimationFrame(tick);
}
}, { threshold: 0.2 });
io.observe(el);
return () => io.disconnect();
}, [numeric]);
if (!m) return {value}{unit ? {unit} : null};
const head = m[1];
const tail = m[3];
const display = hasDecimal ? n.toFixed(2) : Math.round(n).toLocaleString();
return {prefix}{head}{display}{tail}{unit ? {unit} : null};
}
// ─── HERO ─────────────────────────────────────────────────────
function Hero({ heroVariant }) {
const [agentsCount, setAgentsCount] = hS(247);
hE(() => {
const id = setInterval(() => setAgentsCount((c) => c + Math.floor(Math.random() * 3) - 1), 2400);
return () => clearInterval(id);
}, []);
return (
<>
Operations.Reimagined.
Norton-Gauss helps companies modernize workflows through hyper-automation, Agentic AI, cloud-edge systems and custom software — built around real business outcomes. We don't just advise. We diagnose, design, build, integrate and help you operate.
);
}
// ─── PRACTICES ────────────────────────────────────────────────
// Featured agentic AI card with an embedded mini-diagram, then a list.
function AgenticMiniDiagram() {
return (
);
}
function Practices({ setRoute }) {
return (
02 · CapabilitiesFour pillars · One operating model
Automation and AI, built into your operation.
Four capabilities, one operating model. Hyper-automation and Agentic AI lead; cloud & edge and custom software & operations transformation support the automation-first model — so each pillar reinforces the others instead of stacking in isolation.
{/* Featured: Hyper-Automation */}
{NG.featured.num} · {NG.featured.eyebrow}
Remove the manual work that slows your operation down.
03 · How we workDiagnose · Prioritize · Design · Build · Automate · Scale
From diagnosis to working systems.
A six-stage delivery model that pairs consulting with execution. We diagnose the bottlenecks, prioritize the highest-value workflows, then design, build, automate and scale — in focused cycles, in production, not in slideware.
setPaused(false)}>
{f.map((s, i) =>
)}
STAGE {cur.step} · {cur.code}
{cur.title}.
{cur.lede}
What we do
{cur.body}
Deliverables
{cur.out.map((o, i) =>
{o}
)}
);
}
// ─── CASES ────────────────────────────────────────────────────
function CaseFeatureDash() {
// A mini "agentic NOC" dashboard for the feature case visual
const [t, setT] = hS(0);
hE(() => {const i = setInterval(() => setT((x) => x + 1), 1200);return () => clearInterval(i);}, []);
const rng = (s) => {s = s | 0;return () => {s = s * 1664525 + 1013904223 | 0;return (s >>> 0) % 100000 / 100000;};};
const r1 = rng(t + 13);
const r2 = rng(t + 27);
const bars = Array.from({ length: 24 }, () => 25 + r1() * 65);
const spark = Array.from({ length: 24 }, () => 30 + r2() * 60);
const sparkPath = (data, w, h) => {
const max = Math.max(...data);
return data.map((v, i) => `${i / (data.length - 1) * w},${h - v / max * (h - 4) - 2}`).join(' ');
};
return (
Agents · active
38
{bars.map((v, i) => )}
Tier-1 · auto-resolved
52%
↑ AI THRESHOLD
MTTR · last 30 days
−74% cross-domain, sub-90s detect
Sites monitored
2,847
↑ 12 last 24h
Run-rate save
€21M
ANNUALISED
);
}
function CaseSecondaryViz({ id }) {
if (id === 'proposal') {
return (
);
}
// edge: world map dots
return (
);
}
function Cases({ setRoute }) {
const f = NG.cases.feature;
return (
09 · Use casesProduction engagements · Five capabilities
Automation and AI, in production.
Concrete engagements that show the shape of how we work — when hyper-automation, Agentic AI and custom software are designed into the operation together rather than bought as separate workstreams.
setRoute('case')} style={{ cursor: 'pointer' }}>
{f.tag}
{f.client}
A treasury close that runs itself between 02:00 and 06:00.
Anywhere operations are mission-critical. Concentrated depth in financial services, telecom and retail; growing footprint in manufacturing, logistics and platform businesses.
We instrument every engagement against the same outcome model — cost-to-serve, decision velocity, operational reliability, agents in production — so the business case stays honest from kickoff to scale.
{NG.impact.map((k, i) =>
{k.sup}
{k.label}
{k.desc}
)}
);
}
// ─── MANIFESTO (About) ───────────────────────────────────────
function ManifestoH2({ parts }) {
return (
{parts.map((p, i) => {
if (typeof p === 'string') return {p};
if (p.italic) return {p.text};
return {p.text};
})}
);
}
function Manifesto() {
return (
11 · ManifestoThe meaning of the name
GREY → GREEN · THE TRANSFORMATION LOOP
{NG.manifesto.stats.map((s, i) =>
{s.v}
{s.k}
)}
About · Brand DNA
{NG.manifesto.body.map((p, i) => )}
);
}
// ─── FINAL CTA ───────────────────────────────────────────────
function FinalCTA() {
return (
12 · Next step
Turn operational complexity into intelligent execution.
A 45-minute working session with a partner. We help you identify the workflows, systems and decisions that can be automated, augmented or rebuilt for scale — and the fastest path to production. You leave with a concrete next move.