Waimia.
Réserver un audit →

Hero Header Sections

hero-atlas

stable Sur waimia · 2 Contenu inline (instance)

Énoncer la proposition de valeur

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

hero atlas pillars map
Ouvrir dans le builder

Instances sur le site

Global 0 instance en page composable

Composé inline inline · non éditable ici

  • src/pages/atlas.astro
  • src/pages/en/atlas.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)

Effets

Apparition au scroll

Interactions

Défilement

Éléments

Image de fond Illustration au trait Boutons Liste

Mise en page

Multi-colonnes

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 ·
subhead Contenu text Oui fr / en ·
lead Contenu text Oui fr / en ·
cta_primary Contenu object Oui · ·
cta_secondary Contenu object Non · ·
map_aria_label Contenu text Oui fr / en ·
map_kicker Contenu text Oui fr / en ·
pillars Contenu array Oui · ·

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 atlas · papier 2

    curée
    hero-atlas--paper-2

  • Hero atlas · papier 3

    curée
    hero-atlas--paper-3

  • Hero atlas · encre

    curée
    hero-atlas--ink

  • hero-atlas · split

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

  • hero-atlas · centré

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

  • hero-atlas · masthead

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

  • hero-atlas · entonnoir

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

  • hero-atlas · image pleine

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

  • hero-atlas · empilé

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

  • hero-atlas · minimal

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

  • hero-atlas · avec formulaire

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

  • hero-atlas · split inversé

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

  • hero-atlas · fond vidéo

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

  • hero-atlas · centré étroit

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

  • hero-atlas · avec bande de logos

    générée
    hero-atlas--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.

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-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.
hero-card-cover stable

Héro plein écran en deux colonnes : discours éditorial (kicker, titre serif, lede, badges pills, 2 CTA) à gauche, carte ink sombre (média line-art + mini-KPI) à droite. La carte reste sombre en mode paper. Variante paper et ink, responsive (1 colonne sur mobile).

hero Hero Header Sections SurvolImageIllustration au trait +8 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-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.
hero-card-cover stable

Héro plein écran en deux colonnes : discours éditorial (kicker, titre serif, lede, badges pills, 2 CTA) à gauche, carte ink sombre (média line-art + mini-KPI) à droite. La carte reste sombre en mode paper. Variante paper et ink, responsive (1 colonne sur mobile).

hero Hero Header Sections SurvolImageIllustration au trait +8 14 décl.

Similaires

hero-grid-12 stable

Héro plein écran en vraie grille 12 colonnes éditoriale : kicker et sigle en rangée 1, titre serif sur 9 colonnes, puis lede, puces et CTA empilés répartis librement sur la dernière rangée (hairlines entre les rangées). Variante paper et ink, responsive (1 colonne sur mobile).

hero Hero Header Sections Illustration au traitBoutonsListe +2 14 décl.
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-home stable

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 Hero Header Sections Apparition au scrollDéfilementIllustration au trait +3 13 décl.
hero-lead-magnet stable

Hero lead magnet (livre blanc) : 2-col texte/cover PDF, kicker + h1 + lede italique, meta format/date, carte download CTA.

hero Hero Header Sections Apparition au scrollSurvolDéfilement +8 16 décl.
hero-pillar-hub stable

Hero de page pilier avec titre maximal et grille de statistiques quatre colonnes optionnelle.

hero Hero Header Sections Apparition au scrollDéfilementPlusieurs images +8 16 décl.
hero-hub-stats stable

Hero hub avec stats : meta kicker double + numéro § accent + h1 maximal, lede, grille KeyMetric 4-col en pied avec accent.

hero Hero Header Sections Apparition au scrollDéfilementPlusieurs images +8 16 décl.

Code

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

{
  "type": "hero-atlas",
  "kicker_fr": "Atlas · Cartographier · Câbler · Orchestrer · Industrialiser",
  "kicker_en": "Atlas · Map · Wire · Orchestrate · Industrialize",
  "h1_fr": "Une <i>cartographie</i><br />pour les pressés.",
  "h1_en": "A <i>map</i><br />for the time-pressed.",
  "subhead_fr": "Une seule page pour comprendre comment Waimia <i>câble l’IA dans le revenu</i>. Pas dix slides. Pas de schéma d’architecture. Juste une carte, des piliers, et trois portes selon votre fonction.",
  "subhead_en": "One page to understand how Waimia <i>wires AI into revenue</i>. Not ten slides. No architecture diagram. Just a map, four pillars, and three doors based on your role.",
  "lead_fr": "Marketing, sales, contenu, web, CRM, analytics et marque : sept territoires sur une seule carte. Quatre piliers. Trois portes d’entrée par persona. Repérez votre douleur, on prend l’audit en charge.",
  "lead_en": "Marketing, sales, content, web, CRM, analytics and brand: seven territories on one map. Four pillars. Three entry doors per persona. Spot your pain, we'll handle the audit.",
  "cta_primary": {
    "label_fr": "Réserver un audit",
    "label_en": "Book an audit",
    "href": "/contact",
    "variant": "primary"
  },
  "cta_secondary": {
    "label_fr": "← Retour à l’accueil",
    "label_en": "← Back to home",
    "href": "/",
    "variant": "ghost"
  },
  "map_aria_label_fr": "Les 4 piliers Atlas",
  "map_aria_label_en": "The 4 Atlas pillars",
  "map_kicker_fr": "Atlas · 4 piliers",
  "map_kicker_en": "Atlas · 4 pillars",
  "pillars": [
    {
      "num": "01",
      "label_fr": "Audit",
      "label_en": "Audit",
      "desc_fr": "Cartographier la stack et les frictions revenue.",
      "desc_en": "Map the stack and revenue friction points.",
      "deliverable_fr": "Rapport 12 pages · 5 jours",
      "deliverable_en": "12-page report · 5 days"
    },
    {
      "num": "02",
      "label_fr": "Adoption",
      "label_en": "Adoption",
      "desc_fr": "Onboarder les équipes, ancrer la pratique.",
      "desc_en": "Onboard teams, embed the practice.",
      "deliverable_fr": "Playbooks · sessions hebdo",
      "deliverable_en": "Playbooks · weekly sessions"
    },
    {
      "num": "03",
      "label_fr": "Orchestration",
      "label_en": "Orchestration",
      "desc_fr": "Câbler les agents IA dans les outils existants.",
      "desc_en": "Wire AI agents into existing tools.",
      "deliverable_fr": "Workflows live · monitoring",
      "deliverable_en": "Live workflows · monitoring"
    },
    {
      "num": "04",
      "label_fr": "Souveraineté",
      "label_en": "Sovereignty",
      "desc_fr": "Garder la propriété de la couche AI.",
      "desc_en": "Retain ownership of the AI layer.",
      "deliverable_fr": "Code · données · runbook transmis",
      "deliverable_en": "Code · data · runbook transferred"
    }
  ]
}

Pour un agent / MCP

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

/library/section/hero-atlas.json

Chemin du détail machine

/library/section/hero-atlas.json