/* global React, Kicker, LimeCheck, TopoLines, RecruitButton */
// Who it's for — qualification checklist; bold uses parchment.
function WhoFor({ variant }) {
const isBold = variant === 'bold';
const fits = [
'3–5 years selling Medicare and still excited about the business',
'A client book of 100+ active households',
'Willing to show up weekly for 10 weeks and do the reps',
'Curious about new systems — not just looking for a shortcut',
];
const nope = [
'Brand new to insurance or still building your first 50 clients',
'Looking for lead-gen only, no product skill-up',
'Not licensed to sell life/annuities in your state',
];
return (
{isBold ? '⛰ Who we rope in' : "Who this is for"}
{isBold ? <>Only 10 rope into this expedition. Are you one of them?
: <>This is built for working Medicare agents ready for the next climb.}
You belong in the cohort if
{fits.map(f => {f})}
Not the right trail yet if
{nope.map(f => (
{f}
))}
);
}
// OUTCOMES
function Outcomes({ variant }) {
const isBold = variant === 'bold';
const items = [
{ ic: '📜', k: 'The language', v: 'Natural cross-sell scripts that move the conversation from health to wealth without breaking trust.' },
{ ic: '🧭', k: 'The products', v: 'Working fluency in MYGAs and FIAs — the two annuities your book actually needs first.' },
{ ic: '🪢', k: 'The process', v: 'A repeatable workflow from first mention → quote → application → funded case.' },
{ ic: '⛺', k: 'The crew', v: 'A back-office and cohort you can text when you get stuck in the middle of a client meeting.' },
];
return (
{isBold ? '✦ What you carry home' : 'Outcomes'}
{isBold ? <>You'll leave basecamp with four things.
: <>By week 10, you'll have four things you don't have now.}
{items.map(it => (
{it.ic}
{it.k}
{it.v}
))}
);
}
// Count-up animation for a single stat. Parses "$2B+", "3,400+", "48%", "93%"
// into (prefix, number, suffix) and animates the number once in view.
function AnimatedStat({ value }) {
const ref = React.useRef(null);
const [started, setStarted] = React.useState(false);
const [display, setDisplay] = React.useState(value);
// Parse — "$2B+" → prefix "$", num 2, suffix "B+", precision 0
const parsed = React.useMemo(() => {
const m = String(value).match(/^([^\d.]*)([\d,.]+)(.*)$/);
if (!m) return null;
const prefix = m[1];
const numStr = m[2].replace(/,/g, '');
const suffix = m[3];
const target = parseFloat(numStr);
const hasComma = m[2].includes(',');
const decimals = (numStr.split('.')[1] || '').length;
return { prefix, target, suffix, hasComma, decimals };
}, [value]);
React.useEffect(() => {
if (!ref.current || !parsed) return;
const io = new IntersectionObserver(entries => {
entries.forEach(e => { if (e.isIntersecting) setStarted(true); });
}, { threshold: 0.35 });
io.observe(ref.current);
return () => io.disconnect();
}, [parsed]);
React.useEffect(() => {
if (!started || !parsed) return;
const { prefix, target, suffix, hasComma, decimals } = parsed;
const duration = 1600;
const startT = performance.now();
let raf;
const tick = (now) => {
const t = Math.min(1, (now - startT) / duration);
// easeOutExpo
const eased = t === 1 ? 1 : 1 - Math.pow(2, -10 * t);
const cur = target * eased;
let s = decimals > 0 ? cur.toFixed(decimals) : String(Math.round(cur));
if (hasComma) s = Number(s).toLocaleString('en-US');
setDisplay(prefix + s + suffix);
if (t < 1) raf = requestAnimationFrame(tick);
};
// init at 0
setDisplay(prefix + (decimals > 0 ? (0).toFixed(decimals) : '0') + suffix);
raf = requestAnimationFrame(tick);
return () => cancelAnimationFrame(raf);
}, [started, parsed]);
return (
{display}
);
}
// PROOF — the Elevate numbers
function Proof({ variant }) {
const isBold = variant === 'bold';
const stats = [
{ n: '$2B+', l: 'Annuity premium written through our trained agents since 2017' },
{ n: '3,400+', l: 'Agents trained across BaseCamp and Elevate cohorts' },
{ n: '48%', l: 'Average Y1 revenue lift after cohort completion' },
{ n: '93%', l: 'Graduation rate across BaseCamp classes' },
];
return (
{isBold ? '✦ The tally at the summit' : 'The track record'}
{isBold ? <>We've been up this mountain. Many times.
: <>Our training programs have been a cornerstone for our agents.}