{/* OVERDUE PROGRAMS ALERT — the headline feature */} {!dismissedAlert && (

{/* left accent bar */}

{overdueClients.length} clients need next week's program

Their current block ends in the next 10 days. Write or assign a template to keep momentum.

setDismissedAlert(true)} style={{ padding: '7px 12px', borderRadius: 10, background: 'rgba(11,24,40,0.05)', border: '0.5px solid rgba(11,24,40,0.07)', fontSize: 12, fontWeight: 500, color: 'var(--text-secondary)', cursor: 'pointer', }}>Snooze 1 day

Batch from template

{/* client chips */}

{overdueClients.map(c => { const daysLeft = Math.ceil((new Date(c.programThrough) - today) / (1000 * 60 * 60 * 24)); return (

{c.name.split(' ')[0]}

{daysLeft <= 0 ? `${Math.abs(daysLeft)}d over` : `${daysLeft}d left`}

); })}

)} {/* KPI strip */}

{[ { label: 'Active clients', value: '28', delta: '+3', sub: 'this month', icon: 'user' }, { label: 'MRR', value: '$4,860', delta: '+12%', sub: 'vs Apr', icon: 'cash' }, { label: 'Sessions / wk', value: '42', delta: '+6', sub: 'vs last', icon: 'flame' }, { label: 'Unpaid', value: unpaidCount.toString(), delta: 'review', sub: '2 over 14d', icon: 'warning', warn: true }, ].map(k => (

{k.label}

{k.value}

{k.delta} · {k.sub}

))}

{/* Two-column row */}

{/* Today's sessions */}

Today's sessions

4 scheduled · 1 unconfirmed

View calendar →

{[ { time: '7:00 AM', client: 'Elena Rossi', photo: photos.clients.elena, type: 'In-person · Squat day', mode: 'gym', status: 'confirmed' }, { time: '9:30 AM', client: 'James Whitaker', photo: photos.clients.james, type: 'Video check-in · 15 min', mode: 'video', status: 'confirmed' }, { time: '12:00 PM',client: 'Aisha Bennani', photo: photos.clients.aisha, type: 'In-person · Pull session', mode: 'gym', status: 'pending' }, { time: '5:30 PM', client: 'Priya Shah', photo: photos.clients.priya, type: 'Form review · uploaded vid', mode: 'review', status: 'confirmed' }, ].map((s, i, arr) => (

{s.time}

{s.client}

{s.type}

{s.status}

))} {/* Recent activity */}

Recent activity

Across all clients

{[ { who: 'Elena', ph: photos.clients.elena, txt: 'completed Squat day · RPE 8', time: '12m', kind: 'check' }, { who: 'James', ph: photos.clients.james, txt: 'hit a 5RM PR on bench (110kg)', time: '1h', kind: 'star' }, { who: 'Aisha', ph: photos.clients.aisha, txt: 'asked for RDL sub · LB tight', time: '2h', kind: 'chat' }, { who: 'Daniel', ph: photos.clients.daniel, txt: "payment failed · $100", time: '4h', kind: 'warn' }, { who: 'Priya', ph: photos.clients.priya, txt: 'uploaded a form-check video', time: '6h', kind: 'video' }, { who: 'Nora', ph: photos.clients.nora, txt: 'flagged Hard on hip thrusts · feedback',time: '8h', kind: 'flame' }, ].map((a, i) => (

{a.who} {a.txt}

{a.time}

))}

{/* Payments overview */}

Revenue · last 12 weeks

$48,920 collected · $1,200 outstanding

{['12w', '6mo', '1y'].map((p, i) => (

{p}

))}

); } function RevenueBars({ accent = '#6ee7a8' }) { const data = [3.2, 3.6, 3.4, 3.8, 4.0, 4.1, 3.9, 4.3, 4.5, 4.4, 4.7, 4.86]; const max = 5; return (

{data.map((v, i) => { const last = i === data.length - 1; return (

W{i + 1}

); })}

); } // ───────────────────────────────────────────────────────────── // Library — exercise library with YouTube cards // ───────────────────────────────────────────────────────────── function CoachLibrary({ accent = 'sky' }) { const accentColor = accent === 'sky' ? '#0ea5e9' : accent === 'azure' ? '#3b82f6' : '#38bdf8'; const [cat, setCat] = React.useState('All'); const filtered = cat === 'All' ? libraryMoves : libraryMoves.filter(m => m.cat === cat); return ( Add custom move

} />

{/* category tabs */}

