// Pricing — single $5/mo tier. Spatial Cinema language. Trainers & nutritionists price themselves. // Kicks off the Shape Platform $5/mo checkout. Uses the Supabase session // cookie shared with the Next.js app. If not signed in, API 401s with a redirect hint. async function startPlatformCheckout(e) { e.preventDefault(); try { const res = await fetch('/api/stripe/platform-checkout', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ successPath: '/subscribe/success', cancelPath: '/pricing' }), }); const data = await res.json().catch(() => ({})); if (res.ok && data.url) { window.location.href = data.url; return; } if (res.status === 401) { window.location.href = '/newdesign/Landing.html'; return; } alert((data && data.error) || 'Could not start checkout. Please try again.'); } catch (err) { console.error('[pricing] checkout failed', err); alert('Network error starting checkout. Please try again.'); } } const PLATFORM_FEATURES = [ "Browse all trainers & nutritionists", "Subscribe to any trainer or nutritionist", "Buy individual workout & meal plans", "Direct messaging with your pros", "Full progress tracking & analytics", "Nutrition schedule & macro tracking", "Community forum access", "Shape Radio — ad-free workout music", ]; const EXAMPLE_COACHES = [ { role: "Trainer", name: "Maya Okafor", city: "Brooklyn", price: 120, cadence: "/mo", note: "Strength · hypertrophy", avg: "$60–$150 / session average", hue: ["#0ac5a8", "#0ac5a8"] }, { role: "Nutritionist", name: "Rae Lindqvist", city: "Lisbon", price: 180, cadence: "/mo", note: "Endurance · plant-based", avg: "$120–$250 / consult average", hue: ["#d2693f", "#e79a52"] }, { role: "Trainer", name: "Diego Alvarez", city: "Mexico City", price: 95, cadence: "/mo", note: "Run coaching · mobility", avg: "$60–$150 / session average", hue: ["#1f6f62", "#0ac5a8"] }, ]; const PRICING_FAQ = [ { q: "What do I get for $5/month?", a: "Full platform access — browse trainers and nutritionists, message your pros, track your progress, log meals, listen to Shape Radio ad-free, and join the community. The $5 is the Shape Platform fee. Anything you buy from an individual coach (a subscription, a plan, a one-off session) is separate and goes directly to them." }, { q: "Do I have to subscribe to a coach?", a: "No. For $5/mo you can browse, message intro calls, buy one-off plans, and use the community. A lot of members stay at the platform level and only buy workouts or meal plans à la carte. Others subscribe to one or more coaches for ongoing programming." }, { q: "How much do trainers and nutritionists cost?", a: "Each pro sets their own price. Trainers typically run $60–$150 per session or $80–$250/month for full programming. Nutritionists typically run $120–$250 per consult or $120–$300/month for plans + reviews. You see each coach's rate on their profile before you subscribe." }, { q: "Can I cancel any time?", a: "Yes — the $5/mo cancels instantly from your settings. Coach subscriptions cancel on the same screen. No penalties, no lock-in. Your data and training history stay with you." }, { q: "Do trainers and nutritionists pay to be on Shape?", a: "No monthly dues, no setup fees. Shape takes a 15% platform fee on everything clients pay you — you only pay when you earn. Standard card processing is separate." }, { q: "Is Shape Radio really included?", a: "Yes — ad-free workout mixes, BPM-curated stations, live DJ sets from residents. Part of the $5/mo. Offline downloads included. No upsell." }, ]; const REDUCED_PR = typeof matchMedia !== "undefined" && matchMedia("(prefers-reduced-motion: reduce)").matches; function Reveal({ children, delay = 0, style = {} }) { const ref = React.useRef(null); const [on, setOn] = React.useState(REDUCED_PR); React.useEffect(() => { if (REDUCED_PR || !ref.current) return; const io = new IntersectionObserver((es) => es.forEach((e) => { if (e.isIntersecting) { setOn(true); io.disconnect(); } }), { threshold: 0.15 }); io.observe(ref.current); return () => io.disconnect(); }, []); return (
{children}
); } function PricingHero() { return (
Pricing

Five dollars a month.
Pay your coach directly.

One flat platform fee. Browse every trainer and nutritionist before paying anything, message your pros, track progress, log meals, listen to Shape Radio. Coaches set their own rates — you pay them directly, cancel any time.

); } function PricingCard() { return (
INCLUDES SHAPE RADIO
Shape Platform
$5
/month
What every Shape client pays to use the platform. Your coach's rate is separate and paid directly to them.
Everything you need. No bundles. No upsell. No seat math.
Get started →
Cancel any time. No commitments.
WHAT'S INCLUDED
{PLATFORM_FEATURES.map((f, i) => (
✓{f}
))}
); } function CoachCard({ c }) { const ref = React.useRef(null); const onMove = (e) => { if (REDUCED_PR || !ref.current) return; const r = ref.current.getBoundingClientRect(); const px = (e.clientX - r.left) / r.width - 0.5, py = (e.clientY - r.top) / r.height - 0.5; ref.current.style.transform = `perspective(1200px) rotateY(${px * 7}deg) rotateX(${-py * 7}deg) translateZ(6px)`; }; const onLeave = () => { if (ref.current) ref.current.style.transform = ""; }; return (
{c.role.toUpperCase()}
{c.name}
{c.city} · {c.note}
${c.price}
{c.cadence}
{c.avg}
); } function PricingCoaches() { return (
Coaches price themselves

Your coach sets the rate. You pay them directly.

Subscribe monthly for ongoing programming, or buy one-off plans and sessions à la carte. Every rate is visible on the coach's profile before you commit. Typical ranges below — the coach is always the source of truth.

{EXAMPLE_COACHES.map((c, i) => )}
Browse all coaches →
); } function PricingFAQ() { const [open, setOpen] = React.useState(0); return (
FAQ

Things people actually ask.

{PRICING_FAQ.map((f, i) => (
{open === i &&
{f.a}
}
))}
); } function PricingCTA() { return (
One platform fee · one marketplace

$5 a month. Cancel any time.

); } function PricingPage() { return (
); } ReactDOM.createRoot(document.getElementById("root")).render();