Feature Sections

offer-tier-grid

stable Sur waimia · 2 Contenu inline (instance)

Présenter les capacités

Section de palier d’offres avec eyebrow, H2, lede, grille de cartes et variante hero sombre optionnelle.

Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Composé inline inline · non éditable ici

src/pages/services/index.astro

Aperçu

Comment l'utiliser

Intention

Présenter les capacités

Rôle de page

Corps

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
`variant`	Présentation	`enum`	Non	·	standard · featured · transparent
`wrap`	Contenu	`bool`	Non	·	·
`pad_block`	Contenu	`text`	Non	·	·
`eyebrow`	Présentation	`text`	Oui	fr / en	·
`h2`	Contenu	`text`	Oui	fr / en	·
`lede`	Contenu	`text`	Oui	fr / en	·
`lede_max_width`	Contenu	`text`	Non	·	·
`featured_card`	Contenu	`object`	Non	·	·
`offers`	Contenu	`array`	Oui	·	1..6

Déclinaisons · 21

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

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

Comparer les déclinaisons · 19

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.

Grille offres · papier
curée
offer-tier-grid--paper
background:paper
Ouvrir dans le builder
Grille offres · papier 2
curée
offer-tier-grid--paper-2
background:paper-2
Ouvrir dans le builder
Grille offres · papier 3
curée
offer-tier-grid--paper-3
background:paper-3
Ouvrir dans le builder
Grille offres · encre
curée
offer-tier-grid--ink
background:ink
Ouvrir dans le builder
Grille offres · sobre
curée
offer-tier-grid--standard
variant:standardbackground:paper
Ouvrir dans le builder
Grille offres · cartes nues
curée
offer-tier-grid--transparent
variant:transparentbackground:paper-2
Ouvrir dans le builder
Grille offres · cartes nues encre
curée
offer-tier-grid--transparent-ink
variant:transparentbackground:ink
Ouvrir dans le builder
offer-tier-grid · grille uniforme
générée
offer-tier-grid--grid-uniform
layout:grid-uniform
Ouvrir dans le builder
offer-tier-grid · grille auto
générée
offer-tier-grid--grid-auto
layout:grid-auto
Ouvrir dans le builder
offer-tier-grid · grille asymétrique
générée
offer-tier-grid--grid-asym
layout:grid-asym
Ouvrir dans le builder
offer-tier-grid · liste
générée
offer-tier-grid--list
layout:list
Ouvrir dans le builder
offer-tier-grid · lignes séparées
générée
offer-tier-grid--rows-divided
layout:rows-divided
Ouvrir dans le builder
offer-tier-grid · bento vedette
générée
offer-tier-grid--bento-feature
layout:bento-feature
Ouvrir dans le builder
offer-tier-grid · vedette + split
générée
offer-tier-grid--featured-split
layout:featured-split
Ouvrir dans le builder
offer-tier-grid · deux colonnes
générée
offer-tier-grid--two-col
layout:two-col
Ouvrir dans le builder
offer-tier-grid · alternance
générée
offer-tier-grid--alternating
layout:alternating
Ouvrir dans le builder
offer-tier-grid · jeu de cartes
générée
offer-tier-grid--cards-deck
layout:cards-deck
Ouvrir dans le builder
offer-tier-grid · liste média à gauche
générée
offer-tier-grid--list-media-left
layout:list-media-left
Ouvrir dans le builder
offer-tier-grid · grille 3 + vedette
générée
offer-tier-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.

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

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.

bento-grid stable

Mosaique bento asymetrique de 5 cellules (1 grande 2x2 + 4 petites) pour valoriser les capacites cles avec une mise en page moderne.

bento Feature Sections IcônesCartesListe +1 26 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.

coming-soon-pills stable

Bande teaser fond paper-2 avec kicker, H2 et liste de pills pour éléments à venir.

list Feature Sections ListeBadge1 colonne 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.

decision-list stable

Arbre de décision : en-tête kicker et titre display à gauche, liste ordonnée numérotée d items à droite, hairlines fines.

list Feature Sections Apparition au scrollDéfilementListe +1 17 décl.

