Testimonial Sections

team-card-grid

stable Sur waimia · 1 Contenu inline (instance)

Preuve sociale, Montrer les réalisations

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

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Composé inline inline · non éditable ici

src/pages/equipe/index.astro

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
`cta_label`	Contenu	`text`	Non	fr / en	·
`count_singular`	Contenu	`text`	Non	fr / en	·
`count_plural`	Contenu	`text`	Non	fr / en	·
`members`	Contenu	`array`	Oui	·	1..6

Déclinaisons · 11

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

Équipe cartes · papier
curée
team-card-grid--paper
Équipe cartes · papier 2
curée
team-card-grid--paper-2
Équipe cartes · papier 3
curée
team-card-grid--paper-3
Équipe cartes · encre
curée
team-card-grid--ink
team-card-grid · grille avatars
générée
team-card-grid--avatar-grid
team-card-grid · ligne avatars
générée
team-card-grid--avatar-row
team-card-grid · cartes bio
générée
team-card-grid--cards-bio
team-card-grid · lignes de liste
générée
team-card-grid--list-rows
team-card-grid · dirigeant en vedette
générée
team-card-grid--featured-leader
team-card-grid · grille ronde
générée
team-card-grid--circular-grid
team-card-grid · deux colonnes
générée
team-card-grid--two-col

Comparer les déclinaisons · 11

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.

Équipe cartes · papier
curée
team-card-grid--paper
background:paper
Ouvrir dans le builder
Équipe cartes · papier 2
curée
team-card-grid--paper-2
background:paper-2
Ouvrir dans le builder
Équipe cartes · papier 3
curée
team-card-grid--paper-3
background:paper-3
Ouvrir dans le builder
Équipe cartes · encre
curée
team-card-grid--ink
background:ink
Ouvrir dans le builder
team-card-grid · grille avatars
générée
team-card-grid--avatar-grid
layout:avatar-grid
Ouvrir dans le builder
team-card-grid · ligne avatars
générée
team-card-grid--avatar-row
layout:avatar-row
Ouvrir dans le builder
team-card-grid · cartes bio
générée
team-card-grid--cards-bio
layout:cards-bio
Ouvrir dans le builder
team-card-grid · lignes de liste
générée
team-card-grid--list-rows
layout:list-rows
Ouvrir dans le builder
team-card-grid · dirigeant en vedette
générée
team-card-grid--featured-leader
layout:featured-leader
Ouvrir dans le builder
team-card-grid · grille ronde
générée
team-card-grid--circular-grid
layout:circular-grid
Ouvrir dans le builder
team-card-grid · deux colonnes
générée
team-card-grid--two-col
layout:two-col
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.

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.

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

Similaires

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.

integrations-grid stable

Grille de logos d’intégrations groupés par catégorie (CRM, communication, données). Répond à l’objection « est-ce que ça se branche à nos outils ? » d’un coup d’œil.

card-grid Logo Sections SurvolPlusieurs imagesLogos +2 8 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.

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.

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.

Code

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

{
  "type": "team-card-grid",
  "cta_label_fr": "Voir le profil →",
  "cta_label_en": "View profile →",
  "count_singular_fr": "publication",
  "count_singular_en": "publication",
  "count_plural_fr": "publications",
  "count_plural_en": "publications",
  "members": [
    {
      "name": "Simon Beros",
      "role_fr": "Fondateur · Architecte IA",
      "role_en": "Founder · AI Architect",
      "description_fr": "Construit les systèmes, écrit les notes longues et signe les arbitrages techniques.",
      "description_en": "Builds the systems, writes long-form notes, and signs off technical decisions.",
      "href": "/equipe/simon-beros",
      "count": 14
    },
    {
      "name": "Claire Martin",
      "role_fr": "Ops · Documentation",
      "role_en": "Ops · Documentation",
      "description_fr": "Transforme les missions clients en SOP, checklists et livrables transmissibles.",
      "description_en": "Turns client work into SOPs, checklists, and transferable deliverables.",
      "href": "/equipe",
      "count": 6
    },
    {
      "name": "Nadia Leroy",
      "role_fr": "Growth · Contenu",
      "role_en": "Growth · Content",
      "description_fr": "Relie acquisition, CRM et contenus pour rendre les systèmes mesurables.",
      "description_en": "Connects acquisition, CRM, and content so systems can be measured.",
      "href": "/equipe",
      "count": 3
    }
  ]
}

Pour un agent / MCP

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

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

Chemin du détail machine

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