/* Rep by Rep — Marketing UI Kit components. All-in-one JSX module. Loaded via Babel in index.html. */ const Icon = ({ name, size = 20, color, style }) => ( ); // ---------- Nav ---------- const Nav = () => { const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 24); window.addEventListener('scroll', onScroll); return () => window.removeEventListener('scroll', onScroll); }, []); return ( ); }; // ---------- Hero ---------- const Hero = () => (
{/* subtle grid */}
Physique Coaching for Men 30+

The Work
Is the Reward.

Custom training and nutrition for guys 30 and up, whether you're chasing your first real physique or your first stage win. You bring the work. We build the plan around the life you actually have.

Apply for Coaching How It Works
{[ ['15+', 'Years in the game'], ['110+', 'Clients coached'], ['35+', 'The age we build for'], ].map(([n, l]) => (
{n}
{l}
))}
); // ---------- Process ---------- const Process = () => { const steps = [ { num: '01', title: 'The Assessment', body: 'You apply. We talk for about 30 minutes about your training history, your schedule, what you\'ve tried, what\'s on the table. No generic intake form.' }, { num: '02', title: 'The Framework', body: 'You get a program built around your equipment, your week, your sleep, your stress. Macros are a number, not a meal plan. Built to scale with your life.' }, { num: '03', title: 'The Process', body: 'Weekly check-ins. Honest feedback. Course corrections when the trend asks for it. We\'re in this for years, not weeks.' }, ]; return (
The Method

Three steps. No shortcuts.

{steps.map(s => (
{s.num}

{s.title}

{s.body}

))}
); }; // ---------- Services ---------- const Services = () => { const services = [ { n: '01', icon: 'dumbbell', title: 'Training', body: 'Custom programming built around your schedule, equipment, and injury history. Adjusted every 8 weeks.', bullets: ['Periodized hypertrophy & strength blocks', 'Form video review', 'Substitution library for travel'], }, { n: '02', icon: 'utensils', title: 'Nutrition', body: 'Macros, not meal plans. A framework you can run yourself for life.', bullets: ['Bodyweight + photo trend tracking', 'Refeed & diet break protocols', 'Restaurant strategy'], }, { n: '03', icon: 'award', title: 'Contest Prep', body: 'For men eyeing the Men\u2019s Physique competitive stage. Training, nutrition, and weekly check-in video replies, with optional posing add-ons.', bullets: ['Bulking / cutting plans', 'Tailored weekly macro discussion', 'Peak week & rebound guidance', 'Posing guidance (add-on)'], }, ]; return (
Services

What we coach.

