// ╔═══════════════════════════════════════════════════════════╗ // ║ KENSAI WEB · Hero · the editorial blade ║ // ╚═══════════════════════════════════════════════════════════╝ const HeroBlade = () => { const edges = React.useMemo(() => Array.from({ length: 92 }, (_, i) => { const n = Math.sin(i * 1.7) * 0.5 + Math.sin(i * 0.41) * 0.3 + 0.5; const nick = [12, 27, 34, 55, 71].includes(i); return { h: 8 + n * 36, nick }; }), []); const w = 180, h = 320; const tipY = 20, hiltY = h - 60; const spineX = w / 2; const edgeX = spineX + 42; return ( {edges.map((e, i) => { const y = tipY + 46 + (i / edges.length) * (hiltY - tipY - 56); return ( {e.nick && } ); })} {[0,1,2,3,4,5].map(i => ( ))} EXTERNAL INTERNAL ); }; const Hero = () => (
{/* huge kanji watermark */}
剣
{/* ambient cross-hair grid lines */}
{/* LEFT — editorial preface */}
The state of your week
Mondays don't have to start with surprise.
Kensai is early, but the product already has a real codebase, a real CVE corpus, real open-source tooling integrated, and 10 companies already using it.
{[ ['347,593', 'CVEs indexed'], ['1.85M', 'Lines of code'], ['10', 'Companies using Kensai'], ].map(([n, l]) => (
{n}
{l}
))}
{/* CENTER — display headline + blade (side-by-side row) */}
For security teams drowning in dashboards
{/* Top-of-fold row: blade beside headline */}

Your team has
1,000 alerts.
Find the 5
that matter.

You should not need five disconnected tools to understand one security problem. Kensai is being built as a single workflow surface for CVE intelligence, findings, asset context, reporting, and follow-up work.
Book a 20-min walkthrough → Get a free surface scan See how it works
{/* RIGHT — live findings stream */}
● Live · Last 6 hours
{[ { id:'F-1824', sev:'CRITICAL', t:'SQL injection · /api/users/login', age:'47s' }, { id:'F-1823', sev:'HIGH', t:'IDOR on /orgs/:id/billing', age:'14m' }, { id:'F-1822', sev:'HIGH', t:'Path traversal · /files/:name', age:'22m' }, { id:'F-1821', sev:'MEDIUM', t:'Weak JWT signature · /auth', age:'41m' }, { id:'F-1819', sev:'CRITICAL', t:'RCE via deserialization · /jobs', age:'1h 20m' }, { id:'F-1818', sev:'HIGH', t:'Open redirect · /oauth/callback', age:'2h' }, ].map(r => { const sevColor = r.sev === 'CRITICAL' ? 'var(--v4-crit)' : r.sev === 'HIGH' ? 'var(--v4-high)' : 'var(--v4-med)'; return (
{r.id} {r.sev} {r.age}
{r.t}
); })}
Repaired today · 03
{['IDOR · /orgs/:id/billing','Path traversal · /files/:name','Weak JWT · /auth/refresh'].map((t, i) => (
· {t}
))}
{/* Logo strip */}
Current surface ↗
{['CVE INTEL','FINDINGS','ASSET GRAPH','REPORTS','WORKFLOWS','OSS TOOLING','10 COMPANIES'].map(b => ( {b} ))}
); Object.assign(window, { Hero });