/* MAX INTENSITY — enrollment funnel. One decision a screen, big tap targets,
every screen says what it gets you. Exposes MI.Funnel and MI.Paywall.
Props
initial answers to start from (the app's `ob`)
buildDay (priorities, goal) => week-1 session used by the coach demo
onPhoto (dataUrl) persist the before photo as soon as it's taken
loadProof () => Promise<{ members, topStreak, bestLift, posts }|null>
onFinish (result) hand everything back to the app
trialDays number */
try {
(function (MI) {
const { useState, useEffect, useRef } = React;
const { card, cta, ghost, eyebrow } = MI.ui;
const OBSTACLES = [
["motivation", "Lost motivation after a couple of weeks", "Every session moves your rank and your streak, and your friends' scores sit next to yours on the league — you see who's climbing and stay competitive. The number to beat is on the screen before you walk in, the coach is in your pocket, and the flame is yours to lose."],
["direction", "Didn't know what to do next", "Six weeks, four sessions, every set written down. You never decide the session at the gym again."],
["time", "No time", "Short-on-time mode cuts warm-ups and rests, pairs a circuit and keeps the work set. Thirty minutes still counts."],
["injury", "A niggle turned into a stop", "Tempo 3-1-3-1 at one rep in reserve. Nothing bounced, nothing maxed. Tell the coach and it swaps the exercise, not the session."],
["diet", "Food fell apart at the weekend", "One big meal a day, five days a week. Guilt is the enemy — one day back on track counts as progress, not failure."],
["travel", "Travel and shifts", "Rebuild any session in plain language: 'hotel gym, dumbbells only'. Plan rest days on the calendar so a missed day isn't a missed week."],
["burnout", "Went too hard and burned out", "Low volume, high intensity, full rest between sets. Week 6 is a deload written into the block, not a sign you failed."],
["alone", "Nobody noticed", "A rank, a leaderboard and a wall where people post real results. Here, progress is status."],
];
const PRICES = { monthly: 30, yearly: 240, human: 200 };
MI.Funnel = ({ initial, buildDay, onPhoto, loadProof, onFinish, trialDays = 7 }) => {
const [ob, setOb] = useState(() => ({
name: "", email: "", handle: "", sex: "", goal: "", exp: "", daysPerWeek: 4, unit: "kg", bw: "80",
hardWorkNoChange: "", quitBefore: "", trainingStatus: "", sessionUnplanned: "", mainBlocker: "",
bodyOutcome: "", beforePhoto: null, knowsLiftNumbers: "lifts", strength: {}, rank: null,
priorities: [], obstacles: [], ...(initial || {}),
}));
const [step, setStep] = useState(0);
const [flipped, setFlipped] = useState(false);
const [demo, setDemo] = useState({ phase: "proposed" });
const [demoLine, setDemoLine] = useState(0);
const [flame, setFlame] = useState(false);
const [proof, setProof] = useState(undefined);
const [plan, setPlan] = useState("yearly");
const [downsell, setDownsell] = useState(false);
const set = (k, v) => setOb((o) => ({ ...o, [k]: v }));
/* ---- the screens, in order ---- */
const STEPS = [
{ k: "hardWorkNoChange", kind: "choice", q: "Do you train hard and still look the same?", sub: "The work goes in. The mirror does not move.",
opts: [["yes", "Yes"], ["sometimes", "Some of the time"], ["notyet", "I'm not training yet"]], out: "Effort isn't the problem. Direction is. That's fixable in six weeks." },
{ k: "quitBefore", kind: "choice", q: "Have you started a program and quit before it finished?", sub: "Most programs have no end date, so they end whenever you stop. Six weeks has an end date.",
opts: [["once", "Yes"], ["multiple", "More than once"], ["never", "No"]], out: "A block with an end date is a block you can finish." },
{ k: "trainingStatus", kind: "choice", q: "Where is your training right now?", sub: "It only changes where you start.",
opts: [["none", "Not training", "Starting from zero"], ["intermittent", "On and off", "Some weeks yes, some no"], ["consistent", "In every week", "Already showing up"]], out: "Wherever you start, the first two weeks set your loads. Nothing is assumed." },
{ k: "goal", kind: "choice", q: "What do you want out of the next six weeks?", sub: "Say it plainly. The block gets built around this.",
opts: [["Lose fat + build muscle", "Lose fat + build muscle", "Recomposition — the scale barely moves, the mirror does"], ["Lose fat", "Lose fat", "Keep your strength, drop the weight"], ["Build muscle", "Build muscle", "Add size where you want it"], ["More athletic", "More athletic", "Fitter, faster, harder to tire out"]], out: "This names your plan. Never 'general' — yours." },
{ k: "bodyOutcome", kind: "choice", q: "What do you want to see in the mirror?", sub: "Six weeks from now, same light, same photo.",
opts: [["lean", "Lean and defined", "Less around the middle, shape you can see"], ["big", "Bigger and heavier", "More size on your arms, chest and back"], ["capable", "Strong and capable", "Lift heavy, move well, stay hard to break"]], out: "Your before photo and your rank measure this. Not a feeling — a number and a picture." },
{ k: "sex", kind: "choice", q: "Strength standards are set by sex.", sub: "It sets your rank thresholds and your food targets. Nothing else.",
opts: [["Male", "Male"], ["Female", "Female"]], out: "Fair thresholds, so your rank means something." },
{ k: "bw", kind: "weight", q: "What do you weigh right now?", sub: "Rough is fine. It is the number your progress gets measured from.", out: "Rank is strength relative to bodyweight. A lighter bar still counts." },
{ k: "exp", kind: "choice", q: "Time in the gym", sub: "Sets how fast the projection expects you to move.",
opts: [["Just starting", "Just starting", "First block ever"], ["1–3 years", "1–3 years", "Know the movements"], ["3+ years", "3+ years", "Know exactly what stalls"]], out: "Beginners move fastest. The projection is honest about that either way." },
{ k: "knowsLiftNumbers", kind: "choice", q: "Do you know what you lift?", sub: "Either answer, you walk out of here with a number to beat.",
opts: [["lifts", "I know my numbers", "Bench, squat, overhead press"], ["bodyweight", "I train without tracking numbers", "Your rank comes off reps in one set"]], out: "Three numbers. That's your rank." },
{ k: "strength", kind: "numbers", q: "Set your three numbers", sub: "Best single rep you are confident in. A close estimate is enough.", out: "Climbing rank is how you'll get stronger. This is where you start." },
{ k: "beforePhoto", kind: "photo", q: "Take your before photo", sub: "In six weeks this is the only thing that will not argue with you. Stored on your phone, never uploaded.", out: "Weekly check-ins go next to this. Before vs now, side by side." },
{ k: "rankArmed", kind: "armed", q: "Seven ranks. Every one you climb is a heavier bar.", sub: "Bronze to Iridescent. Everyone on the app sits somewhere on this ladder." },
{ k: "rank", kind: "reveal", q: "" },
{ k: "projection", kind: "projection", q: "" },
{ k: "priorities", kind: "priorities", q: "What do you want to build first?", sub: "Priority muscles go first in every session — they get your best energy. Pick up to three.", out: "The order of the session is the program. What you pick leads." },
{ k: "demo", kind: "demo", q: "" },
{ k: "plan", kind: "plan", q: "" },
{ k: "obstacles", kind: "multi", q: "What beat you before?", sub: "Pick everything that applies. The next screen shows how the system handles each one.", out: "Nothing here is new. It's all been solved for someone before you." },
{ k: "induction", kind: "induction", q: "How the system handles it", sub: "One answer for each thing you picked." },
{ k: "daysPerWeek", kind: "choice", q: "Days per week", sub: "The block is built on 4. Pick what you'll actually hit.",
opts: [[3, "3", "Upper, Legs, Upper — still works"], [4, "4", "The block as written"], [5, "5", "Four sessions plus a focus day"]], out: "Showing up is the skill. Pick the number you'll keep." },
{ k: "commit", kind: "hold", q: "Ignite the streak", sub: "Hold the flame. Day 1 starts now." },
{ k: "account", kind: "account", q: "Who's training?", sub: "Your name goes on your rank card. Email is optional — it's for your backup and the Day 5 reminder.", out: "Your rank card, your projection, your plan — saved to you." },
{ k: "proof", kind: "proof", q: "" },
{ k: "timeline", kind: "timeline", q: "" },
{ k: "paywall", kind: "paywall", q: "" },
];
const N = STEPS.length;
const st = STEPS[Math.min(step, N - 1)];
const val = ob[st.k];
/* ---- helpers ---- */
const bwKg = () => { const n = Number(ob.bw); if (!n) return 0; return ob.unit === "lb" ? n / 2.2046 : n; };
const rankRows = () => ob.knowsLiftNumbers === "bodyweight"
? [
{ key: "pushups", label: "Press-ups", unit: "in one set", step: 1, min: 0, max: 200 },
{ key: "bwsquats", label: "Bodyweight squats", unit: "in one set", step: 1, min: 0, max: 300 },
{ key: "pullups", label: "Pull-ups", unit: "in one set", step: 1, min: 0, max: 100 },
]
: [
{ key: "bench", label: "Bench press", unit: "kg", step: 2.5, min: 20, max: 300 },
{ key: "squat", label: "Back squat", unit: "kg", step: 2.5, min: 20, max: 400 },
{ key: "ohp", label: "Overhead press", unit: "kg", step: 2.5, min: 15, max: 200 },
];
const rankSeed = (key) => {
const bw = bwKg();
if (key === "bench") return bw ? Math.max(20, Math.round((bw * 0.5) / 2.5) * 2.5) : 40;
if (key === "squat") return bw ? Math.max(20, Math.round((bw * 0.75) / 2.5) * 2.5) : 60;
if (key === "ohp") return bw ? Math.max(15, Math.round((bw * 0.35) / 2.5) * 2.5) : 30;
if (key === "pushups") return 10;
if (key === "bwsquats") return 20;
if (key === "pullups") return 2;
return 0;
};
const rankVal = (key) => (ob.strength && ob.strength[key] !== undefined ? ob.strength[key] : rankSeed(key));
const bumpRank = (key, delta, min, max) => setOb((o) => {
const cur = o.strength && o.strength[key] !== undefined ? o.strength[key] : rankSeed(key);
return { ...o, strength: { ...(o.strength || {}), [key]: Math.min(max, Math.max(min, cur + delta)) } };
});
const rankEntries = () => rankRows().map((r) => ({ key: r.key, value: rankVal(r.key) }));
const computedRank = () => (window.MI_RANK ? window.MI_RANK.computeRank(rankEntries(), ob.sex, bwKg()) : null);
const projOb = () => ({ goal: ob.goal, bwKg: bwKg(), exp: ob.exp, knowsLiftNumbers: ob.knowsLiftNumbers, strength: { ...ob.strength, bench: rankVal("bench"), pushups: rankVal("pushups") } });
const planInfo = () => (window.MI_PROJ ? window.MI_PROJ.planName(ob.goal) : { name: "MASS GAINER", line: "" });
const readPhoto = async (file) => {
try { const data = await MI.downscale(file, 720, 0.7); set("beforePhoto", data); onPhoto && onPhoto(data); } catch (e) {}
};
const next = () => { if (step >= N - 1) return; setStep(step + 1); };
const back = () => setStep(Math.max(0, step - 1));
/* analytics: which screen was reached (no answers, no identity) */
useEffect(() => { MI.track && MI.track("funnel_step", { step: step + 1, kind: st.kind, key: st.k }); }, [step]); // eslint-disable-line
const pick = (k, v) => { set(k, v); setTimeout(() => setStep((s) => Math.min(N - 1, s + 1)), 180); };
/* reveal: flip the card a beat after it mounts */
useEffect(() => {
if (st.kind !== "reveal") { setFlipped(false); return; }
const t = setTimeout(() => { setFlipped(true); MI.sound("reveal"); MI.track && MI.track("rank_revealed", { rank: ob.rank ? ob.rank.name : "" }); }, 650);
return () => clearTimeout(t);
}, [step]); // eslint-disable-line
/* proof: load once */
useEffect(() => {
if (st.kind !== "proof" || proof !== undefined) return;
setProof(null);
(async () => { try { setProof((await (loadProof ? loadProof() : null)) || false); } catch (e) { setProof(false); } })();
}, [step]); // eslint-disable-line
/* demo: cycle the thinking lines */
useEffect(() => {
if (demo.phase !== "thinking") return;
const t = setInterval(() => setDemoLine((n) => n + 1), 1100);
return () => clearInterval(t);
}, [demo.phase]);
const finish = (extra) => {
const p = planInfo();
const first = (ob.priorities || [])[0];
const split = first === "legs" || first === "glutes" ? "legglute" : first === "shoulders" ? "shoulder" : first === "chest" ? "chest" : first === "arms" ? "arm" : "balanced";
onFinish && onFinish({
...ob,
name: (ob.name || "").trim() || "Athlete",
split,
plan: p.name,
induction: {
obstacles: (ob.obstacles || []).map((k) => (OBSTACLES.find((o) => o[0] === k) || [])[1]).filter(Boolean),
obstacleKeys: ob.obstacles || [],
blocker: ob.mainBlocker, bodyOutcome: ob.bodyOutcome, goalLine: ob.goal, daysPerWeek: ob.daysPerWeek,
demoReply: demo.result ? demo.result.reply : "",
},
projection: window.MI_PROJ ? window.MI_PROJ.projection(projOb()) : null,
...extra,
});
};
const runDemo = async () => {
const day = buildDay ? buildDay(ob.priorities || [], ob.goal) : { name: "Upper 1", exercises: [] };
setDemo({ phase: "thinking", day });
setDemoLine(0);
const request = "I've only got 40 minutes today";
try {
if (!window.MI_AI) throw new Error("no ai");
const out = await window.MI_AI.coachDemo({ day, request, tier: "free", plan: planInfo().name, goal: ob.goal, priorities: ob.priorities, induction: { bodyOutcome: ob.bodyOutcome } });
if (!out || !out.exercises || !out.exercises.length) throw new Error("empty");
setDemo({ phase: "rebuilt", day, result: out, offline: false });
} catch (e) {
const fb = window.MI_PROJ ? window.MI_PROJ.shortOnTime(day, 40, (ob.priorities || [])[0]) : { exercises: day.exercises, reply: "" };
setDemo({ phase: "rebuilt", day, result: fb, offline: true, err: e && e.cap ? e.message : "" });
}
};
/* ---- pieces ---- */
const Outcome = ({ text }) => text ? (
);
const Reveal = () => {
const r = ob.rank;
if (!r) return null;
return (
?
Calibrating
Your rank
{r.name}
Rank {r.index + 1} of 7
{r.next ? <>Climbing ranks is how you get stronger — {r.next.name} takes {r.next.phrase}. Competing on rank will get you there.
: <>Climbing ranks is how you get stronger — you're at the top, so all that's left is holding it at +2.5% a block.}
Every session moves the rank. That's what keeps you in it.
);
};
/* Data label as a chip: bone text on a dark rounded rect, floated above the point so it never sits on the line. */
const Chip = ({ x, y, text, anchor = "middle", cls, strong, muted }) => {
const w = text.length * 6.6 + 12, h = 17;
const cx = Math.max(2, Math.min(318 - w, anchor === "start" ? x : anchor === "end" ? x - w : x - w / 2));
const cy = y - 12 - h < 2 ? y + 12 : y - 12 - h; // above the point, or below it when there is no room
return (
{text}
);
};
const Projection = () => {
const P = window.MI_PROJ ? window.MI_PROJ.projection(projOb()) : null;
if (!P) return null;
const rp = window.MI_PROJ.rankProjection(rankEntries(), ob.sex, bwKg(), ob.exp);
const W = 320, H = 170, padL = 34, padR = 30, padT = 26, padB = 26;
const vals = P.points.map((p) => p.v);
const mn = Math.min(...vals), mx = Math.max(...vals);
const span = mx - mn || 1;
const X = (w) => padL + (w / 6) * (W - padL - padR);
const Y = (v) => padT + (1 - (v - mn) / span) * (H - padT - padB);
const d = P.points.map((p, i) => (i ? "L" : "M") + X(p.w).toFixed(1) + "," + Y(p.v).toFixed(1)).join(" ");
const fmt = (v) => (P.unit === "kg" ? v + " kg" : v + " reps");
const up = P.points[6].v >= P.points[0].v;
return (
Your projection
Following this protocol, {P.label.toLowerCase()} here at 3 weeks, here at 6.
);
};
const Demo = () => {
const day = demo.day || (buildDay ? buildDay(ob.priorities || [], ob.goal) : { name: "Upper 1", exercises: [] });
const lines = ["Reading your session", "Cutting warm-ups, keeping the work sets", "Reordering for your priority", "Tightening the rests"];
return (
Live coach
{demo.phase === "proposed" && (
<>
Your coach proposes week 1, {day.name}
Two warm-ups take you there. Then the two sets that build the muscle: the working set at one in reserve, and the back-off straight after it. Now tell it you're short on time and watch it rebuild around those two.
)}
{demo.phase === "thinking" && (
<>
"I've only got 40 min"
Coach is rebuilding…
{lines[demoLine % lines.length]}
)}
{demo.phase === "rebuilt" && (
<>
Rebuilt for 40 minutes
{demo.result.reply}
The working set and the back-off stay in every rebuild. They're the stimulus — everything else is negotiable.
{demo.offline &&
{demo.err || "Coach unreachable right now — this is the method's rule-based rebuild. The live coach does this in plain language once you're in."}
The board is filling up now. The first 50 members lock their rate for life, and their names sit at the top of the ladder for good.
The method is the one a professional heavyweight fighter trains on: one hard work set, strict tempo, +2.5% every time you clear it. It doesn't need testimonials. It needs six weeks.
)}
);
};
const Timeline = () => {
const nodes = [
["Today", "Full access", "Coach, session rebuilds, meal builder, photo assessment. Everything unlocked, no card."],
["Day 5", "A reminder", "We tell you two days before the trial ends. No surprises."],
["Day " + trialDays, "Trial ends", "Keep climbing for £" + PRICES.monthly + "/mo, or £" + PRICES.yearly + "/yr. Cancel any time before and pay nothing."],
];
return (
{p.name} plan, rank tracking, projection vs actual, session rebuilds in plain language, meal builder, photo check-ins and the community wall. Free {trialDays} days, then your plan. Founding members: DM Max for a locked-for-life rate — first 50 only.
);
};
const Downsell = () => (
No pressure
Keep the tracker. Come for the coach when you're ready.
The program, the rank, the calendar and the projection stay free. The coach, the rebuilds and the photo assessment are the paid part, and the trial is still {trialDays} days, no card.
);
/* ---- continue bar per kind ---- */
const Continue = () => {
const k = st.kind;
const btn = (label, fn, extra) => ;
if (k === "weight" || k === "numbers" || k === "induction" || k === "projection" || k === "plan") return btn("Continue", next);
if (k === "account") return btn("Continue", () => { if ((ob.name || "").trim()) next(); });
if (k === "priorities") return btn((ob.priorities || []).length ? "Build around " + (ob.priorities || []).map((x) => (MI.MUSCLES.find((m) => m[0] === x) || [])[1]).join(", ") : "Keep it balanced", next);
if (k === "multi") return btn((ob.obstacles || []).length ? "Show me how you handle " + (ob.obstacles.length === 1 ? "it" : "them") : "Nothing beat me — continue", next);
if (k === "photo") return ;
if (k === "armed") return btn("Show my rank", () => { const r = computedRank(); set("rank", r); setTimeout(next, 200); });
if (k === "reveal") return btn("See where this goes", next, flipped ? "" : "opacity-0 pointer-events-none");
if (k === "demo") {
if (demo.phase === "proposed") return btn("“I've only got 40 min”", runDemo);
if (demo.phase === "thinking") return btn("Rebuilding…", () => {}, "opacity-60");
return btn("That's my coach — continue", next);
}
if (k === "hold") return null;
if (k === "proof") return btn("Continue", next, proof === null ? "" : "");
if (k === "timeline") return btn("Start my " + trialDays + "-day free trial", next);
if (k === "paywall") return (
);
return null;
};
const noHeader = ["reveal", "projection", "demo", "plan", "proof", "timeline", "paywall"].includes(st.kind);
/* Background plate progression: muscles while we talk about the body, the
skeleton through rank and projection, the classroom once the plan exists.
Crossfades with a slight pan between screens — never a hard jump. The
HERO tier goes large on the openers, the rank reveal and the projection. */
const phase = step < 11 ? "muscles" : step < 16 ? "skeleton" : "classroom";
const phaseIndex = step < 11 ? step : step < 16 ? step - 11 : step - 16;
const heroPlate = step <= 2 ? "hero" : st.kind === "reveal" ? "skeleton" : st.kind === "projection" ? "musclesFront" : null;
const bgPlate = MI.libraryPlate(phase, phaseIndex);
return (
Max Intensity — on call, every set£{PRICES.monthly}/mo
{["Coach chat that reads your induction, rank and plan", "Rebuild any session in plain language — add bench, short on time, no cables", "Honest photo assessment with a realistic 6-12 week projection", "Meal prep from your foods, photo and voice logging"].map((l) => (
{l}
))}
{!trialStart ? (
) : (
Trial used. DM Max on Instagram for your access code — founder rates for the first 50.