/* global React */
const { useState, useEffect, useRef } = React;
/* ============================================================
Kalvi — Shared atoms : Logo, Nav, Footer, Illustrations
============================================================ */
const KalviLogo = ({ size = 28, mono = false }) => null;
const NavBar = ({ light = false }) => null;
const Footer = () =>
;
/* ============================================================
Illustrations 2D — éditoriales, géométriques, accent rouge
============================================================ */
// All illustrations share the same 220x220 viewBox, centered geometry (~cx=110,cy=110), same visual weight.
// 1. Diagnostic — radar / cible
const IllustrationDiagnostic = ({ size = 220 }) =>
;
// 2. Architecture — nested rectangles + connection lines
const IllustrationArchitecture = ({ size = 220 }) =>
;
// 3. Prototypage — three stacked panels with iteration progress
const IllustrationPrototype = ({ size = 220 }) =>
;
// 4. Mise en marché — bars rising, red highlight on last
const IllustrationGoToMarket = ({ size = 220 }) =>
;
const Illustrations = {
diagnostic: IllustrationDiagnostic,
architecture: IllustrationArchitecture,
prototype: IllustrationPrototype,
market: IllustrationGoToMarket
};
/* ============================================================
Content shared by all variations
============================================================ */
const FEATURES = [
{
n: "01",
key: "diagnostic",
title: "Diagnostic stratégique",
italic: "Le terrain avant la doctrine.",
body: "Cartographie de votre modèle actuel, des marges cachées et des poches d'agentification. Quatre semaines d'enquête menée avec vos équipes, vos clients et vos données.",
meta: "Semaines 1–4 · Livrable : Atlas du modèle"
},
{
n: "02",
key: "architecture",
title: "Architecture aGaaS",
italic: "Le geste de bascule.",
body: "Conception du nouveau modèle économique, de la stack agentique et des flux qui transforment le service en logiciel. Le tout calibré pour préserver votre cœur de métier.",
meta: "Semaines 5–8 · Livrable : Plan directeur"
},
{
n: "03",
key: "prototype",
title: "Prototypage rapide",
italic: "Six semaines, un agent.",
body: "Mise en service d'un premier agent vertical sur un usage à fort impact. Vos équipes apprennent à concevoir, prompter et superviser en conditions réelles.",
meta: "Semaines 9–14 · Livrable : Agent v1"
},
{
n: "04",
key: "market",
title: "Mise en marché",
italic: "Du sur-mesure à la collection.",
body: "Pricing par usage, packaging produit, repositionnement commercial. Vos équipes vente passent de l'heure facturée à la licence — sans rupture pour les clients en place.",
meta: "Semaines 15–18 · Livrable : Go-to-market"
}];
const TESTIMONIALS = [
{
quote: "On vendait du conseil au forfait. On vend désormais un agent qui fait le travail. Notre marge brute est passée de 38 à 71% en quatre trimestres.",
name: "Marc Delaunay",
role: "Founding partner — Cabinet Brevia",
place: "Paris"
},
{
quote: "Kalvi nous a appris à penser comme un éditeur, pas comme un formateur. La méthode est exigeante. Les résultats, à la hauteur.",
name: "Léa Tournier",
role: "CEO — Atelier Pédagogique Nord",
place: "Lille"
},
{
quote: "L'accompagnement ressemble plus à une école qu'à un cabinet. Six mois plus tard, mon équipe écrit ses propres agents.",
name: "Hugo Rambert",
role: "Directeur — Studio Mensa",
place: "Lyon"
}];
const FAQ = [
{
q: "Qu'est-ce que le modèle Agentic-as-a-Service ?",
a: "C'est la mutation d'une activité de service — conseil, formation, expertise — en produit logiciel piloté par des agents. Vous ne vendez plus du temps, vous vendez l'accès à une capacité automatisée et supervisée. Le client paie à l'usage, à la licence ou à la performance."
},
{
q: "Combien de temps dure un pivot complet avec Kalvi ?",
a: "Dix-huit semaines pour boucler les quatre étapes : diagnostic, architecture, prototypage, mise en marché. Les premiers revenus aGaaS apparaissent généralement à partir de la semaine douze."
},
{
q: "Faut-il être une entreprise tech pour pivoter ?",
a: "Non. Nos clients sont des cabinets de conseil, des écoles, des studios de formation, des agences. La technicité est portée par notre équipe — votre rôle reste de définir le savoir-faire à agentifier."
},
{
q: "Quelle taille d'entreprise est concernée ?",
a: "De 5 à 250 personnes, avec une activité de service ou d'éducation déjà rentable. En-dessous, il manque la matière à agentifier. Au-dessus, le pivot demande un dispositif plus large que celui de Kalvi."
},
{
q: "Comment se déroule concrètement l'accompagnement ?",
a: "Un binôme Kalvi (architecte + ingénieur) intégré à votre équipe deux jours par semaine, plus un atelier mensuel à Paris ou Milan. Le tout encadré par un comité éditorial qui valide chaque livrable."
}];
const CLIENT_LOGOS = ["Brevia", "Atelier Nord", "Studio Mensa", "Maison Olivar", "Frontière", "Lumen"];
Object.assign(window, {
KalviLogo, NavBar, Footer, Illustrations,
FEATURES, TESTIMONIALS, FAQ, CLIENT_LOGOS
});