/* ClientBase — shared UI: Logo, Nav, Footer, Icons + shared hooks */
// Mets à jour cette constante à chaque release + ajoute une entrée dans CB_CHANGELOG.
const CB_VERSION = "1.1";
const CB_CHANGELOG = [
{
version: "1.1",
date: "2026-04-28",
tag: "Stabilisation",
title: "Cycle de bug fixes — pas de nouvelles features",
items: [
"V1 clôturée. Ce cycle n'ajoute plus de fonctionnalités : on stabilise.",
"Corrections de bugs remontés par les bêta-testeurs et polish UI.",
"Tout retour, signalement de bug ou incohérence : clientbase.fr@gmail.com.",
],
},
{
version: "1.0",
date: "2026-04-28",
tag: "Bêta — clôturée",
title: "Première version complète",
items: [
"Comptes Supabase + synchro temps réel multi-appareils",
"Page publique de réservation (?book=) via lien partageable + slug personnalisable",
"Pseudo réseau social du client à la réservation (Instagram, Facebook, TikTok, Snapchat, WhatsApp)",
"Anniversaires clients épinglés sur la home + champ JJ/MM dans la fiche",
"Greeting dynamique (matinée, déjeuner, après-midi, soirée) + fête / saint du jour",
"Mode pause / vacances — bandeau doux sur la home, blocage des réservations en ligne",
"Onboarding 3 cartes à la première connexion",
"Toast Annuler 5s sur les actions importantes (RDV fait & facturé, paiement encaissé)",
"Sparkline CA animée + compteur RDV en ease-out",
"Comparatifs SEO ClientBase vs Planity / Treatwell / Fresha / Kiute Pro / iara",
"Pages légales (RGPD, CGU, mentions, cookies), facture conforme avec mentions légales",
"Mot de passe oublié, validation stricte, RGPD export et suppression compte",
"Simulateur de gains, page Guide interactif, page d'invitation personnalisée",
"Agenda mobile (strip 60 jours), marquer fait & facturer en 1 clic",
],
},
{
version: "1.2",
date: "À venir",
tag: "Bientôt",
title: "Rappels SMS + import/export",
items: [
"Rappels SMS automatiques 24 h avant chaque RDV (plan Business)",
"Import des données bêta locales vers le cloud en un clic",
"Export CSV / PDF de vos factures et clients",
],
upcoming: true,
},
{
version: "2.0",
date: "À venir",
tag: "Objectif 2026",
title: "App native iOS & Android",
items: [
"Application mobile publiée sur l'App Store (iOS)",
"Application mobile publiée sur le Play Store (Android)",
"Notifications push natives (nouvelle réservation, RDV du jour, paiement reçu)",
"Mode hors-ligne complet : consultez votre agenda même sans réseau",
"Lancement commercial officiel — fin de la bêta, structure juridique déclarée",
],
upcoming: true,
},
];
const useIsMobile = (bp = 720) => {
const [isMobile, setIsMobile] = React.useState(() =>
typeof window !== "undefined" && window.matchMedia(`(max-width: ${bp}px)`).matches
);
React.useEffect(() => {
const mq = window.matchMedia(`(max-width: ${bp}px)`);
const h = (e) => setIsMobile(e.matches);
if (mq.addEventListener) mq.addEventListener("change", h);
else mq.addListener(h);
return () => {
if (mq.removeEventListener) mq.removeEventListener("change", h);
else mq.removeListener(h);
};
}, [bp]);
return isMobile;
};
const Icon = ({ name, size = 18, stroke = 1.6, style }) => {
const s = size;
const props = {
width: s, height: s, viewBox: "0 0 24 24", fill: "none",
stroke: "currentColor", strokeWidth: stroke,
strokeLinecap: "round", strokeLinejoin: "round",
style,
};
const paths = {
calendar: <>,
users: <>,
chat: <>,
heart: <>,
sparkle: <>,
chart: <>,
box: <>,
check: ,
arrow: ,
arrowUp: ,
shield: ,
zap: ,
menu: <>,
close: <>,
plus: <>,
search: <>,
bell: <>,
settings: <>,
euro: <>,
clock: <>,
lock: <>,
eye: <>,
eyeOff: <>,
mail: <>,
phone: <>,
star: ,
invoice: <>,
tag: <>,
gift: <>,
link: <>,
copy: <>,
external: <>,
trash: <>,
};
return ;
};
const Logo = ({ size = 24, withWordmark = true }) => (
{withWordmark && (
ClientBase
)}
);
const NAV_LINKS = [
{ id: "features", label: "Guide" },
{ id: "pricing", label: "Tarif" },
{ id: "contact", label: "Contact" },
];
const OpenAppButton = ({ onClick, large }) => {
const [hover, setHover] = React.useState(false);
return (
);
};
const Nav = ({ page, go, user }) => {
const [open, setOpen] = React.useState(false);
const loggedIn = !!user;
// Navigation depuis le menu mobile : ferme d'abord le menu proprement,
// puis navigue après la fin de la transition pour éviter le "flash" où
// la nouvelle page apparaît sous le menu encore ouvert.
const goFromMenu = (p, opts) => {
setOpen(false);
setTimeout(() => go(p, opts), 220);
};
return (