Waimia.
Réserver un audit →

Hero Header Sections

hero-home

stable Bibliothèque Contenu inline (instance)

Énoncer la proposition de valeur

Hero d'accueil Waimia : mini-map 3×2 de 6 territoires opérationnels, 3 preuves verticales, double CTA et signature géométrique V·9.

hero home minimap proofs signature
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

Énoncer la proposition de valeur

Rôle de page

Héros

Modèle de contenu

Contenu inline (instance)

Effets

Apparition au scroll

Interactions

Défilement

Éléments

Illustration au trait Boutons Liste

Mise en page

3 colonnes

Contrat de slots

Champ Nature Type Requis Bilingue Bornes / valeurs
h1 Contenu text Oui fr / en ·
lede Contenu text Oui fr / en ·
minimap Contenu array Oui · ·
proofs Contenu array Oui · ·
cta_primary Contenu text Oui fr / en ·
cta_secondary Contenu text Oui fr / en ·
cta_sub Contenu text Oui fr / en ·
cta_href Contenu url Non · ·
offer_href Contenu url Non · ·

Déclinaisons · 13

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

  • hero-home · split

    générée
    hero-home--split

  • hero-home · centré

    générée
    hero-home--centered

  • hero-home · masthead

    générée
    hero-home--masthead

  • hero-home · entonnoir

    générée
    hero-home--funnel

  • hero-home · image pleine

    générée
    hero-home--full-bleed-image

  • hero-home · empilé

    générée
    hero-home--stacked

  • hero-home · minimal

    générée
    hero-home--minimal

  • hero-home · avec formulaire

    générée
    hero-home--with-form

  • hero-home · split inversé

    générée
    hero-home--split-reverse

  • hero-home · fond vidéo

    générée
    hero-home--video-bg

  • hero-home · centré étroit

    générée
    hero-home--centered-narrow

  • hero-home · avec bande de logos

    générée
    hero-home--with-logos-strip

Comparer les déclinaisons · 12

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.

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-trizone stable

Héro plein écran multi-zones : titre serif accent pleine largeur, puis une rangée de 3 zones asymétriques séparées par hairlines (lede + 2 CTA · mini-map 6 capacités · 2 KPI serif). Variante paper et ink, responsive.

hero Hero Header Sections BoutonsListeChiffres clés +1 14 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-home",
  "h1_fr": "L'<i class=\"acc\">IA</i> dans vos outils.<br /><i>Des résultats</i> dans vos chiffres.",
  "h1_en": "<i class=\"acc\">AI</i> in your tools.<br /><i>Results</i> in your numbers.",
  "lede_fr": "On câble l'<i>IA</i> dans vos outils marketing, sales, contenu et web (acquisition, CRM, site, analytics, marque) <i>sans changer</i> vos process.",
  "lede_en": "We wire <i>AI</i> into your marketing, sales, content and web stack (acquisition, CRM, site, analytics, brand) <i>without changing</i> your process.",
  "minimap": [
    {
      "label_fr": "Acquisition",
      "label_en": "Acquisition",
      "items_fr": "Ads · Landing · Pipeline",
      "items_en": "Ads · Landing · Pipeline"
    },
    {
      "label_fr": "Contenu",
      "label_en": "Content",
      "items_fr": "SEO/GEO · Articles · Posts",
      "items_en": "SEO/GEO · Articles · Posts"
    },
    {
      "label_fr": "Web",
      "label_en": "Web",
      "items_fr": "Site IA-first · CMS · Pages",
      "items_en": "AI-first · CMS · Pages"
    },
    {
      "label_fr": "Sales",
      "label_en": "Sales",
      "items_fr": "CRM · Relances · Scoring",
      "items_en": "CRM · Follow-ups · Scoring"
    },
    {
      "label_fr": "Data",
      "label_en": "Data",
      "items_fr": "GA4 · Search Console · Insights",
      "items_en": "GA4 · Search Console · Insights"
    },
    {
      "label_fr": "Marque",
      "label_en": "Brand",
      "items_fr": "Design system · Decks · PDF",
      "items_en": "Design system · Decks · PDF"
    }
  ],
  "proofs": [
    {
      "num": "+12h",
      "label_fr": "économisées <i>par équipe</i> · semaine",
      "label_en": "saved <i>per team</i> · week"
    },
    {
      "num": "5 j",
      "label_fr": "jusqu'au <i>premier système</i> livré",
      "label_en": "to the <i>first system</i> shipped"
    },
    {
      "num": "100%",
      "label_fr": "intégré · <i>sans changer</i> vos outils",
      "label_en": "integrated · <i>no migration</i>"
    }
  ],
  "cta_primary_fr": "Réserver un audit →",
  "cta_primary_en": "Book an audit →",
  "cta_secondary_fr": "Voir Growth System IA",
  "cta_secondary_en": "See AI Growth System",
  "cta_sub_fr": "Audit IA opérationnel · 45 min · on identifie <i>3 automatisations rentables</i>.",
  "cta_sub_en": "AI operational audit · 45 min · we identify <i>3 high-ROI automations</i>."
}

Pour un agent / MCP

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

/library/section/hero-home.json

Chemin du détail machine

/library/section/hero-home.json