/* global React, ReactDOM */ const { useState, useEffect } = React; /* ───────────────────── Atoms ───────────────────── */ const Under = ({ children, thickness = 3, offset = 4 }) => ( {children} ); const CourtLines = ({ opacity = 0.07 }) => ( ); const Logo = ({ size = 28 }) => ( MPTennis ); const CTA = ({ children, variant = "solid", onClick, full = false, arrow = true, size = "" }) => ( ); const Eyebrow = ({ children }) => (
{children}
); /* ───────────────────── Nav ───────────────────── */ const Nav = () => { const [open, setOpen] = React.useState(false); const [mobile, setMobile] = React.useState(window.innerWidth <= 880); React.useEffect(() => { const check = () => setMobile(window.innerWidth <= 880); window.addEventListener('resize', check); return () => window.removeEventListener('resize', check); }, []); const linkStyle = {fontSize:"11px",fontWeight:600,textTransform:"uppercase",letterSpacing:"0.08em",color:"rgba(255,255,255,0.78)",whiteSpace:"nowrap",textDecoration:"none"}; const mobileLinkStyle = {fontSize:"15px",fontWeight:600,textTransform:"uppercase",letterSpacing:"0.1em",color:"rgba(255,255,255,0.9)",textDecoration:"none",display:"block",padding:"4px 0"}; return ( ); }; /* ───────────────────── Hero ───────────────────── */ const audiencePills = ["Club Players", "Juniors"]; const credentialPills = [ "Cade Nadeau · 11.20 UTR", "NCAA Captain", "Top-40 Canada" ]; const Hero = () => (
Club Players & Juniors

For players who
want to actually
get better.

Most club players train without a system. We fix that. One methodology, built for players who actually compete.

    {audiencePills.map(p => (
  • {p}
    • ))}
    {credentialPills.map(p => (
  • {p}
    • ))}
document.getElementById('access')?.scrollIntoView({behavior:'smooth'})}>Start here document.getElementById('youtube')?.scrollIntoView({behavior:'smooth'})}>Watch free on YouTube
13K+ subs · 4M+ views · NCAA Captain · Top 40 Canada
Scroll
); /* ───────────────────── Marquee ───────────────────── */ const Marquee = () => { const items = [ "Tactical before technical", "Coached by competitors", "Match-pattern training", "11.20 UTR · still competing", "NCAA Captain · #1 S&D", "Top-40 Canada Doubles", "13,000+ YouTube subs", "4M+ video views", "Tennis Canada Club Pro 1" ]; const row = [...items, ...items]; return (
{row.map((t, i) => ( {t} ))}
); }; /* ───────────────────── Three Access Points ───────────────────── */ const accessPoints = [ { id: "youtube", tag: "01 · Watch free", name: "MPTennis on YouTube", sub: "Start here.", desc: "Match breakdowns, tactics, and gear — the way we actually think about the game.", cta: "Watch now", note: "13K+ subs · 4M+ views · new video most weeks", img: "assets/cade-serve.jpg", href: "https://youtube.com/@mptennis", external: true }, { id: "ace", tag: "02 · Try Ace free", name: "Ace Tennis Coach", sub: "AI coaching in your pocket.", desc: "Tactics before matches, racquet fit, drill modes — built around how club players actually play.", cta: "Try free", note: "5 sessions/mo free · $9/mo for unlimited", img: "assets/ace-app-dashboard.png", href: "https://www.acetenniscoach.ca/", external: true }, { id: "inperson", tag: "03 · In person", name: "Train with us", sub: "Direct coaching from someone who still competes.", desc: "Limited spots. The same system we used to get Cade to college and pro tennis — applied to your game, in person.", cta: "Inquire", note: "Limited spots · juniors + competitive adults", img: "assets/cade-coaching-group.jpg", href: "mailto:chris@mptennis.ca" } ]; const AccessPoints = () => { const [open, setOpen] = useState("youtube"); return (
Three ways to access the system

One methodology.
Three ways in.

Club players, juniors, junior parents — wherever you are, whatever you can afford, there's a way to train with us.

{accessPoints.map(p => (
setOpen(p.id)} >
{p.tag}

{p.name}

{p.sub}

{p.desc}

{p.cta} {p.note}
))}
); }; /* ───────────────────── The System / Method ───────────────────── */ const pillars = [ { n: "01", t: "Tactical before technical", d: "Most lessons fix your grip. We fix your decisions. Technique follows tactics — not the other way around." }, { n: "02", t: "Play · Practice · Play", d: "Drills that connect to points. Every practice session has a beginning, a middle, and a game situation at the end." }, { n: "03", t: "Live ball, not feeding", d: "Basket feeding builds muscle memory. Live ball builds tennis players. We train the way the game is actually played." }, { n: "04", t: "Coached by competitors", d: "Cade still competes. Chris still competes. We don't teach theory — we teach what we tested last weekend." } ]; const System = () => (
The MPTennis system

What actually works.
And why most lessons don't.

Four principles. Twenty-plus years of competitive coaching behind them. It's not proprietary — it's just done honestly, every session, by coaches who still play.

{pillars.map(s => (
{s.n}

{s.t}

{s.d}

))}
); /* ───────────────────── Ace deep-dive ───────────────────── */ const aceModes = [ { n: "01", t: "Ask Ace", d: "Any tennis question, anytime. Tactics, technique, footwork, mental game." }, { n: "02", t: "Match Mode", d: "Tell Ace about your opponent. Get a tactical plan tailored to both of your games." }, { n: "03", t: "Drill Mode", d: "Targeted drills with progressions. Practice with purpose, not by rote." }, { n: "04", t: "Racquet Fit", d: "Frame, string, tension, lead tape — dial in a setup that matches how you actually play." } ]; const Ace = () => (
A tool we built · Ace Tennis Coach

The coaching system.
In your pocket.

Match prep, drills, and racquet fit — the same system we used to get Cade to college and pro tennis, in your pocket. Try it free, no credit card required.