Testimonial Sections

case-featured-grid

stable Bibliothèque Contenu inline (instance)

Preuve sociale, Montrer les réalisations

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.

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Uniquement en bibliothèque (aucune instance en page).

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
`background`	Présentation	`enum`	Non	·	paper · paper-2 · paper-3 · ink
`read_label`	Contenu	`text`	Non	fr / en	·
`first_party_label`	Contenu	`text`	Non	fr / en	·
`second_party_label`	Contenu	`text`	Non	fr / en	·
`cases`	Contenu	`array`	Oui	·	1..∞

Déclinaisons · 17

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

Cas en vedette · papier 2
curée
case-featured-grid--paper-2
Cas en vedette · papier 3
curée
case-featured-grid--paper-3
Cas en vedette · encre
curée
case-featured-grid--ink
case-featured-grid · grille uniforme
générée
case-featured-grid--grid-uniform
case-featured-grid · grille auto
générée
case-featured-grid--grid-auto
case-featured-grid · grille asymétrique
générée
case-featured-grid--grid-asym
case-featured-grid · liste
générée
case-featured-grid--list
case-featured-grid · lignes séparées
générée
case-featured-grid--rows-divided
case-featured-grid · bento vedette
générée
case-featured-grid--bento-feature
case-featured-grid · vedette + split
générée
case-featured-grid--featured-split
case-featured-grid · deux colonnes
générée
case-featured-grid--two-col
case-featured-grid · alternance
générée
case-featured-grid--alternating
case-featured-grid · jeu de cartes
générée
case-featured-grid--cards-deck
case-featured-grid · liste média à gauche
générée
case-featured-grid--list-media-left
case-featured-grid · grille 3 + vedette
générée
case-featured-grid--grid-3-featured

Comparer les déclinaisons · 15

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.

Cas en vedette · papier 2
curée
case-featured-grid--paper-2
background:paper-2
Ouvrir dans le builder
Cas en vedette · papier 3
curée
case-featured-grid--paper-3
background:paper-3
Ouvrir dans le builder
Cas en vedette · encre
curée
case-featured-grid--ink
background:ink
Ouvrir dans le builder
case-featured-grid · grille uniforme
générée
case-featured-grid--grid-uniform
layout:grid-uniform
Ouvrir dans le builder
case-featured-grid · grille auto
générée
case-featured-grid--grid-auto
layout:grid-auto
Ouvrir dans le builder
case-featured-grid · grille asymétrique
générée
case-featured-grid--grid-asym
layout:grid-asym
Ouvrir dans le builder
case-featured-grid · liste
générée
case-featured-grid--list
layout:list
Ouvrir dans le builder
case-featured-grid · lignes séparées
générée
case-featured-grid--rows-divided
layout:rows-divided
Ouvrir dans le builder
case-featured-grid · bento vedette
générée
case-featured-grid--bento-feature
layout:bento-feature
Ouvrir dans le builder
case-featured-grid · vedette + split
générée
case-featured-grid--featured-split
layout:featured-split
Ouvrir dans le builder
case-featured-grid · deux colonnes
générée
case-featured-grid--two-col
layout:two-col
Ouvrir dans le builder
case-featured-grid · alternance
générée
case-featured-grid--alternating
layout:alternating
Ouvrir dans le builder
case-featured-grid · jeu de cartes
générée
case-featured-grid--cards-deck
layout:cards-deck
Ouvrir dans le builder
case-featured-grid · liste média à gauche
générée
case-featured-grid--list-media-left
layout:list-media-left
Ouvrir dans le builder
case-featured-grid · grille 3 + vedette
générée
case-featured-grid--grid-3-featured
layout:grid-3-featured
Ouvrir dans le builder

Sections liées

Même famille

article-grid stable

Grille de cartes d’articles/blog : image optionnelle, tag, titre, date, temps de lecture, extrait, auteur et lien, en 2 ou 3 colonnes. Le classique éditorial B2B.

