// app.jsx — vfrog landing page main app const { useState: useS, useEffect: useE, useRef: useR } = React; // H1 variations (Tweaks) const H1_OPTIONS = { default: { line1: 'The full physical AI loop.', line2: <>Any robot. Any model., }, stop: { line1: <>Stop building robot infrastructure., line2: Start shipping robot skills., }, six_months: { line1: <>Six engineering-months of platform work,, line2: <>in two weeks of onboarding., }, one_loop: { line1: 'One loop for physical AI —', line2: <>on any robot, any model., }, }; // ─── Nav ───────────────────────────────────────────────────────────── function Nav() { return ( ); } // ─── Hero ──────────────────────────────────────────────────────────── function Hero({ h1Variant }) { const variant = H1_OPTIONS[h1Variant] || H1_OPTIONS.default; // live tick for the meta line const [tick, setTick] = useS(0); useE(() => { const id = setInterval(() => setTick(t => t + 1), 1000); return () => clearInterval(id); }, []); const now = new Date(); const ts = now.toISOString().replace('T', ' ').slice(0, 19) + ' UTC'; return (
{ts} LAT 53.9758° N LON 32.1574° E ● ONLINE
Physical AI infrastructure for robotics labs

{variant.line1} {variant.line2}

Capture, train, evaluate, and deploy robot skills end-to-end — with synthetic data built in and no model lock-in. Built for robotics teams who'd rather ship skills than build infrastructure.

Book a discovery call → See how the loop works ↓
Two-week onboarding from call to running environment · Works with your robot, your model, your stack
SCROLL § 01 LOOP
); } // ─── App ───────────────────────────────────────────────────────────── const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "h1Variant": "default", "showRoadmap": true, "loopTreatment": "flow" }/*EDITMODE-END*/; function App() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); // Scroll reveal observer useE(() => { const els = document.querySelectorAll('.reveal'); if (!('IntersectionObserver' in window)) { els.forEach(el => el.classList.add('in')); return; } const io = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } }); }, { threshold: 0.08, rootMargin: '0px 0px -40px 0px' }); els.forEach(el => io.observe(el)); return () => io.disconnect(); }, []); return ( <>