// ───────────────────────────────────────────────────────────── // Mezoo — Page Manifeste // Editorial long-form, structured around 3 piliers. Dense type, // large pull-quotes, numbered articles with mono annotations. // Designed to read like a manifesto folio more than a marketing page. // ───────────────────────────────────────────────────────────── function ManifestePage() { useReveal(); const { go } = useRouter(); const pillars = [ { n: 'I.', slug: 'ingenierie', eyebrow: 'Pilier I — Ingénierie durable', title: 'On ne livre pas un site. On livre un actif.', kicker: 'Anti-dette technique', body: [ 'La dette technique ne s\'efface pas. Elle se paie — en bugs, en heures de reprise, en migrations forcées tous les trois ans. Un site mal architecturé coûte deux à cinq fois son prix initial sur sa durée de vie.', 'Chez Mezoo, chaque ligne de code est revue par un senior avant d\'atteindre la production. Chaque décision est documentée dans un journal d\'architecture lisible par un dirigeant non technicien. Chaque dépendance est justifiée par écrit.', 'Nos clients gardent leurs plateformes huit à douze ans. C\'est notre standard. Pas notre ambition.', ], quote: 'Le bon code est celui qui se lit comme un contrat — clair, signé, et toujours valable dans dix ans.', specs: [ ['DÉPENDANCES MOYENNES', '18 / projet'], ['REVUE SENIOR', '100% des PR'], ['DOCUMENTATION', 'À chaque commit'], ['DURÉE DE VIE TYP.', '8 — 12 ans'], ], principle: 'Nous refusons d\'écrire du code que nous ne saurions plus relire dans trois ans.', }, { n: 'II.', slug: 'securite', eyebrow: 'Pilier II — Sécurité souveraine', title: 'Vos données ne franchissent pas la Manche.', kicker: 'Souveraineté & conformité', body: [ 'La sécurité n\'est pas un module à installer en option. C\'est l\'air dans lequel vit le code. Tout le reste — performance, design, fonctionnalités — doit s\'y plier, jamais l\'inverse.', 'Nos déploiements par défaut : hébergement en Europe (AWS Frankfurt, OVH Sovereign, Scaleway), chiffrement de bout en bout, séparation stricte des environnements, audit OWASP avant chaque mise en production. Aucun service tiers n\'accède à vos données sans contrat de sous-traitance signé.', 'Pour les structures qui le demandent, nous montons des architectures 100% souveraines, hébergées en France, certifiées ISO 27001 ou HDS. C\'est plus cher. C\'est non négociable quand vos clients sont eux-mêmes contraints.', ], quote: 'Une donnée sortie du territoire ne revient jamais. Mieux vaut qu\'elle ne sorte pas.', specs: [ ['HÉBERGEMENT', 'Europe par défaut'], ['CHIFFREMENT', 'TLS 1.3 + at-rest'], ['AUDIT', 'OWASP · pré-prod'], ['CONFORMITÉ', 'RGPD · ISO · HDS'], ], principle: 'Nous traitons vos données comme nous voudrions qu\'on traite les nôtres : sous clé, et près de chez nous.', }, { n: 'III.', slug: 'agnostique', eyebrow: 'Pilier III — Agnosticisme technologique', title: 'On choisit l\'outil pour le besoin. Pas par habitude.', kicker: 'Stack sur-mesure', body: [ 'Les agences à mono-stack — uniquement WordPress, uniquement Shopify, uniquement Webflow — vendent leur expertise, pas la vôtre. Quand on n\'a qu\'un marteau, tout ressemble à un clou. Y compris ce qui aurait dû être un boulon.', 'Chez Mezoo, le diagnostic précède toujours la recommandation. On évalue six à huit options à chaque démarrage, par écrit, avec leurs forces et leurs limites. Le client choisit en connaissance de cause. On assume ensuite le choix pendant la durée de vie du projet.', 'Aucun partenariat préférentiel ne biaise notre conseil. Aucune commission revendeur. Aucune offre packagée qui forcerait la solution. C\'est notre conviction la plus fragile à tenir commercialement, et la plus précieuse pour vous.', ], quote: 'Le bon outil est celui qui résout le problème — pas celui qu\'on a pris l\'habitude de vendre.', specs: [ ['OPTIONS ÉVALUÉES', '6 — 8 / projet'], ['PARTENARIATS PRÉFÉRÉS', '0'], ['STACKS MAÎTRISÉES', '14 frameworks'], ['DÉCISION DOCUMENTÉE', 'Toujours'], ], principle: 'Nous refusons de recommander une technologie parce qu\'elle nous arrange. Nous la recommandons parce qu\'elle vous sert.', }, ]; return (
{/* ── Title page ───────────────────────────────────────── */}
Manifeste — édition MMXXVI · trois piliers Folio · 12 pages Ce qu'on défend, depuis 1996. Trente ans à concevoir, sécuriser et maintenir des plateformes pour des dirigeants qui ne tolèrent pas l'approximation. Ce texte tient en trois articles. Trois piliers, signés à la main, et tenus contre vents et marées commerciales. {pillars.map((p) => ( { e.preventDefault(); document.getElementById(`manifeste-${p.slug}`)?.scrollIntoView({ behavior: 'smooth', block: 'start' }); }} style={{ display: 'flex', flexDirection: 'column', gap: 8, paddingRight: 'var(--s-3)' }}> {p.n} {p.kicker} Lire l'article {p.n} → ))}
{/* ── Three pillars ───────────────────────────────────── */} {pillars.map((p, idx) => ( ))} {/* ── Closing colophon ────────────────────────────────── */}
Colophon

Manifeste signé en atelier.

Ce texte est révisé tous les deux ans. Il engage l'ensemble des associés et s'applique à 100% de nos projets, sans exception ni avenant commercial.

{/* ── CTA ─────────────────────────────────────────────── */}
Ces principes vous parlent ?
Parlons-en pour de vrai.
); } // ───────────────────────────────────────────────────────────── // One pillar article — editorial 2-col body + side spec card, // closing principle in oversized italic serif. // ───────────────────────────────────────────────────────────── function PillarArticle({ pillar, idx }) { const isAlt = idx % 2 === 1; return (
{pillar.eyebrow}
{pillar.n} ↳ {pillar.kicker}
{pillar.title}
{pillar.body.map((para, i) => ( {i === 0 && ( {para.charAt(0)} )} {i === 0 ? para.slice(1) : para} ))}
{pillar.specs.map(([k, v]) => )}
Principe non négociable

{pillar.principle}

{/* Pull quote */} « {' '}{pillar.quote}{' '} » ↳ extrait du registre · article {pillar.n.replace('.', '')}
); } Object.assign(window, { ManifestePage });