// Visual SVGs: hero orb, neural diagram, work card visuals, about ring const HeroOrb = () => ( {/* concentric rings rotating */} {/* infinity symbol echoing logo */} {/* nodes */} {[...Array(8)].map((_, i) => { const a = (i / 8) * Math.PI * 2; const r = 240; const x = 300 + Math.cos(a) * r; const y = 300 + Math.sin(a) * r * 0.45; return ; })} ); const NeuralDiagram = () => { // 3 layers, lines connecting const cols = [ { x: 60, n: 4 }, { x: 200, n: 6 }, { x: 340, n: 6 }, { x: 480, n: 3 }, ]; const yFor = (col, i) => { const total = col.n; const step = 360 / (total + 1); return 60 + step * (i + 1); }; return ( {/* lines */} {cols.slice(0, -1).map((col, ci) => { const next = cols[ci + 1]; const lines = []; for (let i = 0; i < col.n; i++) { for (let j = 0; j < next.n; j++) { const x1 = col.x, y1 = yFor(col, i); const x2 = next.x, y2 = yFor(next, j); const op = 0.05 + Math.random() * 0.15; lines.push(); } } return {lines}; })} {/* animated pulse lines */} {[0,1,2,3,4,5,6].map(i => { const ci = i % 3; const col = cols[ci]; const next = cols[ci+1]; const a = Math.floor(Math.random() * col.n); const b = Math.floor(Math.random() * next.n); const x1 = col.x, y1 = yFor(col, a); const x2 = next.x, y2 = yFor(next, b); return ( ); })} {/* nodes */} {cols.map((col, ci) => ( {[...Array(col.n)].map((_, i) => { const cx = col.x; const cy = yFor(col, i); return ( ); })} ))} {/* labels */} INPUT PROCESS DECIDE OUTPUT ); }; const WorkVisual = ({ kind }) => { if (kind === "ecom") { return ( {/* phone mockup */} {/* floating chips */} +312% VENTAS CHECKOUT 1-CLICK ); } if (kind === "land") { return ( ); } if (kind === "ai") { return ( {[0,1,2,3,4,5,6,7].map(i => { const a = (i/8)*Math.PI*2; return ; })} {[0,1,2,3,4,5,6,7].map(i => { const a = (i/8)*Math.PI*2; return ; })} {"> agent.run('lead-qualify')"} ); } if (kind === "app") { return ( {[0,1,2].map(i => ( ))} ); } if (kind === "mkt") { return ( {/* line chart */} ROAS 6.4x ); } return null; }; const AboutRing = () => ( {[60, 100, 140, 180, 220].map((r, i) => ( ))} {/* infinity */} ); window.HeroOrb = HeroOrb; window.NeuralDiagram = NeuralDiagram; window.WorkVisual = WorkVisual; window.AboutRing = AboutRing;