// AI Labs hero + spirograph SVG (the RAOR-loop concept art).
// Spirograph = hypotrochoid: a small inner gear rolls inside a large outer ring,
// tracing the curve. We map the 4 RAOR phases to the 4 cardinal points of the ring.
const Spirograph = ({ size = 320, animate = true, blend = 'multiply' }) => {
// Hypotrochoid params — tuned to look like the reference image
const R = 100; // outer ring radius
const r = 38; // inner gear radius
const d = 56; // pen offset from center of inner gear
const turns = 12; // full revolutions
const points = React.useMemo(() => {
const out = [];
const steps = turns * 240;
for (let i = 0; i <= steps; i++) {
const t = (i / steps) * turns * 2 * Math.PI;
const x = (R - r) * Math.cos(t) + d * Math.cos(((R - r) / r) * t);
const y = (R - r) * Math.sin(t) - d * Math.sin(((R - r) / r) * t);
out.push([x, y]);
}
return out;
}, []);
// Split into 2 strokes: outer reds, inner yellows — like the reference
const path = (color, freq, off) => {
const pts = points.filter((_, i) => (i + off) % freq === 0);
return pts.map(([x, y], i) => `${i === 0 ? 'M' : 'L'} ${x.toFixed(2)} ${y.toFixed(2)}`).join(' ');
};
return (
);
};
// Hero block — concept on the left, spirograph art on the right
const LabsHero = ({ onJumpToLabs, onStartChat }) => (
{/* Background spirograph pattern (subtle) */}
AI Labs · spin up a full AIOps stack in <90s
v0.9 · beta
Trace a full AIOps loop in one afternoon.
Sponsor labs ship pre-built Voltron Castles with a single model family, a curated KB,
and a token grant. Pick one, agree (or decline) data-sharing, and you're running
the full Recognize → Acquire → Organize/Reflect → Apply/Amplify loop the same day.