card-grid Content Listing Sections SurvolImageIcônes +3 18 décl.

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.

challenges-grid stable

Grille 2x2 de défis ou pain-points : numéro en coin, icône, titre et texte par carte, border-left accent et élévation au survol. Pose le problème avant la solution sur une landing.

card-grid Feature Sections SurvolIllustration au traitIcônes +4 16 décl.

commitments-grid stable

Grille hairline de 2 à 6 engagements ou garanties, titre display et corps sans, extrait de la page Méthode.

card-grid Feature Sections Zoom au survolApparition au scrollSurvol +8 17 décl.

deliverables-grid stable

Grille de livrables tangibles avec cards numérotées et tag format/durée, extraite des pages offre et détail.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +4 29 décl.

ecosystem-partners stable

Logos partenaires technologiques unifiés (masque alpha + currentColor), groupés par catégorie, grille / mur / marquee, variante dark.

card-grid Logo Sections Défilement continuSurvolIllustration au trait +4 20 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-split stable

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

split-media Testimonial Sections Apparition au scrollSurvolDéfilement +4 13 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

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.

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.

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.

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-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.

Code

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

{
  "type": "case-featured-grid",
  "cases": [
    {
      "slug": "acquisition-b2b",
      "href": "#",
      "case_num": "01",
      "sector_fr": "SaaS B2B",
      "sector_en": "B2B SaaS",
      "title_fr": "Pipeline reconnecté, qualification automatisée",
      "title_en": "Pipeline reconnected, qualification automated",
      "headline_fr": "Leads dispersés sur cinq outils, qualifiés à la main. On a recâblé le flux et automatisé le scoring.",
      "headline_en": "Leads scattered across five tools, qualified by hand. We rewired the flow and automated scoring.",
      "duration_fr": "10 sem",
      "duration_en": "10 wk",
      "provenance": "first-party"
    },
    {
      "slug": "sante-tech",
      "href": "#",
      "case_num": "02",
      "sector_fr": "Santé-tech",
      "sector_en": "Healthtech",
      "title_fr": "Triage allégé, réponse 24/7",
      "title_en": "Triage streamlined, 24/7 response",
      "headline_fr": "Le support croulait sous les demandes de premier niveau. Un agent les absorbe, l'équipe garde le complexe.",
      "headline_en": "Support drowned in first-line requests. An agent absorbs them, the team keeps the complex ones.",
      "duration_fr": "6 sem",
      "duration_en": "6 wk",
      "provenance": "first-party"
    },
    {
      "slug": "fintech-ue",
      "href": "#",
      "case_num": "03",
      "sector_fr": "Fintech · UE",
      "sector_en": "Fintech · EU",
      "title_fr": "Scoring automatisé, conversion suivie",
      "title_en": "Automated scoring, conversion tracked",
      "headline_fr": "Onboarding manuel, conversion opaque. On a câblé un scoring fiable et un suivi bout en bout.",
      "headline_en": "Manual onboarding, opaque conversion. We wired reliable scoring and end-to-end tracking.",
      "duration_fr": "14 sem",
      "duration_en": "14 wk",
      "provenance": "second-party"
    },
    {
      "slug": "industrie-fr",
      "href": "#",
      "case_num": "04",
      "sector_fr": "Industrie · FR",
      "sector_en": "Industry · FR",
      "title_fr": "Heures récupérées, back-office déchargé",
      "title_en": "Hours recovered, back office streamlined",
      "headline_fr": "Ressaisies entre l'ERP et les e-mails fournisseurs. Un RAG sur mesure relie les deux mondes.",
      "headline_en": "Re-keying between the ERP and supplier emails. A custom RAG bridges both worlds.",
      "duration_fr": "8 sem",
      "duration_en": "8 wk",
      "provenance": "second-party"
    }
  ]
}

Pour un agent / MCP

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

/library/section/case-featured-grid.json

Chemin du détail machine

/library/section/case-featured-grid.json