// Scout vs LinkedIn Recruiter — shared content for the "cancel LinkedIn" // narrative. Exposes: // - fireConfetti(x, y) — tiny canvas-free confetti util // - ScoutVsLinkedIn — full-width side-by-side comparison section // - CancelLinkedInToy — interactive widget: seats stepper → click → confetti // - VariantI — a dedicated page organised around the cancel // narrative. /* ============================================================ Confetti — appends DOM particles with WebAnimations, cleans up. ============================================================ */ function fireConfetti(originX, originY, opts = {}) { const colors = opts.colors || ['#FF6A3D', '#0009B6', '#22C55E', '#F5B544', '#FFFFFF', '#0084FF']; const N = opts.count || 160; const spread = opts.spread || 1; for (let i = 0; i < N; i++) { const el = document.createElement('div'); const size = 6 + Math.random() * 10; const isSquare = Math.random() > 0.5; el.style.cssText = ` position: fixed; top: ${originY}px; left: ${originX}px; width: ${size}px; height: ${size * (isSquare ? 0.45 : 1)}px; background: ${colors[i % colors.length]}; border-radius: ${isSquare ? '2px' : '50%'}; pointer-events: none; z-index: 99999; will-change: transform, opacity; `; document.body.appendChild(el); const angle = -Math.PI / 2 + (Math.random() - 0.5) * Math.PI * 1.1 * spread; const vel = 380 + Math.random() * 700; const vx = Math.cos(angle) * vel; const vy = Math.sin(angle) * vel; const rot = (Math.random() - 0.5) * 1440; const drift = (Math.random() - 0.5) * 200; const dur = 1600 + Math.random() * 1400; el.animate( [ { transform: 'translate(-50%, -50%) rotate(0)', opacity: 1 }, { transform: `translate(${vx + drift}px, ${vy + 900}px) rotate(${rot}deg)`, opacity: 1, offset: 0.85 }, { transform: `translate(${vx + drift}px, ${vy + 1100}px) rotate(${rot}deg)`, opacity: 0 }, ], { duration: dur, easing: 'cubic-bezier(.18, .7, .4, 1)', fill: 'forwards' } ); setTimeout(() => el.remove(), dur + 100); } } /* ============================================================ ScoutVsLinkedIn — comparison section (full-width) ============================================================ */ function ScoutVsLinkedIn({ theme = 'light', showCTA = true }) { const dark = theme === 'dark'; const bg = dark ? '#050A1F' : '#fff'; const ink = dark ? '#fff' : 'var(--cal-ink)'; const body = dark ? 'rgba(255,255,255,0.78)' : 'var(--cal-body)'; const muted = dark ? 'rgba(255,255,255,0.55)' : 'var(--cal-muted)'; const line = dark ? 'rgba(255,255,255,0.1)' : 'var(--cal-line)'; const softBg = dark ? 'rgba(255,255,255,0.03)' : 'var(--cal-bg-soft)'; // Feature comparisons — same labels both sides, different answers const features = [ { label: 'Brief format', li: 'Boolean strings', sc: 'Plain English' }, { label: 'Profile index', li: 'LinkedIn only', sc: '2.4B profiles, cross-platform' }, { label: 'Searches per month', li: '~1,000', sc: 'Unlimited' }, { label: 'Outreach drafting', li: 'You write every InMail', sc: 'Drafted per candidate' }, { label: 'Response tracking', li: 'Copy-paste into your ATS', sc: 'Auto-threaded to the record' }, ]; return (
{dark &&
}
{/* Headline row — matches the rest of the page */}
The LinkedIn bill

Cancel LinkedIn Recruiter. Keep the money.

Scout — the AI sourcing engine included with every Caliber seat — takes briefs in plain English and reads 2.4 billion public profiles. LinkedIn Recruiter charges NZ$12,000 a seat to write boolean strings.

