// Client marketing overview — parallel to Coach.html / Nutritionist.html const { useState: useSClientOv } = React; // Match home page palette (#06080a near-black-green with light teal text) const DARK = "#06080a"; const LIGHT = "#e9efed"; // ---------- Hero ---------- function ClientOvHero() { return (
For clients

Shape your
lifestyle.

Train smarter, eat better, and track every step of your progress. Shape puts certified coaches and tools in one place — so you can focus on becoming the best version of yourself.

Find your coach → See pricing details
This week
APR 13 — APR 19
{[ { when: "Mon 07:00", kind: "WORKOUT", what: "Lower push · 5 lifts", who: "Maya" }, { when: "Tue 13:00", kind: "MEAL", what: "Check-in: protein avg", who: "Rae" }, { when: "Wed 17:30", kind: "WORKOUT", what: "Upper pull · 6 lifts", who: "Maya" }, { when: "Thu 09:00", kind: "CALL", what: "Quarterly review · 30 min", who: "Maya + Rae" }, { when: "Fri 07:00", kind: "WORKOUT", what: "Full body · deload", who: "Maya" }, ].map((it, i) => (
{it.when}
{it.kind}
{it.what}
{it.who}
))}
5 sessions · 1 review on track ●
From Maya
Great session. Added 5 lb to your working sets next week — you earned it.
); } // ---------- Value strip ---------- function ClientOvStats() { const items = [ { k: "Free", v: "To join. Pay your coach directly — no middleman markup." }, { k: "Verified", v: "Every trainer and nutritionist is credential-checked." }, { k: "Together", v: "Training, nutrition, and community in one place." }, { k: "Yours", v: "Your data, your plan, your coach. Leave anytime." }, ]; return (
{items.map((it, i) => (
6 ? 42 : 56, letterSpacing: "-0.035em", fontWeight: 400, color: LIGHT, lineHeight: 1 }}>{it.k}
{it.v}
))}
); } // ---------- Why Shape ---------- function ClientOvWhy() { const pillars = [ { n: "01", title: "One person who knows you", body: "Not a chatbot. Not a generic plan. A real coach who reads your logs, writes your program, and messages back. One name, one number, one relationship.", }, { n: "02", title: "A whole team, if you want one", body: "Pair a trainer with a nutritionist. Stack specialists — strength, endurance, recovery, therapy. They see the same calendar, the same goals. No explaining yourself twice.", }, { n: "03", title: "One place, no app graveyard", body: "Workouts, meals, messages, check-ins, invoices, calendar. Everything in one place. Delete the other six apps on your phone.", }, ]; return (
Why Shape for you

Everything a coach gives you. Nothing a chatbot can.

{pillars.map((p, i) => (
{p.n}
{p.title}

{p.body}

))}
); } // ---------- How it works ---------- function ClientOvHow() { const steps = [ { n: "01", t: "Tell us what you want", b: "Goals, training history, schedule, injuries, food preferences. Takes about 5 minutes — enough for us to match well.", time: "5 min" }, { n: "02", t: "Match with a coach", b: "Browse verified trainers and nutritionists, or let Shape recommend. Filter by specialty, format, city, rate. Book a free intro call with up to three.", time: "Same day" }, { n: "03", t: "Start your first week", b: "Your coach writes your program. You get a calendar, messages thread, and log. Train, eat, check in. They read everything.", time: "Week 1" }, { n: "04", t: "Adjust as you go", b: "Your coach sets check-in times that fit your schedule — whatever cadence works for the two of you. They review progress and re-write. Swap coaches anytime, add a nutritionist, scale up or down — your call.", time: "Ongoing" }, ]; return (
How it works

From curious
to coached in a week.

Most members find their coach in an afternoon and start the following Monday. Nothing about this has to be slow — but nothing about it is generic either.

{steps.map((s, i) => (
{s.time}
{s.n}
{s.t}

{s.b}

))}
); } // ---------- Paths / plans ---------- function ClientOvPaths() { const paths = [ { tag: "Starter", title: "Just a trainer", body: "One coach. Custom programming, check-ins, form reviews, calendar, and messages. Good for strength, endurance, or general.", price: "from $280/mo", cta: ["Browse trainers", "Marketplace.html"], featured: false, }, { tag: "Nutrition", title: "Just a nutritionist", body: "One specialist, dialed in. Custom meal plans, macro targets, and check-ins — your goals, your calendar, your review cycle.", price: "from $280/mo", cta: ["Browse nutritionists", "Marketplace.html"], featured: true, }, { tag: "Specialists", title: "Build a full team", body: "Add PT, recovery, sport psych, massage. One roster, one calendar, one invoice. For serious training seasons or real rehab.", price: "custom", cta: ["Browse specialists", "Marketplace.html"], featured: false, }, ]; return (
Three ways in

Start with one. Add more anytime.

