// Pricing — the full QubikOS pricing experience. // Premium, not cheap: full OS included at every size, AI capabilities as // optional upgrades, transparent payments with real choice. English copy. const { useState: _pUseS, useEffect: _pUseE, useRef: _pUseR } = React; // ---------------------------------------------------------------- data const PLANS = [ { key: 'start', name: 'Start', price: 99, members: 'Up to 100 active members', blurb: 'For smaller activity businesses building a serious operation.', popular: false, }, { key: 'grow', name: 'Grow', price: 179, members: 'Up to 400 active members', blurb: 'For established activity businesses ready to grow.', popular: true, }, { key: 'scale', name: 'Scale', price: 299, members: 'Up to 800 active members', blurb: 'For larger activity businesses running serious volume.', popular: false, }, ]; const ENTERPRISE = { key: 'enterprise', name: 'Enterprise', members: '800+ active members', blurb: 'Multi-location, large organizations, and franchises.', }; // Same list on every plan — the OS doesn't shrink with the tier. const CAPABILITY_PREVIEW = [ 'Scheduling', 'Billing', 'Website', 'Online Booking', 'Parent Portal', 'Attendance', 'Leads', 'Staff', 'Progress', 'Automations', ]; const TRUST_SIGNALS = [ '30-day free trial', 'No setup fee', 'No migration fee', 'Unlimited staff', 'Full QubikOS', 'No long-term contract', ]; const ADDONS = [ { key: 'frontdesk', name: 'AI Front Desk', price: 149, hero: true, icon: 'phone', headline: 'Never miss another lead.', blurb: 'Answers. Follows up. Books. Even when your team is coaching.', bullets: ['24/7 responses', 'Website chat & SMS', 'Missed-inquiry follow-up', 'Trial booking', 'Program & pricing questions', 'Human handoff'], }, { key: 'connectai', name: 'Connect Your AI', price: 49, icon: 'plug', headline: 'Let ChatGPT, Claude and AI agents securely work with your QubikOS.', bullets: ['Secure AI connections', 'Permission-controlled access', 'Business data context', 'Agent actions', 'Activity logs'], small: 'Powered by QubikOS MCP', }, { key: 'brandedapp', name: 'Branded App', price: 99, icon: 'app', headline: 'Your business. Your app.', bullets: ['Your logo & colors', 'iOS & Android', 'Push notifications', 'App Store presence'], }, { key: 'intelligence', name: 'Advanced Intelligence', price: 79, icon: 'brain', headline: 'See what’s coming.', bullets: ['Churn prediction', 'At-risk members', 'Revenue forecasting', 'Class profitability', 'Natural-language business questions'], }, ]; const FEATURE_GROUPS = [ { key: 'run', name: 'Run', icon: 'calendar', preview: ['Scheduling', 'Recurring Classes', 'Camps', 'Waitlists', 'Attendance'], full: ['Scheduling', 'Classes', 'Recurring Classes', 'Private Lessons', 'Camps', 'Clinics', 'Events', 'Waitlists', 'Capacity Management', 'Attendance', 'Make-ups'] }, { key: 'families', name: 'Families', icon: 'users', preview: ['Family Accounts', 'Parent Portal', 'Online Registration', 'Self-Service Enrollment', 'Waivers'], full: ['Family Accounts', 'Parent Portal', 'Online Registration', 'Self-Service Enrollment', 'Self-Service Make-ups', 'Waivers', 'Transfers', 'Profile Management', 'Communication History'] }, { key: 'money', name: 'Money', icon: 'card', preview: ['Recurring Billing', 'Autopay', 'Sibling Discounts', 'Failed-Payment Recovery', 'Revenue Reporting'], full: ['Recurring Billing', 'Autopay', 'Invoices', 'Prorating', 'Sibling Discounts', 'Multi-Class Discounts', 'Coupon Codes', 'Credits', 'Refunds', 'Payment Plans', 'Deposits', 'Late Fees', 'Failed-Payment Recovery', '5th-Week Billing', 'Revenue Reporting'] }, { key: 'grow', name: 'Grow', icon: 'trend', preview: ['Lead Capture', 'Lead Pipeline', 'Trial Booking', 'Automated Follow-ups', 'Conversion Tracking'], full: ['Lead Capture', 'Lead Pipeline', 'Trials', 'Trial Booking', 'Lead Sources', 'Conversion Tracking', 'Automated Follow-ups', 'Campaigns', 'Website Forms', 'Lead History'] }, { key: 'team', name: 'Team', icon: 'shield', preview: ['Staff Profiles', 'Staff Scheduling', 'Availability', 'Time Clock', 'Permissions'], full: ['Staff Profiles', 'Staff Scheduling', 'Availability', 'Substitutions', 'Time Clock', 'Permissions', 'Internal Communication', 'Staff Reporting'] }, { key: 'progress', name: 'Progress', icon: 'sparkle', preview: ['Skill Tracking', 'Evaluations', 'Levels', 'Parent-Visible Progress', 'Certificates'], full: ['Skill Tracking', 'Evaluations', 'Levels', 'Progress Tracking', 'Testing', 'Parent-Visible Progress', 'Certificates / Achievements'] }, { key: 'connect', name: 'Connect', icon: 'bell', preview: ['Email', 'SMS', 'Two-Way Messaging', 'Push Notifications', 'Automations'], full: ['Email', 'SMS', 'Two-Way Messaging', 'Message History', 'Push Notifications', 'Automations', 'Integrations', 'API', 'Webhooks'] }, { key: 'reports', name: 'Reports', icon: 'chart', preview: ['Revenue', 'Enrollment', 'Attendance', 'Retention', 'Dashboards'], full: ['Revenue', 'Enrollment', 'Attendance', 'Retention', 'Lead Conversion', 'Staff', 'Capacity', 'Dashboards'] }, ]; const SIZE_STEPS = [ { label: '100', plan: 'start' }, { label: '400', plan: 'grow' }, { label: '800', plan: 'scale' }, { label: '800+', plan: 'enterprise' }, ]; function planByKey(key) { return PLANS.find(p => p.key === key) || ENTERPRISE; } // ---------------------------------------------------------------- hero + cards function PricingHeroAndPlans() { return (

