// Section primitives — English copy, tightened hero. // Depends on window.{Wordmark, Pill, QBButton, SportIcon, QB_SPORTS} const { useState, useEffect, useRef } = React; function useOnScreen(options = { threshold: 0.15 }) { const ref = useRef(null); const [seen, setSeen] = useState(false); useEffect(() => { if (!ref.current) return; const io = new IntersectionObserver(([e]) => { if (e.isIntersecting) { setSeen(true); io.disconnect(); } }, options); io.observe(ref.current); return () => io.disconnect(); }, []); return [ref, seen]; } function useCountUp(target, active, duration = 1400) { const [v, setV] = useState(0); useEffect(() => { if (!active) return; const start = performance.now(); let raf; const tick = (t) => { const p = Math.min(1, (t - start) / duration); const e = 1 - Math.pow(1 - p, 3); setV(target * e); if (p < 1) raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); }, [active, target, duration]); return v; } function Icon({ name, size = 20, stroke = 1.75 }) { const p = { zap: 'M13 2 3 14h9l-1 8 10-12h-9l1-8Z', check: 'm5 12 5 5 9-11', arrow: 'M5 12h14M13 6l6 6-6 6', sparkle: 'M12 4l2 5 5 2-5 2-2 5-2-5-5-2 5-2 2-5Z', shield: 'M12 3 4 6v6c0 5 3.5 8.5 8 9 4.5-.5 8-4 8-9V6l-8-3Z', card: 'M3 7h18v10a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7Zm0 4h18M7 15h4', users: 'M16 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2m8-10a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm11 10v-2a4 4 0 0 0-3-3.87M15 3.13a4 4 0 0 1 0 7.75', calendar: 'M3 6h18v15H3zM3 6l0-2h4M21 6l0-2h-4M8 2v4m8-4v4M3 10h18', phone: 'M5 4h4l2 5-3 2a11 11 0 0 0 5 5l2-3 5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2Z', chart: 'M3 20h18M7 16V10M12 16V6M17 16v-8', bell: 'M6 8a6 6 0 1 1 12 0c0 7 3 7 3 9H3c0-2 3-2 3-9Zm4 13a2 2 0 0 0 4 0', trend: 'M3 17l6-6 4 4 8-8M21 7h-4m4 0v4', clock: 'M12 3a9 9 0 1 0 0 18 9 9 0 0 0 0-18Zm0 4v5l3 2', download: 'M12 3v12m0 0-4-4m4 4 4-4M4 17v2a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2', swap: 'M8 3 4 7l4 4M4 7h16M16 21l4-4-4-4M20 17H4', finger: 'M9 11V5a2 2 0 1 1 4 0v6m0-3a2 2 0 1 1 4 0v4m0-2a2 2 0 1 1 4 0v5a5 5 0 0 1-5 5h-3a5 5 0 0 1-4-2l-4-6a2 2 0 0 1 3-3l2 2', }; return ( ); } function Nav() { const [open, setOpen] = useState(false); const [scrolled, setScrolled] = useState(false); useEffect(() => { const h = () => setScrolled(window.scrollY > 20); h(); window.addEventListener('scroll', h); return () => window.removeEventListener('scroll', h); }, []); const items = [ { l: 'Features', h: '#features' }, { l: 'Pricing Edge', h: '#pricing-edge' }, { l: 'Simple', h: '#simple' }, { l: 'Migrate', h: '#migrate' }, { l: 'Pricing', h: '#pricing' }, ]; return ( ); } function Hero() { return (
New · 2.2% payments. Setup in 3 clicks.

You run the gym.
We run the software.

Schedules, families, payments, attendance — all handled. You get back the evenings you used to spend fighting spreadsheets and clunky CRMs.

}>Start free ▶ Watch 90-sec demo
No credit card· 1-click migration· Cancel anytime
); } function FloatingOrbs() { return ( <>
); } function LogoStrip() { const names = ['AEROS','VITTORIA','ORBITAL','K-GYM','PROKINEX','NORDIC','APEX','FALCON','OLYMPIC','AXIS','ATLAS','RUBY']; const row = [...names, ...names]; return (

Trusted by gyms across the US

{row.map((n, i) => ( {n} ))}
); } window.QBNav = Nav; window.QBHero = Hero; window.QBLogoStrip = LogoStrip; window.QBIcon = Icon; window.useOnScreen = useOnScreen; window.useCountUp = useCountUp;