About Sections

about-story-split

stable Bibliothèque Contenu inline (instance)

Établir la crédibilité, Raconter une histoire

Récit fondateur en deux colonnes : texte narratif de mission à gauche, timeline de jalons datés à droite. Raconte l’histoire de la marque sans verbiage.

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

Établir la crédibilité Raconter une histoire

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
`kicker`	Contenu	`text`	Non	fr / en	·
`h2`	Contenu	`text`	Oui	fr / en	·
`paragraphs`	Contenu	`array`	Oui	fr / en	1..5
`aside_title`	Contenu	`text`	Non	fr / en	·
`milestones`	Contenu	`array`	Oui	·	2..8

Déclinaisons · 17

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

Récit à propos · papier
curée
about-story-split--paper
Récit à propos · papier 2
curée
about-story-split--paper-2
Récit à propos · papier 3
curée
about-story-split--paper-3
Récit à propos · encre
curée
about-story-split--ink
about-story-split · équilibré
générée
about-story-split--1-1
about-story-split · média dominant · média à gauche
générée
about-story-split--1-2-left
about-story-split · média dominant · média à droite
générée
about-story-split--1-2-right
about-story-split · texte dominant · média à gauche
générée
about-story-split--2-1-left
about-story-split · texte dominant · média à droite
générée
about-story-split--2-1-right
about-story-split · média large · média à gauche
générée
about-story-split--2-3-left
about-story-split · média large · média à droite
générée
about-story-split--2-3-right
about-story-split · texte large · média à gauche
générée
about-story-split--3-2-left
about-story-split · texte large · média à droite
générée
about-story-split--3-2-right
about-story-split · média très large · média à gauche
générée
about-story-split--1-3-left
about-story-split · média très large · média à droite
générée
about-story-split--1-3-right
about-story-split · texte très large · média à gauche
générée
about-story-split--3-1-left

Comparer les déclinaisons · 16

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.

Récit à propos · papier
curée
about-story-split--paper
background:paper
Ouvrir dans le builder
Récit à propos · papier 2
curée
about-story-split--paper-2
Identique à la démo par défaut (aucun axe surchargé).
Ouvrir dans le builder
Récit à propos · papier 3
curée
about-story-split--paper-3
background:paper-3
Ouvrir dans le builder
Récit à propos · encre
curée
about-story-split--ink
background:ink
Ouvrir dans le builder
about-story-split · équilibré
générée
about-story-split--1-1
proportion:1-1
Ouvrir dans le builder
about-story-split · média dominant · média à gauche
générée
about-story-split--1-2-left
proportion:1-2mediaSide:left
Ouvrir dans le builder
about-story-split · média dominant · média à droite
générée
about-story-split--1-2-right
proportion:1-2mediaSide:right
Ouvrir dans le builder
about-story-split · texte dominant · média à gauche
générée
about-story-split--2-1-left
proportion:2-1mediaSide:left
Ouvrir dans le builder
about-story-split · texte dominant · média à droite
générée
about-story-split--2-1-right
proportion:2-1mediaSide:right
Ouvrir dans le builder
about-story-split · média large · média à gauche
générée
about-story-split--2-3-left
proportion:2-3mediaSide:left
Ouvrir dans le builder
about-story-split · média large · média à droite
générée
about-story-split--2-3-right
proportion:2-3mediaSide:right
Ouvrir dans le builder
about-story-split · texte large · média à gauche
générée
about-story-split--3-2-left
proportion:3-2mediaSide:left
Ouvrir dans le builder
about-story-split · texte large · média à droite
générée
about-story-split--3-2-right
proportion:3-2mediaSide:right
Ouvrir dans le builder
about-story-split · média très large · média à gauche
générée
about-story-split--1-3-left
proportion:1-3mediaSide:left
Ouvrir dans le builder
about-story-split · média très large · média à droite
générée
about-story-split--1-3-right
proportion:1-3mediaSide:right
Ouvrir dans le builder
about-story-split · texte très large · média à gauche
générée
about-story-split--3-1-left
proportion:3-1mediaSide:left
Ouvrir dans le builder

Sections liées

Même famille

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.

asymmetric-services stable

Services en rangées asymétriques (AsymmetricServiceRow) qui alternent gauche/droite : numéro display, nom, body et flèche, signature de /manifesto Acte II.

split-media Manifesto Sections Apparition au scrollDéfilement1 colonne 15 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.