{services.map(s => (
{ e.currentTarget.style.transform = 'translateY(-3px)'; e.currentTarget.style.boxShadow = '0 8px 24px rgba(17,20,24,0.08)'; }} onMouseLeave={e => { e.currentTarget.style.transform = 'translateY(0)'; e.currentTarget.style.boxShadow = 'none'; }}>
{s.n} · {s.title}

{s.body}

    {s.bullets.map(b => (
  • —{b}
    • ))}
Learn more
))}
); }; // ---------- Coach bio ---------- // // Body copy is JP's real story, delivered by Content 2026-05-22. // Source: /RxR/Content/Coach Bio - Final Copy // // Two photos are NOT YET available — placeholder treatment in use until JP // uploads. See Design Inbox: 2026-05-21 — [CONTENT→DESIGN] — Coach Bio photos // The placeholder is designed to carry the narrative on its own (date stamps // + caption strips do the storytelling) so the section reads as intentional, // not broken, until the real photos drop in. const bioBodyStyle = { fontSize: 17, lineHeight: 1.7, color: 'rgba(255,255,255,0.82)', marginBottom: 22, maxWidth: '62ch', }; const bioPullStyle = { fontFamily: 'var(--font-headline)', fontWeight: 600, fontSize: 30, lineHeight: 1.15, letterSpacing: '0.005em', textTransform: 'uppercase', color: '#fff', margin: '40px 0', padding: '4px 0 4px 22px', borderLeft: '2px solid var(--accent)', maxWidth: '62ch', }; // Single before/after photo frame. Accepts an optional `src` — when provided // the real image renders and the placeholder content drops out. Until then // the date + label IS the visual. const BeforeAfterPhoto = ({ eyebrow, dateLarge, captionDate, captionContext, placeholderSub, src }) => { const hatchId = `hatch-${eyebrow.replace(/\s+/g, '')}`; return (
{src ? ( {`Jason ) : ( {/* Faint diagonal hatch — texture, never noise */} {/* Corner brackets — top-left + bottom-right, reads as "frame" */}
{/* Centered date stamp — the storytelling element */}
{eyebrow}
{dateLarge}
{placeholderSub}
)}
{/* Caption strip — uppercase, wide tracking, date in white */}
{captionDate} {captionContext && ·} {captionContext && {captionContext}}
); }; const CoachBio = () => (
{/* Header — centered, sets the section */}
The Coach

I became the coach I couldn't find.

{/* 2×2 photo grid — left col: before / right col: current prep */}
{/* Body — single column, essay pacing */}

I spent my 20s and 30s doing what most guys do in the gym. Show up for a few months. Get frustrated. Fall off. Start over.

I was skinny fat. Soft in the middle, not much elsewhere. A photo from a friend's birthday party in 2023 made it undeniable. I didn't like what I saw. So I stopped repeating the cycle and started doing the actual work.

I built my own program. Tracked my macros. Stayed consistent with my nutrition. Not for a week. Not for a month. For 18 months. The results came slowly, then undeniably. Muscle. Structure. A physique I didn't recognize from the one in that photo.

Then I found a YouTube video of a 23-year-old prepping for a men's physique show. I watched it. Then watched another. And came out the other side thinking: there's no reason I can't do that too.

{/* Pull moment — the age reveal */}

I was 43.

I reached out to 8 coaches over 2.5 months. All of them had polished websites. Solid social followings. Respectable physiques. Not one of them called me back. I noticed something in that silence.

Everyone wants to coach people who are already sold on the idea. Nobody wants to work with the guy who's starting from zero. The guy with a job and a life and zero guarantee he'll stick with it. That's where the real work is.

{/* Pull moment — the pivot */}

So I became that coach.

Rep by Rep is built on the actual experience of being a 40-something guy buried under work and life, who knows the gym matters but can't figure out how to make it work. Who's tired of starting over. Who needs to know someone's been here before and knows exactly what to do.

I'm not a 25-year-old influencer with perfect genetics. I'm not selling you a secret. I'm selling you the thing that actually works: a framework, consistency, and a coach who actually shows up when you message him.

I'm currently in contest prep for my first show, July 2026. Not because I'm chasing wins. Because I needed to prove it to myself, and to every client I coach. That the process works. That it scales. That a guy in his 40s with a full life can build a competitive physique in less than 18 months.

That's the proof. Everything else is just details.

{/* Stats row — bookend dates from the photo placeholders */}
{[ ['2023', 'The photo that started it'], ['WK 44', 'Current stage prep'], ['Jul 2026', 'First competition'], ].map(([n, l]) => (
{n}
{l}
))}
); // ---------- Results / Testimonial ---------- // ---------- Results / Testimonials (auto-cycling) ---------- // Quotes are placeholder until Content/JP supply real ones (with permission). // To add more: drop entries into TESTIMONIALS. The carousel handles any count. const TESTIMONIALS = [ { quote: ['I hopped around from one workout plan to another and barely tracked what I ate. Coach Jason put me on a plan that fit my lifestyle and the equipment I had access to, and kept me consistent in the kitchen and on the road. ', 'Down 23 lbs', ' and finally seeing the muscle tone and definition I\'ve been after.'], name: 'John', meta: '48 \u00b7 Training + Nutrition', }, { quote: ['With 2 kids and an MBA in progress, the gym was always an afterthought — something I\'d get to eventually. That eventually never came. Coach Jason got my diet in check, helped me set PRs on lifts consistently, and gave me more confidence than I\'ve had in years. ', 'My only regret is I didn\'t call him sooner.', ''], name: 'Aaron', meta: '35 \u00b7 Training + Nutrition', }, { quote: ['I was a shirt-on-at-the-pool guy for most of my adult life. Connecting all the pieces never seemed to work when I tried on my own. Getting a coach changed everything. ', 'Down 42 lbs', ', stronger, and I actually enjoy the food I get to eat. This isn\'t bland chicken and rice — it\'s a plan built for my life.'], name: 'Nate', meta: '41 \u00b7 Training + Nutrition', }, ]; const Results = () => { const [active, setActive] = React.useState(0); const [paused, setPaused] = React.useState(false); const count = TESTIMONIALS.length; React.useEffect(() => { if (paused) return; const id = setInterval(() => setActive(a => (a + 1) % count), 6000); return () => clearInterval(id); }, [paused, count]); const go = (i) => setActive((i + count) % count); return (
Results

Earned, not given.

setPaused(true)} onMouseLeave={() => setPaused(false)} >
"
{TESTIMONIALS.map((t, i) => (
{t.quote.length === 3 ? <>{t.quote[0]}{t.quote[1]}{t.quote[2]} : t.quote[0]}
))}
{TESTIMONIALS[active].name}
{TESTIMONIALS[active].meta}
{/* Controls — dots + arrows */}
{TESTIMONIALS.map((_, i) => (
); }; // ---------- Apply CTA ---------- const ApplyCTA = () => (
Apply

Your best physique
is still ahead of you.

Applications open monthly. Contest Prep caps at 12 spots. If we're a fit, we'll know in thirty minutes.

Apply for Coaching
); // ---------- Footer ---------- const Footer = () => ( ); Object.assign(window, { Nav, Hero, Process, Services, CoachBio, Results, ApplyCTA, Footer });