// ImpactSection.jsx + ManifestoSection.jsx + FooterCTA.jsx // Animated counter hook const useCountUp = (end, duration = 2000, startOnVisible = true) => { const [count, setCount] = React.useState(0); const [started, setStarted] = React.useState(false); const ref = React.useRef(null); React.useEffect(() => { if (!startOnVisible) { setStarted(true); return; } const obs = new IntersectionObserver( ([entry]) => { if (entry.isIntersecting) { setStarted(true); obs.disconnect(); } }, { threshold: 0.3 } ); if (ref.current) obs.observe(ref.current); return () => obs.disconnect(); }, []); React.useEffect(() => { if (!started) return; let startTime = null; const animate = (timestamp) => { if (!startTime) startTime = timestamp; const progress = Math.min((timestamp - startTime) / duration, 1); // Ease out cubic const eased = 1 - Math.pow(1 - progress, 3); setCount(Math.round(eased * end)); if (progress < 1) requestAnimationFrame(animate); }; requestAnimationFrame(animate); }, [started, end, duration]); return { count, ref }; }; const ImpactSection = () => { // Placeholder stats — user will provide real numbers later const stats = [ { num: "50%+", label: "Reduction in cost-per-hire", countTo: 50, suffix: '%+' }, { num: "100s of hours", label: "Saved per hire cycle", countTo: 100, suffix: 's of hours' }, { num: "Zero", label: "Interviewer bias in AI screening layer", countTo: 0, suffix: '', isWord: true, word: 'Zero' }, ]; return (
What We Solve

What changes when you use intervieHire.

{stats.map((s, i) => { const counter = useCountUp(s.countTo, 2000); return (
{s.isWord ? s.word : `${counter.count}${s.suffix}`}
{s.label}
 ); })}

Our interviewers are trained, calibrated, and use a standardized framework, removing bias and ensuring every candidate gets a fair, high-quality assessment.

); }; const ManifestoSection = () => { const words = ["We", "didn't", "build", "another", "tool.", "We", "built", "the", "hiring", "layer", "your", "team", "never", "had."]; return (

"{words.join(' ')}"

); }; const FooterCTA = () => { const [email, setEmail] = React.useState(''); const [waitlistStatus, setWaitlistStatus] = React.useState('idle'); // idle | submitting | success | error const [emailError, setEmailError] = React.useState(''); const handleWaitlist = async (e) => { e.preventDefault(); setEmailError(''); if (!email.trim()) { setEmailError('Please enter your email'); return; } if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) { setEmailError('Please enter a valid work email'); return; } setWaitlistStatus('submitting'); await new Promise(r => setTimeout(r, 1000)); // Store in localStorage const waitlist = JSON.parse(localStorage.getItem('intervieHire_waitlist') || '[]'); waitlist.push({ email, timestamp: new Date().toISOString(), type: 'waitlist' }); localStorage.setItem('intervieHire_waitlist', JSON.stringify(waitlist)); setWaitlistStatus('success'); setTimeout(() => { setWaitlistStatus('idle'); setEmail(''); }, 3000); }; // Placeholder URLs — user will provide real ones const socialLinks = { LinkedIn: '#linkedin', Twitter: '#twitter', }; const websiteUrl = '#'; const contactEmail = 'interviehire@gmail.com'; return ( ); }; Object.assign(window, { ImpactSection, ManifestoSection, FooterCTA });