Testimonial Sections

case-split

stable Sur waimia · 5 Contenu inline (instance)

Preuve sociale, Montrer les réalisations

Cas client en split dark/light 50/50 : récit du cas à gauche (titre, body, CTA) et résultats chiffrés à droite.

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Composé inline inline · non éditable ici

src/content/solutions/agent-marketing-commercial.mdx
src/content/solutions/content-marketing-ia.mdx
src/content/solutions/contenu-seo-geo-ia.mdx
src/content/solutions/publicite-en-ligne.mdx
src/content/solutions/tunnel-de-vente.mdx

Aperçu

Comment l'utiliser

Intention

Preuve sociale Montrer les réalisations

Rôle de page

Preuve

Modèle de contenu

Contenu inline (instance)

Contrat de slots

Champ	Nature	Type	Requis	Bilingue	Bornes / valeurs
`kicker`	Contenu	`text`	Non	fr / en	·
`title`	Contenu	`text`	Oui	fr / en	·
`body`	Contenu	`richtext`	Oui	fr / en	·
`cta_label`	Contenu	`text`	Non	fr / en	·
`cta_href`	Contenu	`url`	Non	·	·
`results`	Contenu	`array`	Oui	·	1..6

Déclinaisons · 13

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. Échantillon des 12 premières générées (sur 13) ; toutes accessibles en rendu isolé.

case-split · équilibré
générée
case-split--1-1
case-split · média dominant · média à gauche
générée
case-split--1-2-left
case-split · média dominant · média à droite
générée
case-split--1-2-right
case-split · texte dominant · média à gauche
générée
case-split--2-1-left
case-split · texte dominant · média à droite
générée
case-split--2-1-right
case-split · média large · média à gauche
générée
case-split--2-3-left
case-split · média large · média à droite
générée
case-split--2-3-right
case-split · texte large · média à gauche
générée
case-split--3-2-left
case-split · texte large · média à droite
générée
case-split--3-2-right
case-split · média très large · média à gauche
générée
case-split--1-3-left
case-split · média très large · média à droite
générée
case-split--1-3-right
case-split · texte très large · média à gauche
générée
case-split--3-1-left

Comparer les déclinaisons · 12

Chaque déclinaison, résumée par son écart d'axes face à la démo par défaut du type : seuls les axes qui changent une valeur sont listés. Ouvre-la dans le builder pour l'assembler dans une page.

case-split · équilibré
générée
case-split--1-1
proportion:1-1
Ouvrir dans le builder
case-split · média dominant · média à gauche
générée
case-split--1-2-left
proportion:1-2mediaSide:left
Ouvrir dans le builder
case-split · média dominant · média à droite
générée
case-split--1-2-right
proportion:1-2mediaSide:right
Ouvrir dans le builder
case-split · texte dominant · média à gauche
générée
case-split--2-1-left
proportion:2-1mediaSide:left
Ouvrir dans le builder
case-split · texte dominant · média à droite
générée
case-split--2-1-right
proportion:2-1mediaSide:right
Ouvrir dans le builder
case-split · média large · média à gauche
générée
case-split--2-3-left
proportion:2-3mediaSide:left
Ouvrir dans le builder
case-split · média large · média à droite
générée
case-split--2-3-right
proportion:2-3mediaSide:right
Ouvrir dans le builder
case-split · texte large · média à gauche
générée
case-split--3-2-left
proportion:3-2mediaSide:left
Ouvrir dans le builder
case-split · texte large · média à droite
générée
case-split--3-2-right
proportion:3-2mediaSide:right
Ouvrir dans le builder
case-split · média très large · média à gauche
générée
case-split--1-3-left
proportion:1-3mediaSide:left
Ouvrir dans le builder
case-split · média très large · média à droite
générée
case-split--1-3-right
proportion:1-3mediaSide:right
Ouvrir dans le builder
case-split · texte très large · média à gauche
générée
case-split--3-1-left
proportion:3-1mediaSide:left
Ouvrir dans le builder

Sections liées

Même famille

about-story-split stable

Récit fondateur en deux colonnes : texte narratif de mission à gauche, timeline de jalons datés à droite. Raconte l’histoire de la marque sans verbiage.

split-media About Sections Illustration au traitListeFrise chronologique +3 17 décl.

architecture-diagram stable

Diagramme d'architecture signature : N canaux d'entrée vers un système central et M sorties, avec boucle d'amélioration continue.

split-media Feature Sections Apparition au scrollDéfilementIllustration au trait +1 23 décl.

asymmetric-services stable

Services en rangées asymétriques (AsymmetricServiceRow) qui alternent gauche/droite : numéro display, nom, body et flèche, signature de /manifesto Acte II.

split-media Manifesto Sections Apparition au scrollDéfilement1 colonne 15 décl.

cta-split-visual stable

Bandeau CTA asymetrique 2 colonnes : texte kicker/titre/body/boutons a gauche, visuel SVG decoratif a droite. Distinct des CTA centres.

split-media CTA Sections Apparition au scrollDéfilementIllustration au trait +4 17 décl.

feature-split-media stable

