// partner.jsx — Partner program route + homepage banner. // Loaded AFTER sections.jsx, so shared atoms (Eyebrow, Display, Body, // Reveal, Section, PrimaryButton, Rule) are available as globals. const { useState: usePartnerState } = React; const PARTNER_PER_SALE = 4.5; /* -------------------- earnings calculator -------------------- */ function EarningsCalc({ c }) { const [n, setN] = usePartnerState(10); const monthly = Math.round(n * PARTNER_PER_SALE); const row = (label, val, last) => (

{label} {val}

); return (

{row(c.calc.priceLabel, c.calc.priceVal)} {row(c.calc.commLabel, c.calc.commVal)} {row(c.calc.perLabel, c.calc.perVal, true)}

{n} {c.calc.sliderLabel} ${monthly} {c.calc.resultLabel}

setN(Number(e.target.value))} aria-label={c.calc.sliderLabel} />

); } /* -------------------- request form -------------------- */ function PartnerForm({ c }) { const [name, setName] = usePartnerState(''); const [contact, setContact] = usePartnerState(''); const [done, setDone] = usePartnerState(false); const F = c.form; const inputStyle = { width: '100%', padding: '14px 16px', fontFamily: 'var(--sans)', fontSize: 15, border: '1px solid var(--rule)', background: 'var(--bg-alt)', color: 'var(--ink)', borderRadius: 2, outline: 'none' }; if (done) { return (

{F.thanksH} {F.thanksB}

); } return ( ); } /* -------------------- full partner page -------------------- */ function PartnerPage({ t }) { const P = t.partner; const scrollToForm = () => { const el = document.getElementById('partner-form'); if (el) window.scrollTo({ top: el.getBoundingClientRect().top + window.scrollY - 80, behavior: 'smooth' }); }; return ( <> {/* HERO */}

{P.eyebrow} {P.title} {P.sub} {P.form.submit}

{/* FORMAT / FIT */}

{P.fitTitle} {P.fitSub}

{P.fitList.map((f, i) => (

{f}

))}

{/* HOW IT WORKS */}

{P.howTitle}

{P.steps.map((s, i) => (

{String(i + 1).padStart(2, '0')}

{s.h} {s.b}

))}

{/* EARNINGS */}

{P.calcTitle}

{P.stats.map((s, i) => (

{s.v}

{s.l}

))}

{/* ABOUT PRODUCT */}

{P.aboutTitle}

{P.about.map((a, i) => (

{a}

))}

{/* CTA + FORM */}

{P.ctaTitle} {P.ctaSub}

{P.ctaNote}

); } /* -------------------- homepage banner -------------------- */ function PartnerBanner({ t, onGo }) { const B = t.partner.banner; return (

{B.eyebrow}

{B.title} {B.sub} {B.cta}

); } Object.assign(window, { PartnerPage, PartnerBanner });