/* Shared components for the Mammoth-dev site */ const { useState, useEffect, useRef, useMemo } = React; // ─── Mammoth mascot — uses the official brand PNG ─── function MammothMascot({ size = 120, pose = 'wave', style = {} }) { return ( Mammoth-dev mascot ); } // ─── Header ─── function Header({ current }) { const items = [ ['Home', '/'], ['How It Works', '/how-it-works'], ['Pricing', '/pricing'], ['Calculator', '/calculator'], ['Use Cases', '/use-cases/accountants'], ['Learn', '/learn'], ['About', '/about'], ]; return (
Mammoth-dev Book a 15-min intro {Ico.arrow(16,'currentColor')}
); } // ─── CTA Band + Footer ─── function CTABand({ heading = "Ready to stop juggling AI tools?", sub = "15 minutes on a call. No pitch. Just real talk." }) { return (

{heading}

{sub}

Book a 15-min intro {Ico.arrow(16,'currentColor')} Run the calculator

{Ico.check(14,'var(--charcoal)')} Cancel anytime {Ico.check(14,'var(--charcoal)')} No pitch on the call {Ico.check(14,'var(--charcoal)')} 15 min max

); } function Footer() { return ( ); } // ─── Illustration placeholder (for "mammoth illustration" slots) ─── function Illus({ caption, children, height = 320, style = {} }) { return (
{children}
{caption}
); } // ─── Scroll CTA bar ─── function ScrollCTA() { const [visible, setVisible] = useState(false); const [dismissed, setDismissed] = useState(false); useEffect(() => { const on = () => { const h = document.documentElement; const progress = (h.scrollTop + window.innerHeight) / h.scrollHeight; setVisible(progress > 0.5 && progress < 0.95); }; window.addEventListener('scroll', on); return () => window.removeEventListener('scroll', on); }, []); if (dismissed || !visible) return null; return (
Worth 15 minutes? No pitch, promise. Book intro
); } // ─── FAQ ─── function FAQ({ items }) { return (
{items.map((it, i) => (
{it.q}

{it.a}

))}
); } // ─── Export to window ─── Object.assign(window, { MammothMascot, Header, Footer, CTABand, Illus, ScrollCTA, FAQ, });