/* On The Limit β€” Find Your Fit enquiry flow modal */ function FindYourFit({ onClose }) { const { Button } = window.DesignSystem_494066; const go = window.OTL_go; const isMobile = window.OTL_useIsMobile(); const [step, setStep] = React.useState(0); const [answers, setAnswers] = React.useState({}); const [result, setResult] = React.useState(null); const [animDir, setAnimDir] = React.useState('forward'); const questions = [ { key: 'goal', q: 'What do you want to get out of your gym experience?', options: [ { id: 'fitter', label: 'Get fitter & lose weight', icon: 'πŸƒ' }, { id: 'strength', label: 'Build strength & muscle', icon: 'πŸ’ͺ' }, { id: 'event', label: 'Train for an event (HYROX, race…)', icon: 'πŸ†' }, { id: 'wellbeing', label: 'Improve my health & wellbeing', icon: '🧘' }, { id: 'community', label: 'Find my people & stay motivated', icon: '🀝' }, ], }, { key: 'level', q: 'How would you describe yourself right now?', options: [ { id: 'beginner', label: "Just starting out, haven't trained much" }, { id: 'returning', label: 'Getting back into it after a break' }, { id: 'active', label: 'Already active, want more structure' }, { id: 'experienced', label: 'Training regularly, ready to push harder' }, ], }, { key: 'style', q: 'How do you prefer to train?', options: [ { id: 'group', label: 'In a group, I love the energy' }, { id: 'one2one', label: 'One-to-one with a coach' }, { id: 'solo', label: 'On my own, at my own pace' }, { id: 'mix', label: 'Mix of everything, variety keeps me going' }, ], }, { key: 'frequency', q: 'How often are you hoping to train each week?', options: [ { id: '1-2', label: '1–2 times, steady start' }, { id: '3-4', label: '3–4 times, consistent routine' }, { id: '5+', label: '5+ times, I mean business' }, ], }, ]; const APP_STORE_URL = 'https://apps.apple.com/app/on-the-limit'; // update with real App Store link const PLAY_STORE_URL = 'https://play.google.com/store/apps/details?id=com.onthelimit'; // update with real Play Store link function getResult(a) { // Elevate: only studio-focused, wellbeing goal, lightest commitment if (a.style === 'group' && a.goal === 'wellbeing' && a.frequency === '1-2') return 'elevate'; // Everything else β†’ Accelerate X return 'accelerate'; } function getAccelerateBody(a) { if (a.goal === 'event') return "You're training with a target in mind, Accelerate X gives you full HYROX sessions, GRIT, the gym floor and Studio Classes all under one roof. Everything you need to hit that start line in the best shape of your life."; if (a.goal === 'strength') return "Building real strength takes variety, heavy lifting on the gym floor, GRIT sessions that push your limits, and coaches who keep your technique honest. Accelerate X gives you all of that, every single day."; if (a.goal === 'fitter') return "Getting fitter happens fastest when you've got options, GRIT to build conditioning, Studio Classes to keep it fresh, and the gym floor for the days you want to go at your own pace. Accelerate X covers it all."; if (a.goal === 'community') return "The best results come when you're part of something. With Accelerate X you're in every GRIT session, every studio class, every HYROX session, training alongside the same people, week in, week out."; if (a.style === 'one2one') return "Accelerate X gives you full access to every session and the gym floor, and you can add Personal Training on top whenever you're ready for dedicated one-to-one coaching. The best of both worlds."; return "Accelerate X is our flagship membership and the one the vast majority of our members choose. GRIT, Studio Classes, HYROX, the full gym floor, everything included, no tie-ins, coaches alongside you every step."; } const RESULTS = { accelerate: (a) => ({ tag: 'Accelerate X', body: getAccelerateBody(a), whatsIncluded: [ 'GRIT sessions (group PT)', 'Studio Classes & RIDE (150+ per month)', 'HYROX Training', 'Full gym floor access, 7 days a week', 'Coached every session', 'No tie-in contracts, cancel any time', ], membershipNote: 'Everything included. No tie-in contracts.', }), elevate: () => ({ tag: 'Elevate', body: "Elevate gives you unlimited Studio Classes, RIDE and full gym floor access, perfect if classes and your own training sessions are your thing. Over 150 group classes a month, coached every time, with a rotating timetable that never gets stale.", whatsIncluded: [ 'Unlimited Studio Classes & RIDE', '150+ classes per month', 'Full gym floor access, 7 days a week', 'Coached every session', 'No tie-in contracts, cancel any time', ], membershipNote: 'Studio & gym floor access. No tie-in contracts.', }), }; function buildResult(a) { const key = getResult(a); const builder = RESULTS[key]; return { key, ...builder(a) }; } function pick(key, id) { const newAnswers = { ...answers, [key]: id }; setAnswers(newAnswers); setAnimDir('forward'); if (step < questions.length - 1) { setStep(s => s + 1); } else { setResult(buildResult(newAnswers)); } } function back() { setAnimDir('back'); if (result) { setResult(null); return; } if (step > 0) setStep(s => s - 1); } const progress = result ? 1 : step / questions.length; const modal = (
e.target === e.currentTarget && onClose()} style={{ position: 'fixed', inset: 0, zIndex: 10000, background: 'rgba(0,0,0,0.78)', backdropFilter: 'blur(6px)', display: 'flex', alignItems: 'center', justifyContent: 'center', padding: '20px', }} >
{/* Close */} {/* Progress bar */}
{result ? 'Your result' : `Step ${step + 1} of ${questions.length}`}
{result ? ( /* RESULT SCREEN */
{/* Label */}
Your best membership is
{/* Membership name */}

{result.tag}

{/* Why */}

{result.body}

{/* Bullet points */}
{result.whatsIncluded.map(item => (
{item}
))}
{/* Download label */}
Join via the On The Limit app:
{/* Store badges */}
) : ( /* QUESTION SCREEN */

{questions[step].q}

{questions[step].options.map(opt => ( ))}
{step > 0 && ( )}
)}
); return ReactDOM.createPortal(modal, document.body); } window.OTL_FindYourFit = FindYourFit;