/* global React */ const { useState, useEffect, useRef, useCallback } = React; /* ----------------------------- ICONS ----------------------------- */ const Ic = { phone:(p)=> , whatsapp:(p)=> , mail:(p)=> , pin:(p)=> , clock:(p)=> , cal:(p)=> , search:(p)=> , shield:(p)=> , tag:(p)=> , fuel:(p)=> , gear:(p)=> , seat:(p)=> , cars:(p)=> , star:(p)=> , users:(p)=> , arrow:(p)=> , chev:(p)=> , chevDown:(p)=> , check:(p)=> , menu:(p)=> , x:(p)=> , spark:(p)=> , heart:(p)=> , key:(p)=> , sparkle:(p)=> , fb:(p)=> , ig:(p)=> , quote:(p)=> , }; function Stars({ n=5, size }){ return {[1,2,3,4,5].map(i=> )} ; } /* ----------------------------- LOGO ----------------------------- */ function Logo({ h=42, onClick }){ return Hamza LVH ; } /* --------------------- SCROLL REVEAL HOOK --------------------- */ function useReveal(){ useEffect(()=>{ const els=document.querySelectorAll('.reveal:not(.in)'); const io=new IntersectionObserver((ents)=>{ ents.forEach(e=>{ if(e.isIntersecting){ e.target.classList.add('in'); io.unobserve(e.target);} }); },{threshold:.12,rootMargin:"0px 0px -8% 0px"}); els.forEach(el=>io.observe(el)); return ()=>io.disconnect(); }); } /* --------------------- IMAGE / PLACEHOLDER --------------------- */ function CarImage({ car, className, style }){ if(car.image){ return {car.name}; } return
{car.brand}
Visuel — {car.name}
; } /* ----------------------------- NAV ----------------------------- */ const NAV_ITEMS=[ ["Accueil","#/"],["Nos voitures","#/voitures"],["Réservation","#/reservation"], ["À propos","#/a-propos"],["Conditions","#/conditions"],["Contact","#/contact"], ]; function Nav({ route }){ const [scrolled,setScrolled]=useState(false); const [open,setOpen]=useState(false); useEffect(()=>{ const f=()=>setScrolled(window.scrollY>16); f(); window.addEventListener('scroll',f,{passive:true}); return ()=>window.removeEventListener('scroll',f); },[]); useEffect(()=>{ setOpen(false); },[route]); useEffect(()=>{ document.body.classList.toggle('no-scroll',open); },[open]); const base=route.split('/')[1]||""; const isActive=(href)=>{ const h=href.replace('#/',''); return h===base || (h===""&&base===""); }; return <>
G {window.BUSINESS.rating} {window.BUSINESS.phonePrimary}
{/* mobile drawer */}
setOpen(false)} style={{position:"absolute",inset:0,background:"rgba(0,0,0,.6)",backdropFilter:"blur(4px)",opacity:open?1:0,transition:"opacity .35s"}}>
{NAV_ITEMS.concat([["FAQ","#/faq"]]).map(([l,h])=> setOpen(false)} style={{padding:"15px 6px",borderBottom:"1px solid var(--border-soft)",fontFamily:"'Sora',sans-serif",fontSize:17,fontWeight:600,color:isActive(h)?"var(--gold-2)":"var(--text)",textTransform:"uppercase",letterSpacing:".02em"}}>{l} )} {window.BUSINESS.phonePrimary} WhatsApp
; } /* ----------------------------- FOOTER ----------------------------- */ function Footer(){ const B=window.BUSINESS; const Col=({title,children})=>
{title}
{children}
; const FL=({href,children})=> e.currentTarget.style.color="var(--text)"} onMouseLeave={e=>e.currentTarget.style.color="var(--muted)"}>{children}; return ; } /* ----------------------------- WHATSAPP FAB ----------------------------- */ function GoogleRating(){ const B=window.BUSINESS; return G {B.rating} · {B.clients} clients ; } /* ---- Mobile sticky action bar : Téléphone · WhatsApp · Réservation ---- */ function MobileActionBar(){ const B=window.BUSINESS; return ; } function WhatsAppFab(){ return ; } /* ----------------------------- CAR CARD ----------------------------- */ function fmtPrice(p){ return p.toLocaleString('fr-FR'); } function CarCard({ car, delay }){ return
{car.category} {car.real && Photo réelle}

{car.name}

{car.year}
{car.fuel} {car.gearbox} {car.seats} pl
{fmtPrice(car.price)} DA / jour
Détails
; } Object.assign(window,{ Ic, Stars, Logo, useReveal, CarImage, Nav, Footer, WhatsAppFab, CarCard, fmtPrice, GoogleRating, MobileActionBar });