{paths.map((p, i) => (
{p.tag}
{p.title}

{p.body}

{p.price}
{p.cta[0]} →
))}
); } // ---------- What you get ---------- function ClientOvTools() { const tools = [ { t: "Real programming", b: "Your coach writes it. Sets, reps, progressions, substitutions — plus meal plans built around your goals. Updated every cycle based on how you're actually moving and eating." }, { t: "Shape Radio", b: "Curated stations for lifting, running, recovery, and focus. Auto-matches the tempo of your session — your warm-up, your working sets, your cool-down." }, { t: "Habits", b: "Build the good ones, break the bad. Track sleep, steps, mood, hydration, screen time, anything — your streaks roll up into your Shape Score." }, { t: "Grocery list", b: "Your nutritionist's meal plan turns itself into a shoppable list, organized by aisle, with a live running cost. One tap sends the whole thing to Instacart." }, { t: "Shape calendar", b: "Your own training calendar inside Shape — workouts, meals, check-ins, and calls all in one view. Your coach sees what you see, and updates land in real time." }, { t: "Messaging", b: "DM your coach, your nutritionist, your training friends — or jump into community threads and event chats. Form-check videos, recipes, race-day pep talks, group challenges. Everyone you train with, in one inbox." }, { t: "Shape Score", b: "Every kept session, logged meal, and hit habit earns points. Climb tiers, unlock rewards — session credits, plan refreshes, Shape merch. Showing up pays you back." }, { t: "Community & events", b: "Local runs, lift nights, cohorts, and challenges. Train alone; stay accountable with people in your city." }, ]; return (
What you get

Everything you actually use.

{tools.map((tool, i) => (
{tool.t}

{tool.b}

))}
); } // ---------- FAQ ---------- function ClientOvSnapshots() { const habits = [ { kind: "do", name: "Sleep 8 hrs", days: "7/7", hit: true, note: "streak · 12d" }, { kind: "do", name: "10,000 steps", days: "6/7", hit: true, note: "+2 from last wk" }, { kind: "do", name: "Take vitamins", days: "5/7", hit: true, note: "" }, { kind: "dont", name: "No phone after 9pm", days: "4/7", hit: false, note: "" }, { kind: "do", name: "Read 20 min", days: "6/7", hit: true, note: "" }, { kind: "dont", name: "No alcohol weekdays", days: "5/5", hit: true, note: "streak · 8d" }, { kind: "dont", name: "Negative self-talk", days: "4/7", hit: false, note: "" }, { kind: "do", name: "Stretch / mobility", days: "4/7", hit: false, note: "" }, ]; const grocery = [ { aisle: "Produce", items: ["Avocado × 4", "Baby spinach", "Blueberries", "Sweet potato × 3"] }, { aisle: "Protein", items: ["Chicken breast · 2 lb", "Wild salmon · 1 lb", "Eggs · 18 ct"] }, { aisle: "Pantry", items: ["Rolled oats", "Almond butter", "Brown rice · 2 lb"] }, { aisle: "Dairy", items: ["Greek yogurt · 32 oz", "Feta"] }, ]; return (
Inside the app

The habits and the list.

{/* Habits snapshot */}
Habits
WEEK 04 · APR 13 — APR 19
{habits.map((h, i) => { const isDont = h.kind === "dont"; const accent = isDont ? "#d2693f" : TEAL; return (
{h.hit && {isDont ? "×" : "✓"}}
{isDont ? "Don't" : "Do"}
{h.name}
{h.days}
{h.note}
); })}
5 / 8 above target · 3 don'ts Shape Score +12 ●
{/* Grocery list snapshot — tied to the meal plan above. */}
Grocery list
FROM RAE'S PLAN · WEEK 04
{grocery.map((g, i) => (
{g.aisle}
{g.items.length} items
{g.items.map((it, j) => (
{it}
))}
))}
12 items · ~$72 ☆ Save to library Send to Instacart →
); } function ClientOvFAQ() { const faqs = [ { q: "What does it cost?", a: "Shape is $5/month for clients and includes Shape Radio and full platform access. Coach rates are set by each coach, and you pay them through the platform on top of the $5 membership." }, { q: "Can I try a coach before committing?", a: "Yes. Every listed trainer and nutritionist offers a free 20-minute intro call. Book up to three at once, decide after." }, { q: "Can I have a trainer and a nutritionist?", a: "That's the most common setup. They see the same calendar and your goals. You message each separately, but they coordinate." }, { q: "What if it's not working?", a: "Switch coaches whenever. You keep your history, logs, and calendar; your next coach picks up with full context. No fees, no drama." }, { q: "Do I need a gym?", a: "Up to you and your coach. Filter the marketplace by 'at-home', 'gym-based', or 'hybrid'. Many trainers work with home-gym or bodyweight-only clients." }, { q: "Is my data safe?", a: "Yes. End-to-end encrypted messages. You own your log data and can export everything anytime. Nothing sold, nothing shared." }, ]; const [open, setOpen] = useSClientOv(0); return (
FAQ

Common questions.

{faqs.map((f, i) => (
{open === i &&

{f.a}

}
))}
); } // ---------- Final CTA ---------- function ClientOvCTA() { return (
Find your coach

You're ready.
Pick someone real.

Free to join. Free intro calls. The right coach is usually a 20-minute conversation away.

Browse coaches → See pricing details
); } // ---------- Page ---------- function ClientOverviewPage() { return (
); } ReactDOM.createRoot(document.getElementById("root")).render();