Testimonial Sections

case-card-grid

stable Sur waimia · 40 Source partagée (global)

Montrer les réalisations, Preuve sociale

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

Ouvrir dans le builder

Instances sur le site

Global 34 instances sur 34 pages

Page	Position	Contenu	Variante
/lp/hub	`section 4`	Trois PME, trois résultats concrets	paper
/lp/site-web-intelligent	`section 6`	Trois PME, trois résultats concrets.	paper-2
/lp/systeme-acquisition	`section 8`	Trois PME, trois résultats concrets	paper
/lp/systeme-ia-marketing	`section 9`	Trois PME, le répétitif passé en système.	ink
/lp/visibilite-google-ia	`section 9`	Trois PME, trois résultats concrets.	ink
/services/agent-support-client	`section 15`	Des agents tenus sur le terrain	ink
/services/agents-ia	`section 10`	Des agents tenus sur le terrain	ink
/services/applications-internes	`section 10`	Résultats sur le terrain	ink
/services/automatisation-n8n	`section 15`	Résultats sur le terrain	ink
/services/automatisations	`section 10`	Résultats sur le terrain	ink
/services/cold-email-b2b	`section 13`	Résultats sur le terrain	ink
/services/consultant-ia-claude	`section 10`	Décisions tenues sur le terrain	ink
/services/crm-scoring-routing	`section 12`	Résultats sur le terrain	ink
/services/donnees-reporting	`section 10`	Résultats sur le terrain	ink
/services/integration-claude	`section 11`	Résultats sur le terrain	ink
/services/integration-crm	`section 12`	Résultats sur le terrain	ink
/services/landing-page-google-ads	`section 10`	Trafic mieux converti sur le terrain	ink
/services/landing-pages-tunnels	`section 10`	Leads mieux captés sur le terrain	ink
/services/maintenance-growth	`section 10`	Tenus sur le terrain	ink
/services/mvp-saas	`section 10`	Résultats sur le terrain	ink
/services/prospection-automatisee	`section 13`	Résultats sur le terrain	ink
/services/publicite-en-ligne	`section 10`	Du trafic mieux transformé sur le terrain	ink
/services/referencement-ia	`section 10`	Résultats sur le terrain	ink
/services/relance-devis	`section 12`	Résultats sur le terrain	ink
/services/seo-geo-contenu	`section 10`	Résultats sur le terrain	ink
/services/seo-local	`section 10`	Résultats sur le terrain	ink
/services/sequences-de-suivi	`section 12`	Résultats sur le terrain	ink
/services/site-web-ia	`section 10`	Résultats sur le terrain	ink
/services/sur-mesure-headless	`section 10`	Résultats sur le terrain	ink
/services/systeme-acquisition	`section 11`	Résultats sur le terrain	ink
/services/systeme-commercial	`section 12`	Résultats sur le terrain	ink
/services/systemes-operationnels-ia	`section 6`	Résultats sur le terrain	ink
/services/webflow	`section 10`	Résultats sur le terrain	ink
/services/wordpress	`section 10`	Résultats sur le terrain	ink

Composé inline inline · non éditable ici

src/pages/atlas.astro
src/pages/en/atlas.astro
src/pages/en/index.astro
src/pages/en/solutions/index.astro
src/pages/index.astro
src/pages/solutions/index.astro

Aperçu

Comment l'utiliser

Intention

Montrer les réalisations Preuve sociale

Rôle de page

Preuve

Modèle de contenu

Source partagée (global)

Source partagée : cases {ref} → cas collection

Contrat de slots

