/* ============================================================ * sections.jsx — Hero, Cards3D, Features, Benefits, Testimonials, * Pricing, FinalCTA, Footer * ============================================================ */ const VIDEO_HERO = "https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260502_134830_926d2233-a9a6-45e9-aaa2-28ef8beecb24.mp4"; const VIDEO_FEATURE = "https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260424_064411_9e9d7f84-9277-41f4-ab10-59172d89e6be.mp4"; const VIDEO_STATS = "https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260422_191657_800d4e1f-7ab3-41af-90b6-9bd3039eb294.mp4"; const VIDEO_TESTI = "https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260429_111347_9cf2a2b0-2c10-475b-a132-147a046b4927.mp4"; const VIDEO_PRICING = "https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260407_043131_ebe2f0b5-9acc-4a4f-b2c1-7297f1a3beb9.mp4"; const VIDEO_CTA = "https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260405_171521_25968ba2-b594-4b32-aab7-f6b69398a6fa.mp4"; /* ============================================================ * Hero — mouse-scrub video, blurred intro, typewriter, action pills * ============================================================ */ /* Typewriter hook */ function useTypewriter(text, speed = 38, startDelay = 600) { const [displayed, setDisplayed] = React.useState(''); const [done, setDone] = React.useState(false); React.useEffect(() => { let i = 0; let interval; const startTimer = setTimeout(() => { interval = setInterval(() => { i += 1; setDisplayed(text.slice(0, i)); if (i >= text.length) { clearInterval(interval); setDone(true); } }, speed); }, startDelay); return () => {clearTimeout(startTimer);clearInterval(interval);}; }, [text, speed, startDelay]); return { displayed, done }; } /* Mouse-scrub background video */ function ScrubVideo({ src }) { const ref = React.useRef(null); const state = React.useRef({ prevX: null, target: 0, seeking: false }); const SENSITIVITY = 0.8; React.useEffect(() => { const v = ref.current; if (!v) return; // Land on a well-lit frame initially (first frame may be black) const seekInitial = () => { if (v.duration) { const t0 = v.duration * 0.35; state.current.target = t0; try {v.currentTime = t0;} catch (e) {} } }; if (v.readyState >= 1) seekInitial();else v.addEventListener('loadedmetadata', seekInitial, { once: true }); const onSeeked = () => { const s = state.current; if (Math.abs(v.currentTime - s.target) > 0.01 && v.duration) { s.seeking = true; try {v.currentTime = s.target;} catch (e) {s.seeking = false;} } else { s.seeking = false; } }; v.addEventListener('seeked', onSeeked); const onMove = (e) => { const s = state.current; if (!v.duration) return; if (s.prevX === null) {s.prevX = e.clientX;return;} const delta = e.clientX - s.prevX; s.prevX = e.clientX; let t = s.target + delta / window.innerWidth * SENSITIVITY * v.duration; t = Math.max(0, Math.min(v.duration, t)); s.target = t; if (!s.seeking) { s.seeking = true; try {v.currentTime = t;} catch (err) {s.seeking = false;} } }; window.addEventListener('mousemove', onMove); // Touch fallback: gently loop so mobile isn't a frozen frame let touchLoop; const isTouch = window.matchMedia('(hover: none)').matches; if (isTouch) { v.play?.().catch(() => {}); } return () => { v.removeEventListener('seeked', onSeeked); window.removeEventListener('mousemove', onMove); if (touchLoop) clearInterval(touchLoop); }; }, []); return (