// V6 — Mix of V4 (i18n, theme, scenes, prima/dopo, climax, 8 verticals) // with Mockup C editorial DNA (diary spine, bolder weights, warm paper, // clock-timeline hero, closing "— fine giornata —" centered coda). function V6Nav({ lang, setLang, mode, setMode, onReroll, variantN }) { const T = useTheme(); const t = useT(); const { isMobile } = useViewport(); return ( ); } function V6ClockHero({ vertical, lang }) { const T = useTheme(); const { isMobile } = useViewport(); const hours = [8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18]; const events = { 9: { k: 'booking', l: lang === 'en' ? 'Booking' : 'Prenotazione' }, 11: { k: 'voice', l: lang === 'en' ? 'Voice WA' : 'Vocale WA' }, 13: { k: 'break', l: lang === 'en' ? 'Lunch' : 'Pranzo' }, 15: { k: 'reminder',l: lang === 'en' ? 'Reminder -1h' : 'Reminder -1h' }, 17: { k: 'booking', l: lang === 'en' ? 'Cancel handled' : 'Cancellazione gestita' }, }; return (
{lang === 'en' ? 'Today — Tuesday' : 'Oggi — martedì'}
11 · AUTO
{hours.map((h) => { const ev = events[h]; return (
{ev ? ev.l : '·'}
{String(h).padStart(2, '0')}
); })}
{lang === 'en' ? 'Now — 15:12 · Reminders sent (3)' : 'Ora — 15:12 · Reminder inviati (3)'} AUTO
); } function V6Hero({ vertical, onRotate, lang, variant }) { const T = useTheme(); const t = useT(); const { isMobile, isTablet } = useViewport(); const H = variant.hero; return (
{H.kicker}

{H.h1.l1}
{H.h1.l2}
{H.h1.l3}

{H.bodyPre} {H.bodyStrong}

{lang === 'en' ? 'Today, a' : 'Oggi, un'}{' '} {' '}{lang === 'en' ? 'in' : 'a'} {vertical.place}.

{/* Stats strip — editorial: small italic lowercase, then huge bold number */}
{t.stats.map(([n, l]) => (
{l.toLowerCase()}
{n}
))}
); } // Diary-spine moment (mockup C grammar) — time column | axis | content function DayEntry({ n, time, kicker, children, first, last }) { const T = useTheme(); const { isMobile } = useViewport(); if (isMobile) { return (
{time}
№{n} · {kicker.toUpperCase()}
{children}
); } return (
{time}
№{n}
— {kicker.toLowerCase()}
{last &&
}
{children}
); } function Moment0842({ vertical, variant }) { const T = useTheme(); const t = useT(); const m = t.moments.m1; const { isMobile } = useViewport(); return (

{variant.m1H.pre}{vertical.firstName}{variant.m1H.post}{' '} {variant.m1HAccent}

{variant.m1Body}

{m.chips.map((c) => {c})}
{m.agenda.title.replace('{staff}', vertical.staffName.toUpperCase())}
{vertical.agenda.slice(0, 3).map((r, i) => (
{r.t}
{r.who}
{r.svc}
))}
{m.agenda.sync}
); } function Moment1130({ vertical, variant }) { const T = useTheme(); const t = useT(); const m = t.moments.m2; const { isMobile } = useViewport(); return (

{variant.m2H} {variant.m2HAccent}

{variant.m2Body}

 ); } function Moment1400({ vertical, variant }) { const T = useTheme(); const t = useT(); const m = t.moments.m3; const { isMobile } = useViewport(); return (

{variant.m3H} {variant.m3HAccent}

{variant.m3Body}

{m.chips.map((c) => {c})}
); } function Moment1754Climax({ vertical, variant }) { const T = useTheme(); const t = useT(); const m = t.moments.m4; const { isMobile } = useViewport(); return (

{variant.m4H.pre}+{vertical.stats.bookings} {variant.m4H.post}

{variant.m4HAccent}
{[ [`+${vertical.stats.bookings}`, m.stats[0][0]], [`${vertical.stats.voices}`, m.stats[1][0]], [`~${vertical.stats.saved} ${m.tag}`, m.stats[2][0]], ].map(([n, l]) => (
{l.toLowerCase()}
{n}
))}
{variant.m4Outro.l1}
{variant.m4Outro.l2}
); } function DaySection({ vertical, variant }) { const T = useTheme(); const t = useT(); const { isMobile, isTablet } = useViewport(); return (
{t.dayLabel || (t === I18N?.en ? 'THE DAY' : 'LA GIORNATA')}

{t.dayH || (t === I18N?.en ? 'Features enter when they matter.' : 'Le feature entrano in scena quando servono.')}

— {t.endOfDay || 'FINE GIORNATA'} —
{variant.endBody} {variant.endAccent}
); } function PrePost() { const T = useTheme(); const t = useT(); const p = t.prePost; const { isMobile, isTablet } = useViewport(); return (
{p.label}

{p.h.pre}{p.hAccent}{p.h.post}

); } function PrePostCol({ side, label, items }) { const T = useTheme(); const isAfter = side === 'after'; return (
{isAfter ? : }
{label}
    {items.map((it, i) => (
  • {it}
    • ))}
); } function V6Features() { const T = useTheme(); const t = useT(); const f = t.features; const { isMobile, isTablet } = useViewport(); return (
{f.label}

{f.h.l1}{f.h.l2}

{f.items.map((it, i) => (
= f.items.length - 2 ? `1px solid ${T.paperLine}` : 'none', }}>
{it[0]}
{it[2].toLowerCase()}
{it[1]}
))}
); } function V6Channels() { const T = useTheme(); const t = useT(); const c = t.channels; const { isMobile, isTablet } = useViewport(); return (
{c.label}

{c.h}

{c.items.map((ch) => (
{ch.name}
{c.tag}
{ch.desc}
))}
); } function V6Footer() { const T = useTheme(); const t = useT(); const f = t.footer; const { isMobile } = useViewport(); return (
{f.tagline}
{f.cols.map(([h, items]) => (
{h.toUpperCase()}
{items.map((x) =>
{x}
)}
))}
{f.rights}
); } function VerticalSwitcher({ vertical, onRotate, lang }) { const T = useTheme(); const t = useT(); const { isMobile } = useViewport(); return (
{t.switcher.label}
{verticalName(vertical, lang)} · {vertical.place}
); } function V6App() { const [v, setV] = React.useState(() => pickVertical()); const [lang, setLang] = React.useState(() => { try { return localStorage.getItem('hello_lang') || 'it'; } catch { return 'it'; } }); const [mode, setMode] = React.useState(() => { try { return localStorage.getItem('hello_theme_v6') || 'light'; } catch { return 'light'; } }); const [variantN, setVariantN] = React.useState(() => getVariantSeed()); const theme = React.useMemo(() => makeTheme(mode), [mode]); const variant = React.useMemo(() => getVariant(lang, variantN), [lang, variantN]); React.useEffect(() => { try { localStorage.setItem('hello_lang', lang); } catch {} }, [lang]); React.useEffect(() => { try { localStorage.setItem('hello_theme_v6', mode); } catch {} }, [mode]); const rotate = React.useCallback(() => { rotateVertical(); setV(pickVertical()); }, []); const reroll = React.useCallback(() => { setVariantN(rotateVariantSeed()); }, []); return (
); } Object.assign(window, { V6App, V6Nav, V6ClockHero, V6Hero, DayEntry, Moment0842, Moment1130, Moment1400, Moment1754Climax, DaySection, PrePost, PrePostCol, V6Features, V6Channels, V6Footer, VerticalSwitcher });