{/* Two side-by-side cards — upright, grid-aligned */}
{/* ---------- LinkedIn card ---------- */}
{/* Header */}
in
LinkedIn Recruiter
Recruiter Corporate
NZ$12,000
per seat, per year
{/* The pain — a boolean string */}
Keywords (Boolean)
("React" OR "ReactJS") AND ("Senior" OR "Lead") AND "Auckland" NOT "junior"
{/* Feature list */}
{features.map(f => (
{f.label} {f.li}
))}
{/* ---------- Scout card ---------- */}
{/* Header */}
Scout
AI sourcing in Caliber
Included
in every seat
{/* The win — plain English brief */}
Brief (plain English)
“Senior accountant in Auckland with Xero experience.”
{/* Feature list */}
{features.map(f => (
{f.label} {f.sc}
))}
{/* Savings bar — quiet, one row */}
Typical 5-seat agency
LinkedIn Recruiter
NZ$60,000 / yr
→
With Scout included
NZ$0 Save NZ$60k
{showCTA && (
Sources: LinkedIn Recruiter Corporate list pricing (AUS/NZ, 2025). Scout is included in every Caliber seat.
)}
); } /* ============================================================ CancelLinkedInToy — interactive seats stepper → cancel → confetti ============================================================ */ function CancelLinkedInToy() { const [seats, setSeats] = React.useState(5); const [state, setState] = React.useState('idle'); // idle | shredding | done const [shreddedCount, setShreddedCount] = React.useState(0); const containerRef = React.useRef(null); const perSeat = 12000; const total = seats * perSeat; const cancel = () => { if (state !== 'idle') return; setState('shredding'); setShreddedCount(0); // Shred each line item with a small stagger let i = 0; const interval = setInterval(() => { i++; setShreddedCount(i); if (i >= seats) { clearInterval(interval); // final confetti burst from the middle of the widget setTimeout(() => { setState('done'); if (containerRef.current) { const r = containerRef.current.getBoundingClientRect(); fireConfetti(r.left + r.width / 2, r.top + r.height * 0.4, { count: 220 }); } }, 260); } }, 200); }; const reset = () => { setState('idle'); setShreddedCount(0); }; const fmt = n => n.toLocaleString('en-NZ'); return (
{/* Faux LinkedIn Recruiter billing header */}
in
Annual invoice · Recruiter Corporate
LinkedIn Talent Solutions
Due
Jan 15
{/* Seats stepper */}
Your seats
How many Recruiter seats do you have?
{seats}
{/* Line items */}
{Array.from({ length: seats }).map((_, i) => { const isShredded = i < shreddedCount; return (
{isShredded ? '✓' : i + 1} Recruiter Corporate · seat {i + 1}
NZ${fmt(perSeat)}
{isShredded && (
cancelled ✓
)}
); })}
{/* Total + action */}
{state === 'done' ? 'You just saved' : 'Annual total'}
NZ${fmt(total)}
{state === 'done' ? `Next year. And the year after. Forever.` : `${seats} seat${seats === 1 ? '' : 's'} × NZ$${fmt(perSeat)}/yr`}
{state !== 'done' ? ( ) : ( )}
{/* Success banner */} {state === 'done' && (
{Icon.check({ size: 20, color: '#fff' })}
Seats cancelled. That’s a wrap.
Scout does the same sourcing, better — included in your Caliber seat. Try it in the demo below.
)} {/* Footnote */}
Based on LinkedIn Recruiter Corporate list pricing · AU/NZ, 2025.
); } /* Small keyframe we use here */ (() => { if (document.getElementById('cal-scout-kf')) return; const s = document.createElement('style'); s.id = 'cal-scout-kf'; s.textContent = ` @keyframes cal-fade-up { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } } `; document.head.appendChild(s); })(); /* ============================================================ VariantI — "Cancel LinkedIn Recruiter" page ============================================================ */ function VariantI() { return (
); } Object.assign(window, { fireConfetti, ScoutVsLinkedIn, CancelLinkedInToy, VariantI });