);
}
// ============ 02 POSITIONING ============
function Slide02_Positioning({ lang }) {
const t = lang === 'en' ? {
label: "ABOUT",
eyebrow: "WHO WE ARE",
head: ["WE PRODUCE", "BROADCAST-GRADE", "WORK FOR BRANDS", "THAT WON'T", "COMPROMISE."],
body: "Since 2013, iPixelP has built TV sets, shot historical series, and deployed national campaigns from our Tunis studios. Our network across ten countries means we deliver complex projects without compromise, under one roof, with one point of contact.",
metrics: [
["2013", "FOUNDED"],
["10", "COUNTRIES"],
["500+", "PROJECTS DELIVERED"],
["12K+", "HOURS PRODUCED"],
]
} : {
label: "À PROPOS",
eyebrow: "QUI SOMMES-NOUS",
head: ["NOUS PRODUISONS", "DU CONTENU", "DE NIVEAU BROADCAST,", "POUR DES MARQUES", "EXIGEANTES."],
body: "Depuis 2013, iPixelP construit des plateaux TV, tourne des séries historiques, et déploie des campagnes nationales depuis ses studios de Tunis. Notre réseau dans dix pays nous permet de livrer des projets complexes, sans compromis, avec un seul interlocuteur.",
metrics: [
["2013", "FONDÉE"],
["10", "PAYS"],
["500+", "PROJETS LIVRÉS"],
["12K+", "HEURES PRODUITES"],
]
};
return (
{t.eyebrow}
{t.head.map((l, i) => (
{l}
))}
{t.body}
{t.metrics.map(([num, label], i) => (
{num}
{label}
))}
);
}
// ============ 03 APPROACH / PROCESS ============
function Slide03_Approach({ lang }) {
const t = lang === 'en' ? {
label: "METHOD",
eyebrow: "HOW WE WORK",
title: ["FOUR STEPS,", "FROM BRIEF TO BROADCAST."],
sub: "Each step is owned by a named lead. No handoffs into voids.",
steps: [
["01", "BRIEF & STRATEGY", "Understand the objective, define scope, agree the metric that matters."],
["02", "CONCEPT & CREATION", "Scripts, storyboards, art direction, casting. Sign-off before any camera rolls."],
["03", "PRODUCTION & DELIVERY", "Shoot, post-production, color, audio. Delivered on the format you broadcast on."],
["04", "DEPLOYMENT & MEASURE", "Multi-channel rollout, performance tracking, post-campaign report."],
],
} : {
label: "MÉTHODE",
eyebrow: "COMMENT NOUS TRAVAILLONS",
title: ["QUATRE ÉTAPES,", "DU BRIEF À LA DIFFUSION."],
sub: "Chaque étape a un responsable nommé. Aucune zone de transfert.",
steps: [
["01", "BRIEF & STRATÉGIE", "Comprendre l'objectif, définir le cadre, fixer la métrique qui compte."],
["02", "CONCEPTION & CRÉATION", "Scripts, storyboards, direction artistique, casting. Validation avant tournage."],
["03", "PRODUCTION & LIVRAISON", "Tournage, post-production, étalonnage, audio. Livré au format de diffusion."],
["04", "DIFFUSION & MESURE", "Déploiement multi-canal, suivi des performances, rapport post-campagne."],
],
};
const [active, setActive] = useState(0);
return (
{t.eyebrow}
{t.title.map((l, i) =>
{l}
)}
{t.sub}
{/* connecting line */}
{t.steps.map(([num, head, body], i) => (
setActive(i)}
style={{ cursor: 'pointer' }}
>
{num}
{head}
{body}
{active === i && (
{lang === 'en' ? 'CURRENT' : 'EN COURS'}
)}
))}
);
}
// ============ 04 SERVICES OVERVIEW ============
function Slide04_Services({ lang }) {
const t = lang === 'en' ? {
label: "EXPERTISE",
eyebrow: "WHAT WE DO",
title: "SIX DISCIPLINES.\nONE PRODUCTION COMPANY.",
services: [
["video", "AUDIOVISUAL PRODUCTION", "Spots, films, series. From script to broadcast-ready master."],
["strategy", "COMMUNICATION STRATEGY", "Brand positioning, message architecture, multi-channel planning."],
["offline", "OFFLINE COMMUNICATION", "National outdoor, print, in-store, packaging."],
["press", "PRESS RELATIONS", "Press kits, conferences, journalist relations across MENA."],
["event", "EVENT PRODUCTION", "Launches, conferences, gala nights. Logistics included."],
["web", "WEB & DIGITAL", "Sites, social-first content, paid media, analytics."],
],
} : {
label: "EXPERTISES",
eyebrow: "CE QUE NOUS FAISONS",
title: "SIX MÉTIERS.\nUNE SEULE MAISON.",
services: [
["video", "PRODUCTION AUDIOVISUELLE","Spots, films, séries. Du scénario au master prêt à diffuser."],
["strategy", "STRATÉGIE DE COMMUNICATION","Positionnement, architecture de message, plan multi-canal."],
["offline", "COMMUNICATION OFFLINE", "Affichage national, print, PLV, packaging."],
["press", "RELATIONS PRESSE", "Dossiers, conférences, relations journalistes au Maghreb et MENA."],
["event", "ÉVÉNEMENTIEL", "Lancements, conférences, soirées de gala. Logistique comprise."],
["web", "WEB & DIGITAL", "Sites, contenus social-first, achat média, analyse."],
],
};
return (