Champ	Nature	Type	Requis	Bilingue	Bornes / valeurs
`background`	Présentation	`enum`	Non	·	paper · paper-2 · paper-3 · ink
`layout`	Présentation	`enum`	Non	·	rows-divided · list · grid-uniform · grid-asym
`columns`	Présentation	`enum`	Non	·	2 · 3 · 4 · auto
`colRatio`	Présentation	`enum`	Non	·	equal · 1-2 · 2-1 · 1-1-2 · 2-3
`itemHeight`	Présentation	`enum`	Non	·	auto · even · square · video
`density`	Présentation	`enum`	Non	·	compact · base · ample
`contentAlign`	Présentation	`enum`	Non	·	start · center · end
`actionsAlign`	Présentation	`enum`	Non	·	start · center · end · spread
`reveal_mode`	Présentation	`enum`	Non	·	cursor · fixed
`placement`	Présentation	`object`	Non	·	·
`fig_num`	Contenu	`text`	Oui	·	·
`fig_title`	Contenu	`text`	Oui	fr / en	·
`spec`	Contenu	`text`	Oui	fr / en	·
`h2`	Contenu	`text`	Oui	fr / en	·
`case_label`	Contenu	`text`	Non	fr / en	·
`sector_label`	Contenu	`text`	Non	fr / en	·
`impact_label`	Contenu	`text`	Non	fr / en	·
`cases`	Contenu	`array`	Non	·	0..6
`all_label`	Contenu	`text`	Non	fr / en	·
`all_href`	Contenu	`url`	Non	·	·
`empty_kicker`	Contenu	`text`	Non	fr / en	·
`empty_body`	Contenu	`text`	Non	fr / en	·

Déclinaisons · 31

Combinaisons nommées « variante × palette × densité » appliquées à ce composant, prévisualisées en rendu isolé. 19 curées, 12 générées.

Cas clients · grille · papier
curée
case-card-grid--paper
Cas clients · grille · papier 2
curée
case-card-grid--paper-2
Cas clients · grille · papier 3
curée
case-card-grid--paper-3
Cas clients · grille · encre
curée
case-card-grid--ink
Cas clients · table dense
curée
case-card-grid--compact
Cas clients · table aérée
curée
case-card-grid--ample
Cas clients · en-tête centré
curée
case-card-grid--centre
Cas clients · encre · aérée
curée
case-card-grid--ink-ample
Cas clients · encre · en-tête centré
curée
case-card-grid--ink-centre
Cas clients · papier 2 · dense
curée
case-card-grid--paper-2-compact
Cas clients · lignes séparées (table éditoriale)
curée
case-card-grid--rows-divided
Cas clients · liste (sans filets)
curée
case-card-grid--list
Cas clients · cartes en grille · 3 colonnes
curée
case-card-grid--grid-uniform-3
Cas clients · cartes · 2 colonnes · hauteurs égales
curée
case-card-grid--grid-uniform-2-even
Cas clients · cartes en grille fluide · encre
curée
case-card-grid--grid-uniform-auto-ink
Cas clients · cartes asymétriques · large + étroite
curée
case-card-grid--grid-asym-2-1
Cas clients · cartes asymétriques · 3 colonnes (large à droite)
curée
case-card-grid--grid-asym-1-1-2
Cas clients · cartes en grille · en-tête centré (placement)
curée
case-card-grid--atomic-header-center
Cas clients · table · lien « tous » aligné à droite (placement)
curée
case-card-grid--atomic-actions-end
case-card-grid · grille uniforme
générée
case-card-grid--grid-uniform
case-card-grid · grille auto
générée
case-card-grid--grid-auto
case-card-grid · grille asymétrique
générée
case-card-grid--grid-asym
case-card-grid · bento vedette
générée
case-card-grid--bento-feature
case-card-grid · vedette + split
générée
case-card-grid--featured-split
case-card-grid · deux colonnes
générée
case-card-grid--two-col
case-card-grid · alternance
générée
case-card-grid--alternating
case-card-grid · jeu de cartes
générée
case-card-grid--cards-deck
case-card-grid · liste média à gauche
générée
case-card-grid--list-media-left
case-card-grid · grille 3 + vedette
générée
case-card-grid--grid-3-featured
case-card-grid · cartes superposées
générée
case-card-grid--cards-overlap
case-card-grid · ligne de mesures
générée
case-card-grid--metric-row