cta-split-visual stable

Bandeau CTA asymetrique 2 colonnes : texte kicker/titre/body/boutons a gauche, visuel SVG decoratif a droite. Distinct des CTA centres.

split-media CTA Sections Apparition au scrollDéfilementIllustration au trait +4 17 décl.

feature-split-media stable

Une feature majeure exposée en deux colonnes : texte et points clés d’un côté, mockup ou capture de l’autre. Le champ reversed permet d’alterner les côtés au fil de la page.

split-media Feature Sections Apparition au scrollDéfilementImage +6 25 décl.

feature-zigzag stable

Lignes alternées visuel/texte (gauche-droite, droite-gauche) pour presenter les fonctionnalites cles d'une offre avec un rythme editorial fort.

split-media Feature Sections Apparition au scrollDéfilementIllustration au trait +6 25 décl.

Similaires

team-bio-grid stable

Grille d’équipe : photo, nom, rôle et bio courte par membre, en 2 à 4 colonnes alignées. Idéale pour une page À propos ou Équipe qui humanise la marque.

card-grid Team Sections SurvolImageIllustration au trait +4 19 décl.

author-byline stable

Ligne auteur compacte E-E-A-T sous un h1 d'article : avatar optionnel, nom, rôle, dates de publication et mise à jour, lien vers la page profil. Beaucoup plus léger qu'un hero auteur.

prose Team Sections Apparition au scrollDéfilementImage +2 15 décl.

photo-cluster stable

Composition editoriale : photo lead + grappe de photos decalees (layouts lead-cluster, scatter, duo).

scroll-interactive Feature Sections Apparition au scrollDéfilementPlusieurs images +1 17 décl.

timeline-block stable

Bloc chronologique pour raconter une progression, un historique ou une séquence d'événements.

timeline Timelines ListeFrise chronologique2 colonnes +2 12 décl.

tech-positioning-split stable

Prise de position technologique en split 50/50 : kicker, titre display, aside, statement manifesto et facts mono clé/valeur.

split-media Feature Sections Apparition au scrollDéfilementIllustration au trait +2 15 décl.

process-steps stable

« Comment ça marche » en étapes numérotées verticales : numéro, titre, description et meta par étape, connecteurs visuels entre paliers, fonds paper à ink.

process-steps Process Sections Illustration au traitListeIcônes +3 14 décl.

Code

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

{
  "type": "about-story-split",
  "background": "paper-2",
  "kicker_fr": "Notre histoire",
  "kicker_en": "Our story",
  "h2_fr": "Née d’une <i>conviction</i> simple",
  "h2_en": "Born from one <i>simple</i> conviction",
  "paragraphs_fr": [
    "Waimia est née d’un constat partagé chez nos clients : l’IA générait beaucoup de démonstrations et très peu de résultats en production.",
    "Nous avons décidé de prendre le problème par l’autre bout. Pas un outil de plus, mais des agents conçus pour s’intégrer à vos process existants et tourner en continu.",
    "Aujourd’hui, nos agents traitent des milliers de décisions par jour pour des équipes qui ont arrêté de choisir entre vitesse et contrôle."
  ],
  "paragraphs_en": [
    "Waimia was born from a pattern we saw across our clients: AI produced plenty of demos and very few results in production.",
    "We decided to tackle the problem from the other end. Not one more tool, but agents designed to fit your existing processes and run continuously.",
    "Today our agents handle thousands of decisions a day for teams that stopped choosing between speed and control."
  ],
  "aside_title_fr": "Quelques jalons",
  "aside_title_en": "A few milestones",
  "milestones": [
    {
      "year": "2022",
      "label_fr": "Premier agent mis en production chez un client industriel",
      "label_en": "First agent shipped to production for an industrial client"
    },
    {
      "year": "2023",
      "label_fr": "Lancement de la plateforme d’orchestration d’agents",
      "label_en": "Launch of the agent orchestration platform"
    },
    {
      "year": "2024",
      "label_fr": "50 workflows agentiques déployés, hébergement souverain UE",
      "label_en": "50 agentic workflows deployed, EU sovereign hosting"
    },
    {
      "year": "2025",
      "label_fr": "Plus de 120 agents en exploitation continue",
      "label_en": "Over 120 agents in continuous operation"
    }
  ]
}

Pour un agent / MCP

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

/library/section/about-story-split.json

Chemin du détail machine

/library/section/about-story-split.json