{libraryCats.map(c => { const on = c === cat; return (

setCat(c)} style={{ padding: '7px 14px', borderRadius: 999, cursor: 'pointer', fontSize: 12, fontWeight: 500, background: on ? `${accentColor}1f` : 'rgba(11,24,40,0.03)', border: on ? `0.5px solid ${accentColor}60` : '0.5px solid rgba(11,24,40,0.06)', color: on ? accentColor : 'var(--text-secondary)', }}>{c}

); })}

{/* grid */}

{filtered.map((m, i) => ( {/* video preview */}

{/* diagonal stripe texture */}

{/* play */}

{m.diff}

YouTube

{m.name}

{m.cat} {m.equip}

))}

); } // ───────────────────────────────────────────────────────────── // Templates — list + 4-week builder preview // ───────────────────────────────────────────────────────────── function CoachTemplates({ accent = 'sky' }) { const accentColor = accent === 'sky' ? '#0ea5e9' : accent === 'azure' ? '#3b82f6' : '#38bdf8'; const days = ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']; const weekPattern = [ ['Lower · strength', 'Upper · push', 'rest', 'Lower · power', 'Upper · pull', 'Conditioning', 'rest'], ['Lower · strength', 'Upper · push', 'Mobility flow', 'Lower · power', 'Upper · pull', 'Conditioning', 'rest'], ['Lower · strength', 'Upper · push', 'rest', 'Lower · volume', 'Upper · vol', 'Conditioning', 'rest'], ['Deload lower', 'Deload upper', 'rest', 'Deload lower', 'Deload upper', 'rest', 'Test'], ]; return ( Duplicate

Assign to client

} />

{/* week tabs */}

{[1, 2, 3, 4].map(w => (

{w === 4 ? 'Deload' : `Block`}

Week {w}

))}

{/* day grid */}

Week 2 · Block (current view)

{days.map((d, di) => { const session = weekPattern[1][di]; const rest = session === 'rest'; return (

{d}

{!rest ? ( <>

{session}

{Array.from({ length: 7 }).map((_, i) => (

))}

) : (

rest

)}

); })}

{/* exercise list for current day */}

Mon · Lower · strength

{exercisesToday.slice(0, 5).map((ex, i) => (

{i + 1}.

{ex.name}

{ex.sets}×{ex.reps} @ RPE {ex.rpe}

{ex.weight}kg

))}

Add exercise

{/* right rail: assign + template list */}

Assigned to

{[photos.clients.elena, photos.clients.priya, photos.clients.maya, photos.clients.nora].map((p, i) => ( ))}

+10

Tweaks per client (load, ROM, sub) carry over when you push edits.

All templates

{templatesData.map((t, i) => (

{t.name}

{t.lastEdited}

{t.weeks}w · {t.sessions} sessions · {t.clients} clients

))}

); } // ───────────────────────────────────────────────────────────── // CRM — paid/unpaid, program status // ───────────────────────────────────────────────────────────── function CoachCRM({ accent = 'sky' }) { const accentColor = accent === 'sky' ? '#0ea5e9' : accent === 'azure' ? '#3b82f6' : '#38bdf8'; const [filter, setFilter] = React.useState('all'); const today = new Date('2026-05-17'); const decorated = clientsData.map(c => { const daysLeft = Math.ceil((new Date(c.programThrough) - today) / (1000 * 60 * 60 * 24)); return { ...c, daysLeft }; }); const filtered = filter === 'all' ? decorated : filter === 'overdue' ? decorated.filter(c => c.status === 'overdue') : filter === 'program' ? decorated.filter(c => c.daysLeft < 10) : decorated; const filters = [ { id: 'all', label: 'All', count: decorated.length }, { id: 'overdue', label: 'Payment overdue', count: decorated.filter(c => c.status === 'overdue').length, warn: true }, { id: 'program', label: 'Programming due', count: decorated.filter(c => c.daysLeft < 10).length }, { id: 'paid', label: 'Active subscribers', count: decorated.filter(c => c.status === 'paid').length }, ]; return ( Filter by name…

Invite client

} />

{/* filter pills */}

{filters.map(f => { const on = filter === f.id; return (

setFilter(f.id)} style={{ padding: '8px 14px', borderRadius: 999, cursor: 'pointer', fontSize: 12, fontWeight: 500, display: 'flex', alignItems: 'center', gap: 8, background: on ? (f.warn ? 'rgba(239,68,68,0.14)' : `${accentColor}1f`) : 'rgba(11,24,40,0.03)', border: on ? (f.warn ? '0.5px solid rgba(239,68,68,0.4)' : `0.5px solid ${accentColor}60`) : '0.5px solid rgba(11,24,40,0.06)', color: on ? (f.warn ? '#ef4444' : accentColor) : 'var(--text-secondary)', }}> {f.label} {f.count}

); })}