Pricing

Simple pricing.
The full operating system.

Same QubikOS. More business. Plans scale with the size of your studio — not with which features you’re allowed to use.

{PLANS.map(pl => )}
{TRUST_SIGNALS.map(t => ( {t} ))}
); } function PlanCard({ plan }) { const scrollToExplorer = (e) => { e.preventDefault(); document.getElementById('everything-inside')?.scrollIntoView({ behavior: 'smooth', block: 'start' }); }; return (
{plan.popular && (
MOST POPULAR
)}

{plan.name}

{plan.blurb}

${plan.price} /month
FULL QUBIKOS INCLUDED

{plan.members}

{CAPABILITY_PREVIEW.map(c => ( {c} ))}
Explore everything included Start 30-Day Free Trial
); } function EnterpriseStrip() { return (

Enterprise — {ENTERPRISE.members}

{ENTERPRISE.blurb}

Let’s Talk
); } // ---------------------------------------------------------------- feature explorer function FeatureExplorer() { const [openKey, setOpenKey] = _pUseS(null); return (

Everything inside QubikOS

One operating system for everything behind your activity business.

{FEATURE_GROUPS.map(g => { const open = openKey === g.key; return (

{g.name}

    {(open ? g.full : g.preview).map(f => (
  • {f}
    • ))}
); })}
); } // ---------------------------------------------------------------- website & booking function WebsiteBooking() { const items = [ 'Instant website builder', 'Live schedule', 'Online class booking', 'Trial & camp booking', 'Private-lesson booking', 'Online registration', 'Lead forms', 'Parent portal connection', ]; return (

Website & booking

Your digital front door.
Built in.

QubikOS can build your customer-facing website — not just a link or an embedded calendar. It’s connected directly to the same operating system running your schedule, billing, and leads.

{items.map(i => ( {i} ))}

Part of every QubikOS plan — no separate website pricing.

Your Studio

Book a trial class

{['Tuesday, 4:30 PM — Girls 1', 'Thursday, 5:00 PM — Boys 1', 'Saturday, 10:00 AM — Open Gym'].map(row => (
{row} Select
))}
); } // ---------------------------------------------------------------- premium capabilities function PremiumCapabilities() { const heroAddon = ADDONS.find(a => a.hero); const rest = ADDONS.filter(a => !a.hero); return (

