// _chrome.jsx — Shared chrome for module pages (Nav + Footer + CTA + OtherModules)
// Paths are relative to /prodotto/* (use "../" prefix)
const { useState: useStateCh, useEffect: useEffectCh } = React;
const BASE = "../";
const MODULES = [
{ id: "cashflow", num: "01", name: "Cashflow Monitor", nameKey: "modules.cashflow", taglineKey: "mod.cf.tag", tagline: "Salute finanziaria 0–100, alert proattivi, digest finanziario.", href: "cashflow.html" },
{ id: "commerce", num: "02", name: "Commerce", nameKey: "modules.commerce", taglineKey: "mod.commerce.tag", tagline: "Storefront pubblico, 7 tipi di prodotto, Stripe Connect.", href: "commerce.html" },
{ id: "crm", num: "03", name: "Customer Intelligence", nameKey: "modules.crm", taglineKey: "mod.crm.tag", tagline: "7 segmenti automatici, LTV, marketing GDPR.", href: "customer-intelligence.html" },
{ id: "ai", num: "04", name: "Analista AI", nameKey: "modules.analyst", taglineKey: "mod.ai.tag", tagline: "21 strumenti deterministici, risposte fondate sui tuoi dati.", href: "analista-finanziario.html" },
];
function ModuleNav() {
const [scrolled, setScrolled] = useStateCh(false);
const [menuOpen, setMenuOpen] = useStateCh(false);
useEffectCh(() => {
let ticking = false;
let last = false;
const onScroll = () => {
if (ticking) return;
ticking = true;
requestAnimationFrame(() => {
const next = window.scrollY > 8;
if (next !== last) { last = next; setScrolled(next); }
ticking = false;
});
};
window.addEventListener("scroll", onScroll, { passive: true });
return () => window.removeEventListener("scroll", onScroll);
}, []);
useEffectCh(() => {
document.body.style.overflow = menuOpen ? "hidden" : "";
return () => { document.body.style.overflow = ""; };
}, [menuOpen]);
const closeMenu = () => setMenuOpen(false);
return (
);
}
// Eyebrow showing which module + breadcrumb
function ModuleEyebrow({ num, label, accent }) {
return (
);
}
// Cross-links to other 3 modules
function OtherModules({ currentId }) {
const others = MODULES.filter(m => m.id !== currentId);
return (
Esplora gli altri moduli
Tutti e quattro integrati dal giorno zero.
);
}
// Final pricing + CTA reminder
function ModuleCta({ accent }) {
return (
14 giorni, nessuna carta
Pronto a metterlo al tuo fianco?
Apri un account demo. Trovi tutti e quattro i moduli attivi, popolati con dati realistici di un coach, un centro benessere o un e-commerce. Esplora senza inserire un dato vero.
);
}
function ModuleFooter() {
return (
Business Operating System per attività che vogliono capire davvero come stanno andando. Cashflow, vendite, clienti e AI in un'unica esperienza: meno strumenti sparsi, più controllo sulle decisioni.
({ label: m.name, labelKey: m.nameKey, href: m.href }))} />
);
}
function ModuleLangSwitch() {
const [lang, setLang] = useStateCh(() => (window.I18N ? window.I18N.getLang() : "it"));
function pick(l) {
setLang(l);
if (window.I18N) window.I18N.setLang(l);
}
return (
{["IT","EN","DE","FR"].map(l => {
const c = l.toLowerCase();
const active = lang === c;
return (
pick(c)} className="chip"
style={{
fontSize: 10, padding: "3px 8px",
background: active ? "var(--brand-soft)" : undefined,
color: active ? "var(--brand-deep)" : undefined,
borderColor: active ? "color-mix(in oklab, var(--brand) 22%, transparent)" : undefined,
cursor: "pointer",
fontWeight: active ? 600 : 400,
}}
>{l}
);
})}
);
}
function FtCol({ titleKey, title, links }) {
return (
);
}
Object.assign(window, { ModuleNav, ModuleEyebrow, OtherModules, ModuleCta, ModuleFooter, MODULES });