{/* Table */}

Client

Plan

Paid through

Program runs through

Next session

Action

{filtered.map(c => { const overduePay = c.status === 'overdue'; const needsProgram = c.daysLeft < 10; return (

{/* client */}

{c.name}

{c.streak > 0 ? `${c.streak}-day streak` : 'No sessions logged · 8d'}

{/* plan */}

{c.plan}

{/* paid through */}

{c.paidThru}

{/* program runs through */}

{c.daysLeft <= 0 ? `${Math.abs(c.daysLeft)}d overdue` : `${c.daysLeft} days left`}

{/* next session */}

{c.nextSession}

{/* action */}

{overduePay && (

Remind

)} {!overduePay && needsProgram && (

Program

)} {!overduePay && !needsProgram && (

Open

)}

); })}

); } // ───────────────────────────────────────────────────────────── // Coach messaging — inbox + thread // ───────────────────────────────────────────────────────────── function CoachMessaging({ accent = 'sky' }) { const accentColor = accent === 'sky' ? '#0ea5e9' : accent === 'azure' ? '#3b82f6' : '#38bdf8'; const msgs = [ { from: 'them', text: 'Knee felt great today, thanks for the cue!', time: '8:14' }, { from: 'them', text: 'Hit 145×5 clean, set 4 was a grinder but I held position', time: '8:15' }, { from: 'me', text: 'Beautiful work. How was knee tracking on the descent?', time: '8:16' }, { from: 'them', text: 'Solid — sending video', time: '8:16' }, { from: 'me', text: "Push 147.5 next Wed. RPE 8 target. Don't grind past 9.", time: '8:17' }, ]; return (

{/* Inbox list */}

Inbox

{coachMessageThreads.map((t, i) => (

{t.online && (

)}

{t.name}

{t.time}

{t.last}

{t.unread > 0 && (

{t.unread}

)}

))}

{/* Thread */}

Elena Rossi

Online · Annual · 14-day streak

Call

Video call

Today · 8:14 AM

{msgs.map((m, i) => (

{m.text}

))} {/* uploaded video card */}

squat_set3.mp4

0:14 · just now

Send

); } // ───────────────────────────────────────────────────────────── // Coach profile // ───────────────────────────────────────────────────────────── function CoachProfile({ accent = 'sky' }) { const accentColor = accent === 'sky' ? '#0ea5e9' : accent === 'azure' ? '#3b82f6' : '#38bdf8'; const lifts = [ { name: 'Back Squat', value: 220, unit: 'kg', sub: 'Bw 2.5×' }, { name: 'Deadlift', value: 260, unit: 'kg', sub: 'Bw 2.9×' }, { name: 'Bench Press', value: 145, unit: 'kg', sub: 'Bw 1.6×' }, { name: 'Overhead Press', value: 95, unit: 'kg', sub: 'Bw 1.1×' }, ]; return (

{/* hero card */} {/* bg accent gradient */}

PRO

Strength & barbell coaching · Brooklyn, NY

Marcus Thorne

4.92 · 184 reviews

8 years coaching

NSCA-CSCS · USAW-L2

I coach barbell strength for adults who don't want to grind themselves into the ground. Method-over-mood: we pick three lifts that matter to you, and we drag them up over the next six months. I've coached competitive powerlifters and people who just want their first bodyweight squat — same patience, same care.

Book consult

Message Watch intro

{/* Expertise */}

Expertise

{[ ['Powerlifting peaking', 92], ['Hypertrophy blocks', 88], ['Return-to-lift post-injury', 78], ['Olympic lift technique', 70], ['Women\'s strength', 85], ['In-season athletes', 72], ].map(([label, pct]) => (

{label}

))}

How I coach

{[ { i: 'cal', t: 'Programs by month', d: 'I write you 4 weeks at a time. You see the current week — I see the whole arc.' }, { i: 'video', t: 'Weekly form review', d: 'Send me a working set video each week. I send back cues within 24h.' }, { i: 'chat', t: 'Same-day messaging', d: 'Tweaks, subs, life-happens questions. Reply latency under 4 hours, weekdays.' }, ].map(b => (

{b.t}

{b.d}

))}

{/* Max lifts */}

My max lifts

Total · 720 kg

Walking the talk. Updated quarterly.

{lifts.map(l => (

{l.name}

{l.sub}

{l.value} {l.unit}

))}

Note · Numbers from a tested meet, Brooklyn Open '25. Not the point — I just want you to know I lift.

); } Object.assign(window, { CoachShell, CoachPageHeader, CoachDashboard, CoachLibrary, CoachTemplates, CoachCRM, CoachMessaging, CoachProfile, });