Comparer les déclinaisons · 31

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 clients · grille · papier
curée
case-card-grid--paper
background:paper
Ouvrir dans le builder
Cas clients · grille · papier 2
curée
case-card-grid--paper-2
background:paper-2
Ouvrir dans le builder
Cas clients · grille · papier 3
curée
case-card-grid--paper-3
background:paper-3
Ouvrir dans le builder
Cas clients · grille · encre
curée
case-card-grid--ink
background:ink
Ouvrir dans le builder
Cas clients · table dense
curée
case-card-grid--compact
background:paperdensity:compact
Ouvrir dans le builder
Cas clients · table aérée
curée
case-card-grid--ample
background:paperdensity:ample
Ouvrir dans le builder
Cas clients · en-tête centré
curée
case-card-grid--centre
background:paper-2contentAlign:center
Ouvrir dans le builder
Cas clients · encre · aérée
curée
case-card-grid--ink-ample
background:inkdensity:ample
Ouvrir dans le builder
Cas clients · encre · en-tête centré
curée
case-card-grid--ink-centre
background:inkcontentAlign:center
Ouvrir dans le builder
Cas clients · papier 2 · dense
curée
case-card-grid--paper-2-compact
background:paper-2density:compact
Ouvrir dans le builder
Cas clients · lignes séparées (table éditoriale)
curée
case-card-grid--rows-divided
layout:rows-dividedbackground:paper
Ouvrir dans le builder
Cas clients · liste (sans filets)
curée
case-card-grid--list
layout:listbackground:paper
Ouvrir dans le builder
Cas clients · cartes en grille · 3 colonnes
curée
case-card-grid--grid-uniform-3
layout:grid-uniformcolumns:3background:paper
Ouvrir dans le builder
Cas clients · cartes · 2 colonnes · hauteurs égales
curée
case-card-grid--grid-uniform-2-even
layout:grid-uniformcolumns:2itemHeight:evenbackground:paper-2
Ouvrir dans le builder
Cas clients · cartes en grille fluide · encre
curée
case-card-grid--grid-uniform-auto-ink
layout:grid-uniformcolumns:autobackground:ink
Ouvrir dans le builder
Cas clients · cartes asymétriques · large + étroite
curée
case-card-grid--grid-asym-2-1
layout:grid-asymcolRatio:2-1background:paper
Ouvrir dans le builder
Cas clients · cartes asymétriques · 3 colonnes (large à droite)
curée
case-card-grid--grid-asym-1-1-2
layout:grid-asymcolRatio:1-1-2background:paper-2
Ouvrir dans le builder
Cas clients · cartes en grille · en-tête centré (placement)
curée
case-card-grid--atomic-header-center
layout:grid-uniformcolumns:3background:paperplacement
Ouvrir dans le builder
Cas clients · table · lien « tous » aligné à droite (placement)
curée
case-card-grid--atomic-actions-end
background:paperplacement
Ouvrir dans le builder
case-card-grid · grille uniforme
générée
case-card-grid--grid-uniform
layout:grid-uniform
Ouvrir dans le builder
case-card-grid · grille auto
générée
case-card-grid--grid-auto
layout:grid-auto
Ouvrir dans le builder
case-card-grid · grille asymétrique
générée
case-card-grid--grid-asym
layout:grid-asym
Ouvrir dans le builder
case-card-grid · bento vedette
générée
case-card-grid--bento-feature
layout:bento-feature
Ouvrir dans le builder
case-card-grid · vedette + split
générée
case-card-grid--featured-split
layout:featured-split
Ouvrir dans le builder
case-card-grid · deux colonnes
générée
case-card-grid--two-col
layout:two-col
Ouvrir dans le builder
case-card-grid · alternance
générée
case-card-grid--alternating
layout:alternating
Ouvrir dans le builder
case-card-grid · jeu de cartes
générée
case-card-grid--cards-deck
layout:cards-deck
Ouvrir dans le builder
case-card-grid · liste média à gauche
générée
case-card-grid--list-media-left
layout:list-media-left
Ouvrir dans le builder
case-card-grid · grille 3 + vedette
générée
case-card-grid--grid-3-featured
layout:grid-3-featured
Ouvrir dans le builder
case-card-grid · cartes superposées
générée
case-card-grid--cards-overlap
layout:cards-overlap
Ouvrir dans le builder
case-card-grid · ligne de mesures
générée
case-card-grid--metric-row
layout:metric-row
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-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.

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

testimonial-wall stable

Mur d'avis masonry : citations clients surlignées, note moyenne et profils LinkedIn pour une preuve sociale dense.

card-grid Testimonial Sections Apparition au scrollZoom au survolSurvol +6 23 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.

Code

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