Similaires

related-cards-band stable

Bande de trois cards connexes pour relier cas, offres ou ressources en fin de page.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +2 17 décl.

pain-points stable

Points de friction métier : en-tête eyebrow et titre display, aside Callout, frise Timeline numérotée des frictions.

card-grid Feature Sections Apparition au scrollDéfilementIllustration au trait +5 17 décl.

services-grid stable

Grille éditoriale de services 3×2 avec figure, métrique, body et ligne de connecteurs en pied de cellule.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +2 17 décl.

editorial-split-grid stable

Split éditorial deux colonnes pour lister blog et livres blancs, chacun avec cartes connexes et CTA.

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

editorial-preview stable

Index éditorial de publications en lignes numérotées (num · date · tag · titre italique · flèche), extrait de FieldNotes.

card-grid Feature Sections Apparition au scrollSurvolDéfilement +3 17 décl.

operating-layer stable

Section couche opérationnelle fond sombre : chapter label + h2 + lede + CTA, console terminal mockup à droite, strip 4 attributs en pied.

card-grid Feature Sections Apparition au scrollDéfilementIllustration au trait +3 14 décl.

Code

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

{
  "type": "offer-tier-grid",
  "variant": "featured",
  "wrap": false,
  "eyebrow_fr": "II · TRANSFORMATION",
  "eyebrow_en": "II · TRANSFORMATION",
  "h2_fr": "Construire les systèmes qui durent.",
  "h2_en": "Build systems that last.",
  "lede_fr": "Site, CRM, analytics, productivité, connectés et mesurés.",
  "lede_en": "Website, CRM, analytics, productivity, connected and measured.",
  "featured_card": {
    "eyebrow_fr": "OFFRE PHARE · 5 À 20 K€",
    "eyebrow_en": "FLAGSHIP OFFER · €5K TO €20K",
    "title_fr": "Growth System IA",
    "title_en": "AI Growth System",
    "sub_fr": "Pas un site. Pas un CRM. Un système.",
    "sub_en": "Not a website. Not a CRM. A system.",
    "lead_fr": "Site, CRM, relances, pilotage, connectés et mesurés. Le mardi on câble. Le vendredi on mesure.",
    "lead_en": "Website, CRM, follow-ups, dashboards, connected and measured. Tuesday we wire. Friday we measure.",
    "cta_fr": "Activer →",
    "cta_en": "Activate →",
    "href": "/services"
  },
  "offers": [
    {
      "price_fr": "8 À 35 K€",
      "price_en": "€8K TO €35K",
      "title_fr": "Growth Intelligence",
      "title_en": "Growth Intelligence",
      "lead_fr": "KPI commerciaux et opérationnels en temps réel. Des chiffres lisibles avant la réunion.",
      "lead_en": "Sales and operational KPIs in real time. Clear numbers before the meeting.",
      "cta_fr": "Voir l'offre →",
      "cta_en": "View offer →",
      "href": "/services"
    },
    {
      "price_fr": "6 À 25 K€",
      "price_en": "€6K TO €25K",
      "title_fr": "Productivité Opérationnelle IA",
      "title_en": "AI Operational Productivity",
      "lead_fr": "Excel augmenté, Office connecté, workflows internes qui tournent sans relance humaine.",
      "lead_en": "Augmented Excel, connected Office, internal workflows that run without human reminders.",
      "cta_fr": "Voir l'offre →",
      "cta_en": "View offer →",
      "href": "/services"
    },
    {
      "price_fr": "SITE WEB",
      "price_en": "WEBSITE",
      "title_fr": "Site Web IA",
      "title_en": "AI Website",
      "lead_fr": "Un site conçu pour convertir, mesuré, relié à votre CRM. Pas une vitrine statique.",
      "lead_en": "A conversion-focused website, measured and linked to your CRM. Not a static brochure.",
      "cta_fr": "Voir l'offre →",
      "cta_en": "View offer →",
      "href": "/services/site-web-ia"
    }
  ]
}

Pour un agent / MCP

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

/library/section/offer-tier-grid.json

Chemin du détail machine

/library/section/offer-tier-grid.json