/* NIA — shared chrome: navbar, footer, i18n */
const { useState, useEffect, useRef } = React;
/* ---------- i18n (global pub/sub so every useLang instance stays in sync) ---------- */
const LANG_KEY = "nia.lang";
const _langListeners = new Set();
let _langValue = (typeof window !== "undefined" && localStorage.getItem(LANG_KEY)) || "fr";
function _setLangGlobal(v) {
_langValue = v;
try { localStorage.setItem(LANG_KEY, v); document.documentElement.setAttribute("lang", v); } catch(e){}
_langListeners.forEach(fn => fn(v));
}
function useLang() {
const [lang, setLocal] = useState(_langValue);
useEffect(() => {
_langListeners.add(setLocal);
return () => { _langListeners.delete(setLocal); };
}, []);
return [lang, _setLangGlobal];
}
function t(lang, fr, en) { return lang === "en" ? en : fr; }
window.useLang = useLang;
window.t = t;
/* ---------- Monogram ---------- */
function Monogram({ size = 32 }) {
return (
N
);
}
window.Monogram = Monogram;
/* ---------- Navbar ---------- */
function Navbar({ current = "home" }) {
const [lang, setLang] = useLang();
const [scrolled, setScrolled] = useState(false);
const [menu, setMenu] = useState(false);
useEffect(() => {
const onScroll = () => setScrolled(window.scrollY > 8);
window.addEventListener("scroll", onScroll); onScroll();
return () => window.removeEventListener("scroll", onScroll);
}, []);
const links = [
{ key: "labels", fr: "Labels", en: "Labels", href: "labels.html" },
{ key: "marques", fr: "Marques", en: "Brands", href: "marques.html" },
{ key: "agences", fr: "Agences", en: "Agencies", href: "agences.html" },
{ key: "createurs", fr: "Créateurs", en: "Creators", href: "createurs.html" },
];
return (
<>
{/* Mobile menu overlay */}
{menu && (
)}
);
}
function LangToggle({ lang, setLang }) {
return (
{["fr", "en"].map(l => (
))}
);
}
window.Navbar = Navbar;
/* ---------- Footer ---------- */
function Footer() {
const [lang] = useLang();
const cols = [
{ title: t(lang, "Produit", "Product"), links: ["Labels", t(lang, "Marques", "Brands"), t(lang, "Agences", "Agencies"), t(lang, "Créateurs", "Creators"), t(lang, "Sécurité", "Security")] },
{ title: t(lang, "Ressources", "Resources"), links: [t(lang, "Études de cas", "Case studies"), "Blog", t(lang, "Presse", "Press")] },
{ title: t(lang, "Entreprise", "Company"), links: [t(lang, "À propos", "About"), t(lang, "Équipe", "Team"), t(lang, "Carrières", "Careers"), "Contact"] },
{ title: t(lang, "Légal", "Legal"), links: ["CGU", t(lang, "Confidentialité", "Privacy"), "DPA", "Cookies", t(lang, "Mentions", "Imprint")] },
];
return (