Go further

Make QubikOS even more powerful.

The core operating system is already complete. These are optional.

{heroAddon.name}

{heroAddon.headline}

{heroAddon.blurb}

+${heroAddon.price} /month

    {heroAddon.bullets.map(b => (
  • {b}
    • ))}
{rest.map(a => (

{a.name}

{a.headline}

    {a.bullets.map(b => (
  • {b}
    • ))}
+${a.price} /mo
{a.small && (

{a.small}

)}
))}
); } // ---------------------------------------------------------------- payments your way function PaymentsYourWay() { return (

Payments

Payments. Your way.

QubikOS supports more than one processing path — you choose. No lock-in.

Fast Start

Get started fast.

Connect a supported easy-onboarding processor and start accepting payments right away — no traditional merchant-account process.

Typical economics: 3.5%+, depending on processor and configuration.

Best for businesses that value speed and simple onboarding.

Connect & Go

QubikOS Payments

Keep more of every payment.

Integrated directly into QubikOS — billing, autopay, refunds, credits, and reporting in one system.

2.9% + $0.30* per card transaction

Start fast today. Optimize your processing when you’re ready.

Switch to QubikOS Payments

* Current published card rate for QubikOS Payments; final rate may vary by business configuration.

); } // ---------------------------------------------------------------- configurator function Configurator() { const [sizeIdx, setSizeIdx] = _pUseS(1); // default: Grow / 400 const [selected, setSelected] = _pUseS({}); const plan = planByKey(SIZE_STEPS[sizeIdx].plan); const isEnterprise = plan.key === 'enterprise'; const toggle = (key) => setSelected(s => ({ ...s, [key]: !s[key] })); const addonTotal = ADDONS.reduce((sum, a) => sum + (selected[a.key] ? a.price : 0), 0); const total = isEnterprise ? null : (plan.price || 0) + addonTotal; const animatedTotal = window.useCountUp(total || 0, !isEnterprise, 420); // Desktop sticky bar: only once the on-page total has scrolled out of // view and there's an actual choice to remember. Mobile stays always-on. const totalRef = _pUseR(null); const [totalInView, setTotalInView] = _pUseS(true); const [isMobile, setIsMobile] = _pUseS(false); _pUseE(() => { if (!totalRef.current) return; const io = new IntersectionObserver(([e]) => setTotalInView(e.isIntersecting), { threshold: 0.1 }); io.observe(totalRef.current); return () => io.disconnect(); }, []); _pUseE(() => { const mq = window.matchMedia('(max-width: 700px)'); const update = () => setIsMobile(mq.matches); update(); mq.addEventListener('change', update); return () => mq.removeEventListener('change', update); }, []); const hasSelection = Object.values(selected).some(Boolean); const showDesktopStickyBar = !totalInView && hasSelection; const stickyBarVisible = isMobile || showDesktopStickyBar; _pUseE(() => { document.documentElement.style.setProperty('--qb-sticky-bar-offset', stickyBarVisible ? '78px' : '0px'); return () => document.documentElement.style.setProperty('--qb-sticky-bar-offset', '0px'); }, [stickyBarVisible]); return (

Build your QubikOS

Build your QubikOS.

{/* Step 1 — size */}

Step 1 — Business size (active members)

{SIZE_STEPS.map((s, i) => ( ))}

{plan.name} — {plan.members} {!isEnterprise && <> — ${plan.price}/month}

{/* Step 2 — addons */}

Step 2 — Make it yours

{ADDONS.map(a => { const on = !!selected[a.key]; return ( ); })}
{/* Step 3 — total */}

Your QubikOS

{isEnterprise ? (

Custom

) : (

${Math.round(animatedTotal).toLocaleString('en-US')} /month

)}

{isEnterprise ? 'Let’s find the right fit for your organization.' : '30 days free'}

{isEnterprise ? 'Let’s Talk' : 'Start 30-Day Free Trial'}

Whatever comes up. We handle it.

Your QubikOS

{isEnterprise ? 'Custom' : `$${Math.round(animatedTotal).toLocaleString('en-US')}/mo`}

{isEnterprise ? 'Let’s Talk' : 'Start Free'}
); } // ---------------------------------------------------------------- root function Pricing() { return ( <> ); } window.QBPricing = Pricing;