// Hero — aurora bg, restrained big-serif claim, live console panel as the
// only "data" element. Less clutter than the wireframe.
const { useState: useStateH, useEffect: useEffectH, useRef: useRefH } = React;
function useTyping(lines, { onDone } = {}) {
// Plays a sequence of lines with a tiny per-char delay.
const [shown, setShown] = useStateH([]); // array of {text, cls}
useEffectH(() => {
let cancelled = false;
let acc = [];
(async () => {
for (let i = 0; i < lines.length; i++) {
const l = lines[i];
const pre = l.pre || '';
const text = l.text;
// initial line entry — typewriter chars
for (let c = 1; c <= text.length; c++) {
if (cancelled) return;
acc = [...acc.slice(0, i), { ...l, text: text.slice(0, c) }];
setShown([...acc]);
await new Promise(r => setTimeout(r, l.fast ? 6 : 14));
}
await new Promise(r => setTimeout(r, l.pause || 220));
}
onDone && onDone();
})();
return () => { cancelled = true; };
}, []);
return shown;
}
const ATTACK_LINES = [
{ text: '[14:32:01] watching · 6 honeytokens armed across prd-eu', cls:'line-dim', fast:true },
{ text: '[14:33:02] ⚠ TRIP aws-iam · prd-04 ← 185.220.101.47', cls:'line-warn', pause: 400 },
{ text: ' enrich VT · AbuseIPDB · Shodan · MITRE …', cls:'line-dim', fast:true },
{ text: ' actor inferred · autonomous-agent (conf 0.94)', cls:'line-aurora', pause: 350 },
{ text: ' signals timing-σ 38ms · typos 0% · path-optimality 0.97', cls:'line-dim', fast:true },
{ text: '[14:33:11] ⚡ CONTAIN iam:revoke ✓ cf:block ✓ siem:ingest ✓', cls:'line-ok', pause: 400 },
{ text: ' dossier nis2-art.23 → /reports/2026-05-12-VTZ-7714.pdf', cls:'line-dim', fast:true },
{ text: '[14:33:12] ✓ contained · 11s ─ attacker: agent · framework langgraph-llama', cls:'line-aurora', pause: 800 },
{ text: '[14:34:18] watching · 6 honeytokens armed', cls:'line-dim', fast:true },
];
function HeroConsole() {
const lines = useTyping(ATTACK_LINES);
const bodyRef = useRefH(null);
useEffectH(() => {
if (bodyRef.current) bodyRef.current.scrollTop = bodyRef.current.scrollHeight;
}, [lines]);
return (
vantuz · live feed · tenant eu-prod-04
LIVE
{lines.map((l, i) => (
{l.text}▮
))}
);
}
function Hero({ tweaks }) {
return (
{/* Looping cinematic background — generated procedurally with a WebGL shader.
Original work, fully owned by this project. */}
{/* LEFT — claim */}
AI-NATIVE DECEPTION · EU · NIS2-READY
The next intruder
on your network won't be human.
Vantuz seeds your infrastructure with honeytokens indistinguishable from production secrets. The instant an autonomous agent — or a human — trips one, our AI investigation pipeline detects, classifies and contains it in under sixty seconds.