hero-lead-magnet · Composant Waimia

Instances sur le site

Global 0 instance en page composable

Composé inline inline · non éditable ici

src/components/templates/LeadMagnetTemplate.astro

Aperçu

Comment l'utiliser

Intention

Énoncer la proposition de valeur

Rôle de page

Héros

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
`kicker`	Contenu	`text`	Oui	fr / en	·
`h1`	Contenu	`text`	Oui	fr / en	·
`lede`	Contenu	`text`	Oui	fr / en	·
`format`	Contenu	`text`	Oui	fr / en	·
`published_at`	Contenu	`text`	Oui	·	·
`cover_url`	Contenu	`url`	Non	·	·
`download_label`	Contenu	`text`	Non	fr / en	·
`cta_label`	Contenu	`text`	Oui	fr / en	·
`cta_href`	Contenu	`url`	Non	·	·

Déclinaisons · 16

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

Hero lead magnet · papier 2
curée
hero-lead-magnet--paper-2
Hero lead magnet · papier 3
curée
hero-lead-magnet--paper-3
Hero lead magnet · encre
curée
hero-lead-magnet--ink
hero-lead-magnet · split
générée
hero-lead-magnet--split
hero-lead-magnet · centré
générée
hero-lead-magnet--centered
hero-lead-magnet · masthead
générée
hero-lead-magnet--masthead
hero-lead-magnet · entonnoir
générée
hero-lead-magnet--funnel
hero-lead-magnet · image pleine
générée
hero-lead-magnet--full-bleed-image
hero-lead-magnet · empilé
générée
hero-lead-magnet--stacked
hero-lead-magnet · minimal
générée
hero-lead-magnet--minimal
hero-lead-magnet · avec formulaire
générée
hero-lead-magnet--with-form
hero-lead-magnet · split inversé
générée
hero-lead-magnet--split-reverse
hero-lead-magnet · fond vidéo
générée
hero-lead-magnet--video-bg
hero-lead-magnet · centré étroit
générée
hero-lead-magnet--centered-narrow
hero-lead-magnet · avec bande de logos
générée
hero-lead-magnet--with-logos-strip

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.

Hero lead magnet · papier 2
curée
hero-lead-magnet--paper-2
background:paper-2
Ouvrir dans le builder
Hero lead magnet · papier 3
curée
hero-lead-magnet--paper-3
background:paper-3
Ouvrir dans le builder
Hero lead magnet · encre
curée
hero-lead-magnet--ink
background:ink
Ouvrir dans le builder
hero-lead-magnet · split
générée
hero-lead-magnet--split
layout:split
Ouvrir dans le builder
hero-lead-magnet · centré
générée
hero-lead-magnet--centered
layout:centered
Ouvrir dans le builder
hero-lead-magnet · masthead
générée
hero-lead-magnet--masthead
layout:masthead
Ouvrir dans le builder
hero-lead-magnet · entonnoir
générée
hero-lead-magnet--funnel
layout:funnel
Ouvrir dans le builder
hero-lead-magnet · image pleine
générée
hero-lead-magnet--full-bleed-image
layout:full-bleed-image
Ouvrir dans le builder
hero-lead-magnet · empilé
générée
hero-lead-magnet--stacked
layout:stacked
Ouvrir dans le builder
hero-lead-magnet · minimal
générée
hero-lead-magnet--minimal
layout:minimal
Ouvrir dans le builder
hero-lead-magnet · avec formulaire
générée
hero-lead-magnet--with-form
layout:with-form
Ouvrir dans le builder
hero-lead-magnet · split inversé
générée
hero-lead-magnet--split-reverse
layout:split-reverse
Ouvrir dans le builder
hero-lead-magnet · fond vidéo
générée
hero-lead-magnet--video-bg
layout:video-bg
Ouvrir dans le builder
hero-lead-magnet · centré étroit
générée
hero-lead-magnet--centered-narrow
layout:centered-narrow
Ouvrir dans le builder
hero-lead-magnet · avec bande de logos
générée
hero-lead-magnet--with-logos-strip
layout:with-logos-strip
Ouvrir dans le builder

Sections liées

Même famille

hero-academy-hub stable

Hero hub académie : kicker mono, h1 display, lede et bande de stats mono (cours, parcours, alumni).

hero Hero Header Sections Apparition au scrollSurvolDéfilement +8 16 décl.

hero-asymmetric-grid stable

Héro plein écran en grille multi-lignes asymétrique : titre serif pleine largeur, rangée 2 colonnes (label + lede + 2 CTA à gauche, label + puces fléchées à droite), puis bande de 4 KPI dont la dernière cellule est inversée en ink. Variante paper et ink, responsive.

hero Hero Header Sections BoutonsListeChiffres clés +1 14 décl.

hero-atlas stable

Hero Atlas en deux colonnes avec signature grid, copy éditoriale, CTAs et mini-map des quatre piliers.

hero Hero Header Sections Apparition au scrollDéfilementImage de fond +4 16 décl.

hero-author stable

Hero de page auteur : 2-col copy/portrait, breadcrumb équipe, role eyebrow, h1 split prénom+nom italic accent, lede display.