{
  "type": "case-card-grid",
  "fig_num": "FIG IV · 4.0",
  "fig_title_fr": "Acte IV · Les preuves",
  "fig_title_en": "Act IV · The proof",
  "spec_fr": "4 DOSSIERS · BLOCS DE DONNÉES",
  "spec_en": "4 CASE FILES · DATA BLOCKS",
  "h2_fr": "Quatre dossiers. <i>Secteur</i> · durée · stack · impact.",
  "h2_en": "Four files. <i>Sector</i> · duration · stack · impact.",
  "case_label_fr": "CASE",
  "case_label_en": "CASE",
  "sector_label_fr": "Secteur",
  "sector_label_en": "Sector",
  "impact_label_fr": "Impact",
  "impact_label_en": "Impact",
  "reveal_mode": "cursor",
  "cases": [
    {
      "client": "Acquisition B2B",
      "sector_fr": "SaaS B2B",
      "sector_en": "B2B SaaS",
      "duration": "10 wk",
      "stack": "Claude · HubSpot · dbt",
      "impact_fr": "Pipeline reconnecté · qualification automatisée",
      "impact_en": "Pipeline reconnected · automated qualification",
      "href": "/cas-clients",
      "media_src": "/images/illustrations/ds/super-girl-ink.webp",
      "media_alt_fr": "Pipeline B2B reconnecté et qualification automatisée",
      "media_alt_en": "B2B pipeline reconnected and qualification automated"
    },
    {
      "client": "Santé-tech",
      "sector_fr": "Santé-tech",
      "sector_en": "Healthtech",
      "duration": "6 wk",
      "stack": "Claude · Snowflake",
      "impact_fr": "Triage allégé · réponse 24/7",
      "impact_en": "Triage streamlined · 24/7 response",
      "href": "/cas-clients",
      "media_src": "/images/illustrations/ds/pretty-woman-ink.webp",
      "media_alt_fr": "Triage santé allégé et réponse continue",
      "media_alt_en": "Health triage streamlined and 24/7 response"
    },
    {
      "client": "Fintech UE",
      "sector_fr": "Fintech · UE",
      "sector_en": "Fintech · EU",
      "duration": "14 wk",
      "stack": "Claude · Segment · dbt",
      "impact_fr": "Scoring automatisé · conversion suivie",
      "impact_en": "Automated scoring · conversion tracked",
      "href": "/cas-clients",
      "media_src": "/images/illustrations/ds/money-in-the-pig-ink.webp",
      "media_alt_fr": "Scoring fintech automatisé et conversion suivie",
      "media_alt_en": "Fintech scoring automated and conversion tracked"
    },
    {
      "client": "Industrie FR",
      "sector_fr": "Industrie · FR",
      "sector_en": "Industry · FR",
      "duration": "8 wk",
      "stack": "Claude · custom RAG · SAP",
      "impact_fr": "Heures récupérées · opérations déchargées",
      "impact_en": "Hours recovered · streamlined back office",
      "href": "/cas-clients",
      "media_src": "/images/illustrations/ds/its-x-ink.webp",
      "media_alt_fr": "Heures récupérées et opérations industrielles déchargées",
      "media_alt_en": "Hours recovered and industrial operations streamlined"
    },
    {
      "client": "E-commerce DTC",
      "sector_fr": "E-commerce · DTC",
      "sector_en": "E-commerce · DTC",
      "duration": "7 wk",
      "stack": "Claude · Shopify · BigQuery",
      "impact_fr": "Support déchargé · panier moyen suivi",
      "impact_en": "Support offloaded · average basket tracked",
      "href": "/cas-clients",
      "media_src": "/images/illustrations/ds/fruits-ink.webp",
      "media_alt_fr": "Support e-commerce déchargé et panier moyen suivi",
      "media_alt_en": "E-commerce support offloaded and average basket tracked"
    },
    {
      "client": "EdTech UE",
      "sector_fr": "EdTech · UE",
      "sector_en": "EdTech · EU",
      "duration": "9 wk",
      "stack": "Claude · Notion · Postgres",
      "impact_fr": "Contenus produits en continu · cycle réduit",
      "impact_en": "Continuous content output · shorter cycle",
      "href": "/cas-clients",
      "media_src": "/images/illustrations/ds/band-showing-tv-ink.webp",
      "media_alt_fr": "Contenus EdTech produits en continu",
      "media_alt_en": "EdTech content produced continuously"
    }
  ],
  "all_label_fr": "Tous les dossiers →",
  "all_label_en": "All case files →",
  "all_href": "/cas-clients"
}

Pour un agent / MCP

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

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

Chemin du détail machine

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