/* ============================================== */ /* Shared chrome — TopBar, Header, Footer, Router */ /* ============================================== */ const { useState, useEffect, useRef } = React; /* ---------- Scroll reveal observer ---------- */ function initReveal() { const els = document.querySelectorAll( '.ibd-reveal, .ibd-reveal-left, .ibd-reveal-right, .ibd-reveal-scale' ); if (!els.length) return; const io = new IntersectionObserver((entries) => { entries.forEach(e => { if (e.isIntersecting) { e.target.classList.add('ibd-visible'); io.unobserve(e.target); } }); }, { threshold: 0.08, rootMargin: '0px 0px -40px 0px' }); els.forEach(el => io.observe(el)); } /* ---------- tiny hash router ---------- */ function useRoute() { const [route, setRoute] = useState(window.location.hash.replace("#", "") || "/"); useEffect(() => { const on = () => setRoute(window.location.hash.replace("#", "") || "/"); window.addEventListener("hashchange", on); return () => window.removeEventListener("hashchange", on); }, []); return [route, (r) => {window.location.hash = r;window.scrollTo({ top: 0, behavior: "instant" });}]; } /* ---------- IBD logotype ---------- */ function Logo({ variant = "light", size = 38 }) { const sub = variant === "light" ? "#B0BECA" : "#7E8B96"; return ( {/* Logo image — taille agrandie pour lisibilité */} IBD Services ); } /* ---------- Icônes sociales SVG ---------- */ function IconFacebook() { return ( ); } function IconInstagram() { return ( ); } function IconWhatsApp() { return ( ); } /* ---------- Header ---------- */ function Header({ route, go }) { const items = [ { label: "Accueil", path: "/" }, { label: "Tarifs & Réservation", path: "/reservation" }, { label: "À propos", path: "/a-propos" }, { label: "FAQ", path: "/faq" }, { label: "Contact", path: "/contact" }, ]; const [mobile, setMobile] = useState(false); return (
Réserver →
{mobile && (
)}
); } /* ---------- Footer ---------- */ function Footer() { const socials = [ { icon: , href: "#", label: "Facebook" }, { icon: , href: "#", label: "Instagram" }, { icon: , href: "https://wa.me/221789230600", label: "WhatsApp" }, ]; return ( ); } function FooterCol({ title, links }) { return (

{title}

); } function PayChip({ label }) { return ( {label} ); } /* ---------- Page transition wrapper ---------- */ function Page({ children }) { useEffect(() => { // Small delay to let React finish rendering before observing const t = setTimeout(initReveal, 60); return () => clearTimeout(t); }, []); return
{children}
; } /* expose */ Object.assign(window, { useRoute, Header, Footer, Logo, Page });