FASE 1 · 2026 H2
IT + ES
Federation IT+ES già operativa. IN come layer sopra. SSO, recommendation portability.
FASE 2 · 2027 H1
+ Joyn DE
Estensione DE via front-end. AI layer trasversale. Wallet portability cross-3-paesi.
FASE 3 · 2027 H2
+ Impresa PT, TV2 HU
Partnership EU si aggregano. Performance Room cross-mercato. Federation 5+ paesi.
),
footerMeta: ['SSO cross-MFE', 'Recommendation', 'Wallet', 'AI layer', 'Performance Room'],
},
// ═════════════════════════════════════════════════════════════════════════
// 28 · APPENDIX · Q aperte (Tier 1, Tier 2, Q chiuse)
// ═════════════════════════════════════════════════════════════════════════
{
template: 'Appendix', scheme: 'nearBlack', sectionId: 'close',
shortLabel: 'APP · Q aperte',
panelColor: 'navy',
kicker: 'Appendix · 27 maggio 2026',
title: 'COSA SERVE\nPER CHIUDERE',
subtitle: 'Tier 1 quantitative · Tier 2 decisioni · Q chiuse confermate.',
columns: [
{ header: 'Q QUANTITATIVE · 8', color: '#C996FA',
items: [
{ tag: '01.', title: 'ARPU/CPM Infinity', detail: 'Ferrario' },
{ tag: '02.', title: 'Budget marketing 2026', detail: 'CFO' },
{ tag: '03.', title: 'Deal OEM IT 2025', detail: 'Sara/SB' },
{ tag: '04.', title: 'Anteprima Infinity sistematica 2024-25', detail: 'Direzione Studi' },
{ tag: '05.', title: 'Catalog AI clearance re-voicing', detail: 'Legal' },
{ tag: '06.', title: 'Infinity MAU split per device', detail: 'BI Infinity' },
{ tag: '07.', title: 'Valuation auto-promo Mediaset', detail: 'Publitalia' },
{ tag: '08.', title: 'Content budget 2024/25/26', detail: 'CFO' },
]},
{ header: 'Q DECISIONI · 3-4', color: '#F7A1DC',
items: [
{ tag: '01.', title: 'Piano industriale MFE 2026-2030', detail: 'Massimiliano + Mara' },
{ tag: '02.', title: 'Ad-tier Infinity+ roadmap 2026', detail: 'Massimiliano' },
{ tag: '03.', title: 'Sport women\'s UCL + padel anchor low-cost?', detail: 'apertura' },
]},
{ header: 'Q CHIUSE', color: '#3DFFA0', highlight: true,
items: [
{ tag: '✓', title: 'Mediaset firma DMA letter via ACT', detail: '23 mar 2026' },
{ tag: '✓', title: 'Champions League 2027-31 OUT', detail: 'Sky + Amazon esclusiva' },
]},
],
source: 'Appendix · solo PDF · documento interno · maggio 2026',
},
// ═════════════════════════════════════════════════════════════════════════
// 29-32 · SHIFT DEEP-DIVES (S1 / S2 / S3 / S4) · placeholder content
// Linked from slide 04's 4 cards. Same MorphScroll fade-carousel pattern
// as the cover. User will fill in real content later.
// ═════════════════════════════════════════════════════════════════════════
{
template: 'MorphScroll', scheme: 'purpleDeep', sectionId: 'shifts',
shortLabel: '29 · S1 · Broadcaster IT → Piattaforma EU',
panelColor: 'purpleMid',
kicker: 'SHIFT 01 · Da broadcaster nazionale a piattaforma europea',
title: 'BROADCASTER IT\n→ PIATTAFORMA EU',
subtitle: 'Federation tecnologica IT + ES già operativa. Joyn DE Q1 2027. European Identity Layer come architettura unica. 22-25M MAU pan-MFE.',
sections: [
{
stat: '22-25M', label: 'MAU PAN-EU · GIÀ OGGI',
body: 'Audience digitale aggregata Mediaset Infinity (IT 3,4M) + Mitele (ES 2-3M) + Joyn (DE 16M). 6,5× il solo perimetro Italia. Driver: Joyn DE.',
},
{
stat: 'Q1 2027', label: 'JOYN DE NELLA FEDERATION',
body: 'Stack Infinity + Mitele già condiviso front-end e back-end (confermato Mara, maggio 2026). Estensione DE via front-end pianificata Q1 2027. Federation phased, non big-bang.',
},
{
stat: '10M', label: 'BENCHMARK RTL BEDROCK',
body: 'RTL Bedrock: 10M subs / 45M utenti / 6 paesi su unico stack (apr 2026). Federation phased sopravvive ai pattern che hanno ucciso Salto FR (€135M), Joyn ARD/ZDF (LG Köln), RTL/Talpa (ACM NL).',
},
],
source: 'Risposta Mara · 18 mag 2026 · RTL Group annual report · apr 2026',
},
{
template: 'MorphScroll', scheme: 'purpleBlue', sectionId: 'shifts',
shortLabel: '30 · S2 · Catalogo → Engagement continuo',
panelColor: 'indigo',
kicker: 'SHIFT 02 · Dal catalogo all\'engagement continuo',
title: 'CATALOGO\n→ ENGAGEMENT CONTINUO',
subtitle: 'L\'unità di misura non è più la stagione, è l\'IP che vive 12 mesi. Flow + Always-On + Vertical Commissioning. La community è l\'asset.',
sections: [
{
stat: '215K', label: 'COMMUNITY INFINITY GF · MEMBRI ATTIVI',
body: 'Grande Fratello come caso quasi perfetto: live 24/7, clip, social, podcast, backstage. Una sola IP che vive tutto l\'anno. Replicabile pan-MFE (GF Italia + Hermano Mayor ES + format Joyn DE).',
},
{
stat: '2 mld', label: 'ORE/MESE YOUTUBE SHORTS SU CTV',
body: 'La categoria vertical/microdrama è già massiva, non emergente. Fascino × Witty TV pilot apr 2026. Infinity microdrama/verts giu 2026.',
},
{
stat: 'GIU 2026', label: 'INFINITY FLOW · LIVE',
body: 'Feed vertical dentro l\'app principale, sul modello Netflix Fast Laughs / Disney For You / YouTube Shorts. KPI: conversion al long-form.',
},
],
source: 'PrimaOnline + Messaggero · 2025 · Italia Oggi · mag 2026 · OMDIA · ott 2025',
},
{
template: 'MorphScroll', scheme: 'navy', sectionId: 'shifts',
shortLabel: '31 · S3 · Distribuzione → Orchestrazione IP',
panelColor: 'navy',
kicker: 'SHIFT 03 · Dalla distribuzione all\'orchestrazione IP',
title: 'DISTRIBUZIONE\n→ ORCHESTRAZIONE IP',
subtitle: 'Owned First. La relazione utente non si vende. AGCOM SIG come arma regolatoria unica IT. YouTube come Embassy, non come funnel.',
sections: [
{
stat: 'OTT 2025', label: 'AGCOM SIG · RAIL HOME OBBLIGATORIA',
body: 'Rail home obbligatoria sulle smart TV vendute in Italia. RAI/MFE/La7/Sky/WBD inclusi. Né Netflix né Disney+ possono replicarlo. Vantaggio strutturale.',
},
{
stat: '77% / 36%', label: 'PROSIEBEN REACH / AVOD YoY · TEMPLATE MFE',
body: 'ProSiebenSat.1 sotto Giordani consolidando i silos → 77% total reach + AVOD +36% YoY. Joyn come destinazione primaria. Stesso muscolo si applica a Infinity.',
},
{
stat: '30 vs 1', label: 'CHANNEL 4 vs MEDIASET · CANALI YOUTUBE',
body: 'Channel 4: 30 canali tematici, team commerciale dedicato, full-episode views +169% YoY. Mediaset: 1 canale, ~923K iscritti, KPI non disclosed. YouTube come Embassy autonoma, non funnel.',
},
],
source: 'AGCOM SIG · ott 2025 · ProSieben annual report · 2024-25 · Channel 4 annual report · 2025',
},
{
template: 'MorphScroll', scheme: 'magenta', sectionId: 'shifts',
shortLabel: '32 · S4 · Inventory → Audience & Commerce',
panelColor: 'pink',
kicker: 'SHIFT 04 · Dall\'inventory all\'audience & commerce',
title: 'INVENTORY\n→ AUDIENCE & COMMERCE',
subtitle: 'AdManager live da 18 mesi · 1.000+ PMI attive · estate 2026 ES+DE. Shoppable lead-gen. Clean-room federation. ADV mandate pan-MFE.',
sections: [
{
stat: '1.000+', label: 'PMI ATTIVE · ADMANAGER IT · MAR 2026',
body: 'Settembre 2024 lancio. Ottobre 2025 + video. Marzo 2026 oltre 1.000 PMI attive. Estate 2026: lancio Spagna + Germania sotto framework MFE Advertising. Anticipo su Netflix sul ticket SMB.',
},
{
stat: '71%', label: 'GROWTH FAST EU · SAMSUNG + LG',
body: 'FAST EU €630M, +33% YoY. Samsung + LG = 71% del growth. 3 cantieri MFE: presidio OEM, aggregator controllata, TLC pan-MFE (TIM, Movistar, Deutsche Telekom).',
},
{
stat: '3 deals', label: 'ADV MANDATE CROSS-MFE',
body: 'CDP Mediaset già unica, blocker è attivazione cross-silo. Clean-room federation legale, non unified CDP (lesson Xandr -$1B, Oath -$4,6B). 3 opportunità: Disney · WBD/HBO Max · DAZN su 3 paesi.',
},
],
source: 'Brand-News · mar 2026 · FreeWheel + Comscore + Nielsen · 2025 · ProSieben + RTL Bedrock · 2024-26',
},
];
const SECTIONS = [
{ id: 'open', label: 'Apertura', color: '#C996FA' },
{ id: 'shifts', label: '4 Shifts', color: '#B975F9' },
{ id: 'b1', label: 'B01 · Content', color: '#8F48D2' },
{ id: 'b2', label: 'B02 · Discovery', color: '#6366F1' },
{ id: 'b3', label: 'B03 · Distribution', color: '#06B6D4' },
{ id: 'b4', label: 'B04 · Monetization', color: '#E0A8E8' },
{ id: 'close', label: 'Chiusura · IN', color: '#F3C02F' },
];
// ── App shell ──────────────────────────────────────────────────────────────
function App() {
const [currentIdx, setCurrentIdx] = React.useState(() => {
const hash = location.hash.replace('#', '');
const n = parseInt(hash, 10);
return isFinite(n) && n >= 1 && n <= SLIDES.length ? n - 1 : 0;
});
const [menuOpen, setMenuOpen] = React.useState(false);
// When the user scrolls through the MorphScroll cover, the active bucket
// section reports its bucketId here so the bottom StoryCarousel can
// retarget to that bucket's slides. null = use the current slide's own
// sectionId (hero / no override).
const [carouselSectionOverride, setCarouselSectionOverride] = React.useState(null);
const slide = SLIDES[currentIdx];
const scheme = SCHEMES[slide.scheme] || SCHEMES.purpleDeep;
// Effective section for the carousel = MorphScroll override if active,
// else the current slide's own sectionId.
const effectiveSectionId = carouselSectionOverride || slide.sectionId;
const section = SECTIONS.find(s => s.id === effectiveSectionId);
React.useEffect(() => {
history.replaceState(null, '', `#${currentIdx + 1}`);
document.title = `${String(currentIdx + 1).padStart(2, '0')} · ${slide.shortLabel || slide.title}`;
const root = document.getElementById('root');
if (root) root.setAttribute('data-screen-label', `${String(currentIdx + 1).padStart(2, '0')} ${slide.shortLabel || slide.title}`);
// Clear any scroll-driven section override when switching slides.
setCarouselSectionOverride(null);
}, [currentIdx, slide]);
React.useEffect(() => {
const onKey = (e) => {
if (menuOpen) { if (e.key === 'Escape') setMenuOpen(false); return; }
if (e.key === 'ArrowRight' || e.key === ' ') { e.preventDefault(); if (currentIdx < SLIDES.length - 1) setCurrentIdx(currentIdx + 1); }
else if (e.key === 'ArrowLeft') { if (currentIdx > 0) setCurrentIdx(currentIdx - 1); }
else if (e.key === 'Escape') { setMenuOpen(true); }
};
window.addEventListener('keydown', onKey);
return () => window.removeEventListener('keydown', onKey);
}, [currentIdx, menuOpen]);
const jump = (i) => setCurrentIdx(i);
const renderSlide = () => {
switch (slide.template) {
case 'Hero': return