problems-grid

Instances sur le site

Global 1 instance sur 1 page

Aperçu

Comment l'utiliser

Déclinaisons · 17

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

• Grille de problèmes · papier 2

  curée
  problems-grid--paper-2
• Grille de problèmes · papier 3

  curée
  problems-grid--paper-3
• Grille de problèmes · encre

  curée
  problems-grid--ink
• problems-grid · grille uniforme

  générée
  problems-grid--grid-uniform
• problems-grid · grille auto

  générée
  problems-grid--grid-auto
• problems-grid · grille asymétrique

  générée
  problems-grid--grid-asym
• problems-grid · liste

  générée
  problems-grid--list
• problems-grid · lignes séparées

  générée
  problems-grid--rows-divided
• problems-grid · bento vedette

  générée
  problems-grid--bento-feature
• problems-grid · vedette + split

  générée
  problems-grid--featured-split
• problems-grid · deux colonnes

  générée
  problems-grid--two-col
• problems-grid · alternance

  générée
  problems-grid--alternating
• problems-grid · jeu de cartes

  générée
  problems-grid--cards-deck
• problems-grid · liste média à gauche

  générée
  problems-grid--list-media-left
• problems-grid · grille 3 + vedette

  générée
  problems-grid--grid-3-featured

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.

• Grille de problèmes · papier 2

  curée
  problems-grid--paper-2
  background:paper-2
  Ouvrir dans le builder

• Grille de problèmes · papier 3

  curée
  problems-grid--paper-3
  background:paper-3
  Ouvrir dans le builder

• Grille de problèmes · encre

  curée
  problems-grid--ink
  background:ink
  Ouvrir dans le builder

• problems-grid · grille uniforme

  générée
  problems-grid--grid-uniform
  layout:grid-uniform
  Ouvrir dans le builder

• problems-grid · grille auto

  générée
  problems-grid--grid-auto
  layout:grid-auto
  Ouvrir dans le builder

• problems-grid · grille asymétrique

  générée
  problems-grid--grid-asym
  layout:grid-asym
  Ouvrir dans le builder

• problems-grid · liste

  générée
  problems-grid--list
  layout:list
  Ouvrir dans le builder

• problems-grid · lignes séparées

  générée
  problems-grid--rows-divided
  layout:rows-divided
  Ouvrir dans le builder

• problems-grid · bento vedette

  générée
  problems-grid--bento-feature
  layout:bento-feature
  Ouvrir dans le builder

• problems-grid · vedette + split

  générée
  problems-grid--featured-split
  layout:featured-split
  Ouvrir dans le builder

• problems-grid · deux colonnes

  générée
  problems-grid--two-col
  layout:two-col
  Ouvrir dans le builder

• problems-grid · alternance

  générée
  problems-grid--alternating
  layout:alternating
  Ouvrir dans le builder

• problems-grid · jeu de cartes

  générée
  problems-grid--cards-deck
  layout:cards-deck
  Ouvrir dans le builder

• problems-grid · liste média à gauche

  générée
  problems-grid--list-media-left
  layout:list-media-left
  Ouvrir dans le builder

• problems-grid · grille 3 + vedette

  générée
  problems-grid--grid-3-featured
  layout:grid-3-featured
  Ouvrir dans le builder

Sections liées

Code

{
  "type": "problems-grid",
  "h2_fr": "Trois frictions qui tuent votre conversion",
  "h2_en": "Three conversion killers",
  "problems": [
    {
      "num": "01",
      "kicker_fr": "Site trop lent",
      "kicker_en": "Site too slow",
      "title_fr": "FCP 4,2 s. Lighthouse 34.<br/>−7 % de conversion par seconde.",
      "title_en": "FCP 4.2s. Lighthouse 34.<br/>−7% conversion per second.",
      "body_fr": "WordPress avec 40 plugins : chaque visiteur attend. Chaque seconde perdue coûte 7 % de conversions. Sans IA, impossible d'automatiser les corrections.",
      "body_en": "WordPress with 40 plugins: each visitor waits. Every second lost costs 7% in conversions. Without AI, automating fixes is impossible.",
      "illustration_src": "/images/line-art/probleme-poc-qui-dort.svg",
      "illustration_alt_fr": "Un prototype en sommeil à l'écran",
      "illustration_alt_en": "A prototype asleep on screen"
    },
    {
      "num": "02",
      "kicker_fr": "Contenu stale",
      "kicker_en": "Stale content",
      "title_fr": "1 article en 6 semaines.<br/>Vos concurrents en publient 8/sem avec IA.",
      "title_en": "1 article in 6 weeks.<br/>Your AI competitors ship 8/wk.",
      "body_fr": "Le brief, les relectures, le SEO, la mise en ligne : 6 semaines par article. Vos concurrents IA publient 8 articles/semaine optimisés Google et GEO.",
      "body_en": "Brief, revisions, SEO, publishing: 6 weeks per article. Your AI competitors publish 8 articles/week, optimised for Google and GEO."
    },
    {
      "num": "03",
      "kicker_fr": "Leads sans relance",
      "kicker_en": "Uncontacted leads",
      "title_fr": "3 200 leads collectés.<br/>Jamais relancés dans l'heure.",
      "title_en": "3,200 leads collected.<br/>Never followed up within the hour.",
      "body_fr": "Les prospects remplissent les formulaires. Ils attendent. La conversion est 7× plus probable dans l'heure, mais personne ne rappelle. Le pipeline dort.",
      "body_en": "Prospects fill in forms. They wait. Conversion is 7× more likely within the hour, but nobody calls back. The pipeline sleeps."
    }
  ]
}

/library/section/problems-grid.json