/* global React */ const { useEffect, useRef, useState } = React; // ───────────────────────────────────────────────────────── Logo function Logo() { return ( ENTRIOAI ); } // ───────────────────────────────────────────────────────── Nav function Nav() { const [scrolled, setScrolled] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 20); onScroll(); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); const links = ['Platform', 'Solutions', 'Research', 'Company']; return ( ); } // ───────────────────────────────────────────────────────── Hero function Hero() { const [mouse, setMouse] = useState({ x: 0.5, y: 0.5 }); const ref = useRef(null); useEffect(() => { const onMove = (e) => { const r = ref.current?.getBoundingClientRect(); if (!r) return; setMouse({ x: (e.clientX - r.left) / r.width, y: (e.clientY - r.top) / r.height }); }; window.addEventListener('mousemove', onMove); return () => window.removeEventListener('mousemove', onMove); }, []); return (
{/* glows */}
{/* Floating ticker bar */}
{/* eyebrow */}
New Engine 2.0 — Real-time market intelligence
{/* Headline */}

The Intelligence Engine
for Capital Markets

{/* Subtitle */}

A unified data, analytics, and workflow layer for investment platforms, banks, and capital markets desks. Deployed in weeks, not quarters.

{/* CTAs */} {/* Trust micro-strip */}
Powering desks at {['Goldhaven', 'Citadelica', 'Brevan & Co.', 'Northstar Capital', 'Meridian'].map((n) => {n} )}
{/* Hero panel — terminal preview */}
); } // ───────────────────────────────────────────────────────── Ticker function TickerBar() { const items = [ { sym: 'AAPL', val: '227.41', d: '+0.84%' }, { sym: 'MSFT', val: '432.18', d: '+1.22%' }, { sym: 'NVDA', val: '124.96', d: '-0.31%' }, { sym: 'JPM', val: '218.05', d: '+0.42%' }, { sym: 'GS', val: '514.77', d: '+0.66%' }, { sym: 'MS', val: '108.92', d: '+0.18%' }, { sym: 'BLK', val: '953.04', d: '+1.04%' }, { sym: 'V', val: '286.30', d: '-0.12%' }, { sym: 'BAC', val: '42.81', d: '+0.55%' }, { sym: 'C', val: '67.92', d: '+0.91%' }]; const stream = [...items, ...items, ...items]; return (
{stream.map((t, i) => {t.sym} {t.val} {t.d} · )}
); } // ───────────────────────────────────────────────────────── Hero Terminal function HeroTerminal() { return (
{/* glow under panel */}
{/* Top bar */}
engine.ai / terminal LIVE · 14:23:41 EST
{/* Left rail */}
Watchlists
{[ { n: 'Tech leaders', c: 24, active: false }, { n: 'Quant signals', c: 17, active: true }, { n: 'Earnings beat', c: 9, active: false }, { n: 'Vol regime', c: 12, active: false }, { n: 'Credit spreads', c: 33, active: false }]. map((w) =>
{w.n} {w.c}
)}
Models
{['Mean reversion v3', 'Cross-asset momo', 'Sector rotation'].map((m) =>
{m}
)}
{/* Center — chart */}
Quant Signals · Composite Score
+2.847 +0.124 (4.55%)
{['1D', '1W', '1M', '3M', '1Y', 'ALL'].map((t, i) => {t} )}
{/* Footer signals */}
{[ ['Sharpe', '2.41'], ['Drawdown', '-3.2%'], ['Win rate', '68%'], ['Beta', '0.42']]. map(([k, v]) =>
{k}
{v}
)}
{/* Right — signals feed */}
Live signals ● 24
{[ { t: '14:23', sym: 'NVDA', msg: 'Vol regime shift', score: '+0.84' }, { t: '14:21', sym: 'JPM', msg: 'Earnings revision', score: '+0.62' }, { t: '14:18', sym: 'XOP', msg: 'Cross-asset divergence', score: '-0.41' }, { t: '14:15', sym: 'MSFT', msg: 'Options skew anomaly', score: '+0.38' }, { t: '14:11', sym: 'TSLA', msg: 'News sentiment spike', score: '+0.27' }, { t: '14:08', sym: 'GS', msg: 'Credit spread compress', score: '+0.22' }]. map((s, i) =>
{s.t} {s.score}
{s.sym} {s.msg}
)}
); } function Chart() { // generate a smooth-ish line const pts = []; let v = 50; for (let i = 0; i < 80; i++) { v += Math.sin(i * 0.4) * 4 + (Math.random() - 0.4) * 5; v = Math.max(20, Math.min(90, v)); pts.push(v); } // ensure end higher for (let i = 60; i < 80; i++) pts[i] = Math.min(95, pts[i] + (i - 60) * 0.6); const W = 720,H = 200; const path = pts.map((p, i) => `${i === 0 ? 'M' : 'L'} ${i / (pts.length - 1) * W} ${H - p / 100 * H}`).join(' '); const area = `${path} L ${W} ${H} L 0 ${H} Z`; return ( {/* gridlines */} {[0.25, 0.5, 0.75].map((y) => )} {/* end dot */} ); } Object.assign(window, { Logo, Nav, Hero });