hero Hero Header Sections Apparition au scrollSurvolDéfilement +8 16 décl.

hero-baseline-stats stable

Héro plein écran à impact typographique : kicker, titre serif géant et lede court en tête, rangée de 4 KPI poussée en baseline (séparée par une hairline forte). CTA optionnel, pas de média. Variante paper et ink, responsive (KPI 2 colonnes sur mobile).

hero Hero Header Sections BoutonsListeChiffres clés +1 14 décl.

hero-capability-band stable

Héro plein écran : titre serif accent et lede alignés à gauche (~70 % de large), puis une bande de capacités asymétrique pleine largeur de 5 cellules dont la 3e (large, accent) porte un KPI serif, les 4 autres des capacités mono. Variante paper et ink, responsive.

hero Hero Header Sections BoutonsListeChiffres clés +1 14 décl.

Même catégorie

hero-academy-hub stable

Hero hub académie : kicker mono, h1 display, lede et bande de stats mono (cours, parcours, alumni).

hero Hero Header Sections Apparition au scrollSurvolDéfilement +8 16 décl.

hero-asymmetric-grid stable

Héro plein écran en grille multi-lignes asymétrique : titre serif pleine largeur, rangée 2 colonnes (label + lede + 2 CTA à gauche, label + puces fléchées à droite), puis bande de 4 KPI dont la dernière cellule est inversée en ink. Variante paper et ink, responsive.

hero Hero Header Sections BoutonsListeChiffres clés +1 14 décl.

hero-atlas stable

Hero Atlas en deux colonnes avec signature grid, copy éditoriale, CTAs et mini-map des quatre piliers.

hero Hero Header Sections Apparition au scrollDéfilementImage de fond +4 16 décl.

hero-author stable

Hero de page auteur : 2-col copy/portrait, breadcrumb équipe, role eyebrow, h1 split prénom+nom italic accent, lede display.

hero Hero Header Sections Apparition au scrollSurvolDéfilement +8 16 décl.

hero-baseline-stats stable

Héro plein écran à impact typographique : kicker, titre serif géant et lede court en tête, rangée de 4 KPI poussée en baseline (séparée par une hairline forte). CTA optionnel, pas de média. Variante paper et ink, responsive (KPI 2 colonnes sur mobile).

hero Hero Header Sections BoutonsListeChiffres clés +1 14 décl.

hero-capability-band stable

Héro plein écran : titre serif accent et lede alignés à gauche (~70 % de large), puis une bande de capacités asymétrique pleine largeur de 5 cellules dont la 3e (large, accent) porte un KPI serif, les 4 autres des capacités mono. Variante paper et ink, responsive.

hero Hero Header Sections BoutonsListeChiffres clés +1 14 décl.

Similaires

hero-split stable

Hero en deux colonnes pour présenter une offre avec visuel et appel à l'action principal.

hero Hero Header Sections Apparition au scrollSurvolDéfilement +8 18 décl.

hero-centered stable

Hero centré pour poser une proposition de valeur claire et guider vers une action principale.

hero Hero Header Sections Apparition au scrollSurvolDéfilement +8 17 décl.

hero-case-study stable

Hero d'étude de cas avec décor géométrique, titre et barre de spécifications (client, secteur, durée).

hero Hero Header Sections Apparition au scrollSurvolDéfilement +8 19 décl.

hero-essay stable

Hero d'article éditorial avec accroche italique et métadonnées auteur, date et temps de lecture.

hero Hero Header Sections Apparition au scrollSurvolDéfilement +8 16 décl.

hero-hub-listing deprecated

(déprécié → hero-hub-masthead variant=listing) Hero éditorial de hub avec titre monumental et lede courte, sans appel à l'action, pour pages de listing.

hero Hero Header Sections Apparition au scrollSurvolDéfilement +8 16 décl.

hero-landing stable

Hero magnétique landing : eyebrow mono, h1 italique avec emphasis, lede, double CTA et bandeau de disponibilité.

hero Hero Header Sections Apparition au scrollSurvolDéfilement +8 16 décl.

Code

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

{
  "type": "hero-lead-magnet",
  "kicker_fr": "§ Livre blanc · 2026",
  "kicker_en": "§ Whitepaper · 2026",
  "h1_fr": "L'audit IA en <i>10 jours</i> : protocole opérationnel.",
  "h1_en": "The <i>10-day</i> AI audit: operational protocol.",
  "lede_fr": "Un PDF court qui vous dit quoi auditer, quoi documenter, quoi corriger en premier.",
  "lede_en": "A short PDF telling you what to audit, what to document, what to fix first.",
  "format_fr": "PDF · 42 pages",
  "format_en": "PDF · 42 pages",
  "published_at": "2026-04-28",
  "download_label_fr": "PDF gratuit · sur inscription",
  "download_label_en": "Free PDF · on signup",
  "cta_label_fr": "Recevoir le PDF",
  "cta_label_en": "Get the PDF",
  "cta_href": "#lead-magnet-form"
}

Pour un agent / MCP

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

/library/section/hero-lead-magnet.json

Chemin du détail machine

/library/section/hero-lead-magnet.json