/* global React */ // IntroSplash — fullscreen brand video intro that plays on every page load. // Mobile-first: object-fit cover, muted autoplay, playsinline. // Skippable via tap/click or a "skip" button (visible after 800ms). const { useState: useStateIntro, useEffect: useEffectIntro, useRef: useRefIntro } = React; function IntroSplash({ src = '/landing-original/assets/intro.mp4', maxDuration = 30000 }) { const [visible, setVisible] = useStateIntro(true); const [closing, setClosing] = useStateIntro(false); const [showSkip, setShowSkip] = useStateIntro(true); const [videoReady, setVideoReady] = useStateIntro(false); const [muted, setMuted] = useStateIntro(true); const videoRef = useRefIntro(null); const closeTimerRef = useRefIntro(null); const closedRef = useRefIntro(false); // Lock body scroll while visible useEffectIntro(() => { if (!visible) return; const prevOverflow = document.body.style.overflow; document.body.style.overflow = 'hidden'; return () => { document.body.style.overflow = prevOverflow; }; }, [visible]); // Show skip button after 800ms useEffectIntro(() => { const t = setTimeout(() => setShowSkip(true), 800); return () => clearTimeout(t); }, []); // Safety-net timer — set to maxDuration initially, replaced once metadata loads useEffectIntro(() => { closeTimerRef.current = setTimeout(() => handleClose(), maxDuration); return () => clearTimeout(closeTimerRef.current); // eslint-disable-next-line }, []); // Try to play video on mount useEffectIntro(() => { const v = videoRef.current; if (!v) return; const tryPlay = async () => { try { await v.play(); } catch (e) { // autoplay blocked → keep splash visible briefly then close setTimeout(handleClose, 1800); } }; tryPlay(); // eslint-disable-next-line }, []); const handleClose = () => { if (closedRef.current) return; closedRef.current = true; setClosing(true); setTimeout(() => setVisible(false), 600); }; const closeWhenVideoIsDone = () => { const v = videoRef.current; if (!v || !v.duration || !isFinite(v.duration)) return; if (v.ended || v.currentTime >= v.duration - 0.18) handleClose(); }; const handleLoadedMetadata = (e) => { setVideoReady(true); const v = e.currentTarget; if (v.duration && isFinite(v.duration)) { // Replace safety-net timer with one based on actual duration + small buffer clearTimeout(closeTimerRef.current); closeTimerRef.current = setTimeout(handleClose, v.duration * 1000 + 800); } }; const toggleMute = (e) => { e.stopPropagation(); const v = videoRef.current; if (!v) return; v.muted = !v.muted; setMuted(v.muted); }; if (!visible) return null; return (