/* hero.jsx — Nav · Hero · Drone Scanner */ const { useState, useEffect, useRef } = React; /* ── ICONS ── */ const Arr = () => ( ); const Chk = () => ( ); const MenuIco = () => ( ); const CloseIco = () => ( ); const MailIco = () => ( ); const PhoneIco = () => ( ); const PinIco = () => ( ); /* ── LOGO ── */ function LogoImg({ invert }) { const [failed, setFailed] = useState(false); if (failed) { return ( VERTEK ); } return ( Vertek setFailed(true)} /> ); } /* ── DRONE SVG ── */ function DroneSVG() { return ( ); } /* ── DRONE SCANNER ── */ function DroneScanner({ active }) { const unitRef = useRef(null); const [scanning, setScanning] = useState(false); useEffect(() => { if (!active) return; const unit = unitRef.current; if (!unit) return; // Centre de l'orbite = position du titre VERTEK (centré, ~42% vertical) const CX = 50, CY = 42, RX = 36, RY = 22; let angle = -Math.PI / 2; // départ en haut let orbitPaused = false; let lastTs = null; let rafId; let timer; const schedulePause = () => { timer = setTimeout(() => { orbitPaused = true; setScanning(true); timer = setTimeout(() => { orbitPaused = false; setScanning(false); schedulePause(); }, 1400 + Math.random() * 1600); // pause 1.4–3 s }, 3000 + Math.random() * 4000); // intervalle 3–7 s }; schedulePause(); const tick = (ts) => { if (!lastTs) lastTs = ts; const dt = Math.min((ts - lastTs) / 1000, 0.05); lastTs = ts; if (!orbitPaused) { // Vitesse légèrement variable pour un vol organique angle += (0.28 + 0.06 * Math.sin(angle * 3)) * dt; } const x = CX + RX * Math.cos(angle); const y = CY + RY * Math.sin(angle); unit.style.left = `${x}%`; unit.style.top = `${y}%`; // Oriente le cône vers le titre VERTEK const hero = document.getElementById('hero'); if (hero) { const W = hero.offsetWidth, H = hero.offsetHeight; const dX = (CX - x) / 100 * W; const dY = (CY - y) / 100 * H; const rot = Math.atan2(dY, dX) * 180 / Math.PI; const cone = unit.querySelector('.scan-cone'); if (cone) { cone.style.transformOrigin = '0px 55px'; cone.style.transform = `rotate(${rot}deg)`; } } rafId = requestAnimationFrame(tick); }; rafId = requestAnimationFrame(tick); return () => { cancelAnimationFrame(rafId); clearTimeout(timer); }; }, [active]); if (!active) return null; return (
ANALYSE...
); } /* ── NAV ── */ function Nav() { const [scrolled, setScrolled] = useState(false); const [onHero, setOnHero] = useState(true); const [open, setOpen] = useState(false); useEffect(() => { const h = () => { setScrolled(window.scrollY > 40); const hero = document.getElementById('hero'); if (hero) setOnHero(window.scrollY < hero.offsetHeight - 80); }; window.addEventListener('scroll', h, { passive: true }); return () => window.removeEventListener('scroll', h); }, []); const links = [ ['#services', 'Services'], ['#about', 'Qui sommes-nous'], ['#portfolio','Réalisations'], ['#contact', 'Contact'], ]; const logoInvert = onHero && !scrolled; return ( <>
{links.map(([h, l]) => ( setOpen(false)}>{l} ))} setOpen(false)}> Demander un devis
); } /* ── HERO ── */ function Hero({ scannerActive }) { const vidRef = useRef(null); useEffect(() => { const v = vidRef.current; if (!v) return; const srcs = [ 'https://videos.pexels.com/video-files/5031099/5031099-hd_1920_1080_30fps.mp4', 'https://videos.pexels.com/video-files/2169880/2169880-hd_1920_1080_25fps.mp4', 'https://videos.pexels.com/video-files/1851190/1851190-hd_1280_720_25fps.mp4', ]; let idx = 0; const tryNext = () => { if (idx < srcs.length) { v.src = srcs[idx++]; v.load(); } }; v.addEventListener('error', tryNext); tryNext(); return () => v.removeEventListener('error', tryNext); }, []); return (
Drone — Photo & Vidéo Aérienne
VERTEK
Certifié A1 · Opérateur UAS DGAC · Disponible maintenant

Prises de vue aériennes professionnelles pour l'immobilier, l'inspection & diagnostique et l'expertise sinistre.

Nos prestations Demander un devis
); }