= [
+ { href: '/plan', key: 'navPlan' },
+ { href: '/tracking', key: 'navTracking' },
+ { href: '/fasting', key: 'navFasting' },
+ { href: '/shopping', key: 'navShopping' },
+ { href: '/profile', key: 'navProfile' },
+ { href: '/billing', key: 'navBilling' },
+];
+
/**
- * Top-of-page header minimale: logo a sinistra, sezione corrente a destra (se
- * fornita). Una riga sottile sotto fa da divider editoriale.
+ * Top-of-page header dell'app. Logo a sx, nav orizzontale al centro/destra
+ * (desktop) o hamburger drawer (mobile). Pagina corrente evidenziata in
+ * pomodoro. Una riga sottile sotto fa da divider editoriale.
*/
-export function Masthead({ issueLabel, className }: MastheadProps) {
+export function Masthead({ issueLabel, showNav = false, className }: MastheadProps) {
+ const t = useTranslations('Home');
+ const pathname = usePathname();
+ const [open, setOpen] = useState(false);
+
+ // Quando il pathname cambia, chiudi il drawer mobile (utente ha navigato).
+ useEffect(() => setOpen(false), [pathname]);
+
+ // Match di fallback: il pathname è tipo /it/plan, dobbiamo confrontare
+ // ignorando il segmento di locale. Usiamo `.includes('/plan')` con
+ // controllo che inizi con /
/plan oppure /plan.
+ function isActive(href: string): boolean {
+ if (!pathname) return false;
+ // strip locale prefix se presente
+ const stripped = pathname.replace(/^\/[a-z]{2}(\/|$)/, '/');
+ if (href === '/') return stripped === '/';
+ return stripped.startsWith(href);
+ }
+
return (