Une feature majeure exposée en deux colonnes : texte et points clés d’un côté, mockup ou capture de l’autre. Le champ reversed permet d’alterner les côtés au fil de la page.

split-media Feature Sections Apparition au scrollDéfilementImage +6 25 décl.

feature-zigzag stable

Lignes alternées visuel/texte (gauche-droite, droite-gauche) pour presenter les fonctionnalites cles d'une offre avec un rythme editorial fort.

split-media Feature Sections Apparition au scrollDéfilementIllustration au trait +6 25 décl.

Même catégorie

case-card-grid stable

Table éditoriale de cas clients en six colonnes (index, client, secteur, stack, impact, flèche) façon compte rendu d'audit.

card-grid Testimonial Sections Apparition au scrollSurvolDéfilement +3 31 décl.

case-featured-grid stable

Grille de cas clients « featured » : un cas mis en avant (colonne large, cover optionnelle) plus des cas secondaires en lignes numérotées, avec chip de provenance.

card-grid Testimonial Sections Apparition au scrollSurvolDéfilement +6 17 décl.

case-spotlight stable

Vitrine de cas concret insérable partout : carte INK avec visuel habillé + titre serti d’un relevé accent, citation à barre accent, métriques massives latérales, tags méta et CTA. Levier de conversion à fort impact.

quote Testimonial Sections Apparition au scrollDéfilementPlusieurs images +8 12 décl.

editorial-case-grid stable

Grille editoriale de cas clients : en-tete numerote + titre + intro, puis cartes EditorialCaseCard en 2 colonnes avec decalage vertical alterne (signature /manifesto Acte IV).

card-grid Testimonial Sections Apparition au scrollSurvolCartes +1 16 décl.

off-proof stable

Signal terrain : citation client (PullQuote) à gauche et grille de chiffres KeyMetric à droite, en asymétrie 5/7 avec séparateur Dingbat.

quote Testimonial Sections Apparition au scrollDéfilementIllustration au trait +5 16 décl.

pull-quote-block stable

Citation éditoriale isolée centrée ou inline, wrapper catalogue autour de la molécule PullQuote.

quote Testimonial Sections CitationAvatar1 colonne 18 décl.

Similaires

testimonial-block stable

Bloc témoignage pour mettre en avant une citation client et renforcer la confiance.

quote Testimonial Sections Défilement horizontalGlisser pour faire défilerIllustration au trait +7 14 décl.

testimonial-single-spotlight stable

Un seul témoignage en plein écran : grande citation, portrait, logo client et attribution nom/rôle. Donne tout le poids à une voix client, sombre par défaut.

quote Testimonial Sections Plusieurs imagesCitationAvatar +3 20 décl.

quote-spotlight stable

Grande citation pleine lumiere sur fond paper-2 : guillemet decoratif, texte display italique, auteur avec avatar rond.

quote Testimonial Sections Apparition au scrollDéfilementImage +4 15 décl.

testimonial-logo-metric stable

Carte de preuve B2B la plus persuasive : logo client + citation attribuée + métrique d’impact chiffrée par carte. Combine preuve sociale, autorité de marque et résultat mesuré.

quote Testimonial Sections Apparition au scrollSurvolDéfilement +7 16 décl.

testimonial-metrics stable

Témoignage chiffré : grande citation serif d’un côté + grille de 3 à 4 métriques massives de l’autre, reliées par une barre accent. Combine la voix client et le résultat mesuré en un seul bloc de réassurance.

stat-grid Testimonial Sections Apparition au scrollDéfilementLogos +3 18 décl.

team-card-grid stable

Grille auto-fill de cartes auteurs avec photo, rôle, description, compteur de publications et CTA profil.

card-grid Testimonial Sections Zoom au survolSurvolImage +4 11 décl.

Code

Données de la section (à placer dans sections[])

{
  "type": "case-split",
  "kicker_fr": "Cas client",
  "kicker_en": "Client case",
  "title_fr": "Une <i>ETI industrielle</i> a fermé ses comptes en 3 jours.",
  "title_en": "A <i>mid-market manufacturer</i> closed its books in 3 days.",
  "body_fr": "Réconciliation bancaire continue et mémo financier généré : la direction financière a repris la main sur le calendrier de clôture.",
  "body_en": "Continuous bank reconciliation and a generated financial memo: the finance leadership took back control of the closing calendar.",
  "cta_label_fr": "Voir le cas complet →",
  "cta_label_en": "See full case →",
  "cta_href": "/cas-clients",
  "results": [
    {
      "value": "3 j",
      "label_fr": "Clôture mensuelle\n(contre 10)",
      "label_en": "Monthly close\n(down from 10)"
    },
    {
      "value": "−80 %",
      "label_fr": "Temps de\nréconciliation",
      "label_en": "Reconciliation\ntime"
    },
    {
      "value": "×4",
      "label_fr": "Vitesse des\nmémos COMEX",
      "label_en": "Board memo\nspeed"
    }
  ]
}

Pour un agent / MCP

Détail machine de cette section (intention, rôle, contrat de slots, sections liées).

/library/section/case-split.json

Chemin du détail machine

/library/section/case-split.json