CTA Sections

footer-cta-band

stable Bibliothèque Contenu inline (instance)

Pousser à l'action, Capter un lead

Bande CTA finale pleine largeur (titre, sous-titre, un à deux boutons), pensée comme le climax juste avant le footer. Sombre par défaut pour trancher avec la page.

Ouvrir dans le builder

Instances sur le site

Global 56 instances sur 56 pages

Page	Position	Contenu	Variante
/audit-ia-pme	`section 10`	Quarante-cinq minutes pour savoir où l'IA change la donne chez vous.	ink
/audit-site-web-intelligent	`section 9`	Quarante-cinq minutes pour voir où votre site perd des leads.	ink
/cas-usages/centraliser-donnees	`section 9`	Faites circuler vos données au lieu de les recopier.	ink
/cas-usages/generer-plus-de-leads	`section 9`	Arrêtez de perdre le trafic que vous payez déjà.	ink
/cas-usages/reduire-reporting	`section 9`	Passez du copier-coller à la décision.	ink
/cas-usages/reduire-temps-cms	`section 9`	Reprenez la main sur votre contenu, sans dépendre de personne.	ink
/cas-usages/standardiser-processus	`section 9`	Transformez un savoir-faire fragile en système qui tient.	ink
/demonstrations/avant-apres	`section 8`	Vous avez vu la différence. Mesurons-la chez vous.	ink
/demonstrations/integration-claude	`section 8`	Vous avez vu le résultat. Trouvons votre premier chantier.	ink
/demonstrations/site-web-intelligent	`section 8`	Votre site mérite mieux qu'une plaquette. Passons à l'acte.	ink
/implantations/bordeaux	`section 8`	Bordeaux, Gironde. Commençons par un audit gratuit.	ink
/implantations/montpellier	`section 8`	Un studio IA près de chez vous, dans l'Hérault.	ink
/lp/hub	`section 5`	Vous hésitez entre plusieurs systèmes ? On vous oriente en 45 minutes.	ink
/lp/site-web-intelligent	`section 12`	Un site qui fait avancer la vente. Un audit pour voir si on peut le construire ensemble.	ink
/lp/systeme-acquisition	`section 13`	Voyons où votre acquisition perd des opportunités.	ink
/lp/systeme-ia-marketing	`section 13`	Identifions les tâches qui méritent un système, et celles qui doivent rester humaines.	ink
/lp/visibilite-google-ia	`section 12`	Ne préparez pas votre visibilité après la bascule. Mesurez ce qui manque maintenant.	ink
/ressources/comparatifs/claude-code-vs-cursor	`section 8`	Le bon outil dépend de votre travail. Cadrons-le ensemble.	ink
/ressources/comparatifs/claude-vs-chatgpt-pme	`section 8`	Le bon outil dépend de votre cas, pas d'un classement.	ink
/ressources/comparatifs/geo-vs-seo	`section 8`	Vu sur Google, repris par les IA. Faisons les deux.	ink
/ressources/comparatifs/site-web-intelligent-vs-wordpress	`section 9`	Un site qui travaille, pas une dette à porter.	ink
/ressources/diagnostics/claude-pme	`section 11`	Vous savez si vous êtes prêts. Cadrons le déploiement.	ink
/ressources/diagnostics/maturite-ia	`section 11`	Vous savez à quel niveau vous êtes. Posons la marche suivante.	ink
/ressources/diagnostics/referent-ia	`section 11`	Vous savez s'il vous faut un référent. Passons au prochain pas.	ink
/ressources/diagnostics/site-web-intelligent	`section 10`	Vous savez où vous en êtes. Regardons votre site réel.	ink
/ressources/guides/claude-pme	`section 11`	Vous savez par où commencer. Cadrons votre premier agent.	ink
/services/agent-support-client	`section 20`	Confiez le support récurrent à un agent qui répond.	ink
/services/agents-ia	`section 14`	Confiez vos tâches répétitives à un agent qui exécute.	ink
/services/applications-internes	`section 14`	Donnez à votre métier l'outil qu'il mérite.	ink
/services/automatisation-n8n	`section 20`	Faites de n8n votre socle d'automatisation.	ink
/services/automatisations	`section 14`	Rendez à vos équipes les heures que la saisie leur prend.	ink
/services/cold-email-b2b	`section 18`	Faites arriver vos cold emails en boîte.	ink
/services/consultant-ia-claude	`section 14`	Sortez de l'hésitation, tracez votre trajectoire IA.	ink
/services/crm-scoring-routing	`section 17`	Transformez votre CRM en machine à prioriser.	ink
/services/donnees-reporting	`section 14`	Décidez sur des chiffres à jour, pas au doigt mouillé.	ink
/services/integration-claude	`section 15`	Mettez votre premier agent en production ce trimestre	ink
/services/integration-crm	`section 17`	Faites remonter votre donnée toute seule.	ink
/services/landing-page-google-ads	`section 15`	Convertissez le trafic que vous payez.	ink
/services/landing-pages-tunnels	`section 15`	Transformez le trafic en leads qualifiés et priorisés.	ink
/services/maintenance-growth	`section 14`	Donnez à votre site une seconde vie, chaque mois.	ink
/services/mvp-saas	`section 14`	Sortez un MVP vendable, pas une démo.	ink
/services/prospection-automatisee	`section 18`	Transformez votre prospection en machine à rendez-vous.	ink
/services/publicite-en-ligne	`section 15`	Transformez votre budget pub en leads mesurés.	ink
/services/referencement-ia	`section 15`	Cité par ChatGPT, Claude et Perplexity.	ink
/services/relance-devis	`section 17`	Faites signer les devis que vous oubliez.	ink
/services/seo-geo-contenu	`section 15`	Visible sur Google, durablement.	ink
/services/seo-local	`section 15`	Trouvé par vos clients de proximité.	ink
/services/sequences-de-suivi	`section 17`	Transformez votre suivi en machine à réchauffer.	ink
/services/site-web-ia	`section 14`	Transformez votre site en machine à qualifier.	ink
/services/sur-mesure-headless	`section 14`	Un site qui se modifie brique par brique.	ink
/services/systeme-acquisition	`section 16`	Une infrastructure qui attire, capte et qualifie, puis passe le relais au commercial.	ink
/services/systeme-commercial	`section 17`	Un système qui alimente, qualifie et relance votre pipeline.	ink
/services/systemes-operationnels-ia	`section 10`	Faites tourner vos opérations sur un système, plus sur des personnes.	ink
/services/template-service-ref	`section 14`	Câbler votre pipeline.	ink
/services/webflow	`section 14`	Donnez de l'intelligence à votre Webflow.	ink
/services/wordpress	`section 14`	Mettez votre WordPress au travail.	ink

Aperçu

Comment l'utiliser

Intention

Pousser à l'action Capter un lead

Rôle de page

Conversion

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
`layout`	Présentation	`enum`	Non	·	inline · stacked
`contentAlign`	Présentation	`enum`	Non	·	start · center · end
`actionsAlign`	Présentation	`enum`	Non	·	start · center · end · spread
`density`	Présentation	`enum`	Non	·	compact · base · ample
`texture`	Contenu	`enum`	Non	·	signature-grid
`placement`	Présentation	`object`	Non	·	·
`kicker`	Contenu	`text`	Non	fr / en	·
`kicker_html`	Contenu	`richtext`	Non	fr / en	·
`h2`	Contenu	`text`	Oui	fr / en	·
`subtitle`	Contenu	`text`	Non	fr / en	·
`subtitle_html`	Contenu	`richtext`	Non	fr / en	·
`rounded`	Présentation	`bool`	Non	·	·
`buttons`	Contenu	`array`	Oui	·	1..2

Déclinaisons · 27

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

Bande CTA finale · encre
curée
footer-cta-band--ink
Bande CTA finale · encre · arrondie
curée
footer-cta-band--ink-rounded
Bande CTA finale · encre · bouton au centre
curée
footer-cta-band--ink-actions-center
Bande CTA finale · encre · boutons écartés
curée
footer-cta-band--ink-actions-spread
Bande CTA finale · encre · empilée · tout centré
curée
footer-cta-band--ink-stacked-centered
Bande CTA finale · papier
curée
footer-cta-band--paper
Bande CTA finale · papier 2 · arrondie
curée
footer-cta-band--paper-2-rounded
Bande CTA finale · papier · empilée · compact
curée
footer-cta-band--paper-stacked-compact
Bande CTA finale · papier 3 · boutons à droite · ample
curée
footer-cta-band--paper-3-actions-end-ample
Bande CTA finale · atomique · titre à gauche · bouton au centre
curée
footer-cta-band--atomic-cta-centre
Bande CTA finale · atomique · titre centré · boutons à droite
curée
footer-cta-band--atomic-header-centre-actions-end
Bande CTA finale · atomique · boutons écartés (between)
curée
footer-cta-band--atomic-spread
Bande CTA finale · atomique · CTA avant le titre
curée
footer-cta-band--atomic-cta-first
footer-cta-band · en ligne · aligné début
générée
footer-cta-band--inline-start
footer-cta-band · en ligne · centré
générée
footer-cta-band--inline-center
footer-cta-band · empilé · aligné début
générée
footer-cta-band--stacked-start
footer-cta-band · empilé · centré
générée
footer-cta-band--stacked-center
footer-cta-band · centré · aligné début
générée
footer-cta-band--centered-start
footer-cta-band · centré · centré
générée
footer-cta-band--centered-center
footer-cta-band · pleine largeur · aligné début
générée
footer-cta-band--full-bleed-start
footer-cta-band · pleine largeur · centré
générée
footer-cta-band--full-bleed-center
footer-cta-band · split image · aligné début
générée
footer-cta-band--split-image-start
footer-cta-band · split image · centré
générée
footer-cta-band--split-image-center
footer-cta-band · encadré · aligné début
générée
footer-cta-band--boxed-start
footer-cta-band · encadré · centré
générée
footer-cta-band--boxed-center

Comparer les déclinaisons · 25

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.

Bande CTA finale · encre
curée
footer-cta-band--ink
Identique à la démo par défaut (aucun axe surchargé).
Ouvrir dans le builder
Bande CTA finale · encre · arrondie
curée
footer-cta-band--ink-rounded
rounded:true
Ouvrir dans le builder
Bande CTA finale · encre · bouton au centre
curée
footer-cta-band--ink-actions-center
actionsAlign:center
Ouvrir dans le builder
Bande CTA finale · encre · boutons écartés
curée
footer-cta-band--ink-actions-spread
actionsAlign:spread
Ouvrir dans le builder
Bande CTA finale · encre · empilée · tout centré
curée
footer-cta-band--ink-stacked-centered
layout:stackedcontentAlign:centeractionsAlign:center
Ouvrir dans le builder
Bande CTA finale · papier
curée
footer-cta-band--paper
background:paper
Ouvrir dans le builder
Bande CTA finale · papier 2 · arrondie
curée
footer-cta-band--paper-2-rounded
background:paper-2rounded:true
Ouvrir dans le builder
Bande CTA finale · papier · empilée · compact
curée
footer-cta-band--paper-stacked-compact
background:paperlayout:stackeddensity:compact
Ouvrir dans le builder
Bande CTA finale · papier 3 · boutons à droite · ample
curée
footer-cta-band--paper-3-actions-end-ample
background:paper-3actionsAlign:enddensity:ample
Ouvrir dans le builder
Bande CTA finale · atomique · titre à gauche · bouton au centre
curée
footer-cta-band--atomic-cta-centre
placement
Ouvrir dans le builder
Bande CTA finale · atomique · titre centré · boutons à droite
curée
footer-cta-band--atomic-header-centre-actions-end
background:paper-2placement
Ouvrir dans le builder
Bande CTA finale · atomique · boutons écartés (between)
curée
footer-cta-band--atomic-spread
placement
Ouvrir dans le builder
Bande CTA finale · atomique · CTA avant le titre
curée
footer-cta-band--atomic-cta-first
background:paperlayout:stackedplacement
Ouvrir dans le builder
footer-cta-band · en ligne · aligné début
générée
footer-cta-band--inline-start
layout:inlinealign:start
Ouvrir dans le builder
footer-cta-band · en ligne · centré
générée
footer-cta-band--inline-center
layout:inlinealign:center
Ouvrir dans le builder
footer-cta-band · empilé · aligné début
générée
footer-cta-band--stacked-start
layout:stackedalign:start
Ouvrir dans le builder
footer-cta-band · empilé · centré
générée
footer-cta-band--stacked-center
layout:stackedalign:center
Ouvrir dans le builder
footer-cta-band · centré · aligné début
générée
footer-cta-band--centered-start
layout:centeredalign:start
Ouvrir dans le builder
footer-cta-band · centré · centré
générée
footer-cta-band--centered-center
layout:centeredalign:center
Ouvrir dans le builder
footer-cta-band · pleine largeur · aligné début
générée
footer-cta-band--full-bleed-start
layout:full-bleedalign:start
Ouvrir dans le builder
footer-cta-band · pleine largeur · centré
générée
footer-cta-band--full-bleed-center
layout:full-bleedalign:center
Ouvrir dans le builder
footer-cta-band · split image · aligné début
générée
footer-cta-band--split-image-start
layout:split-imagealign:start
Ouvrir dans le builder
footer-cta-band · split image · centré
générée
footer-cta-band--split-image-center
layout:split-imagealign:center
Ouvrir dans le builder
footer-cta-band · encadré · aligné début
générée
footer-cta-band--boxed-start
layout:boxedalign:start
Ouvrir dans le builder
footer-cta-band · encadré · centré
générée
footer-cta-band--boxed-center
layout:boxedalign:center
Ouvrir dans le builder

Sections liées

Même famille

announcement-banner stable

Bandeau d’annonce/promo fin : badge optionnel, texte court et lien, bouton de fermeture optionnel (dismissible), variantes accent, encre ou paper-2.

band Banner Sections SurvolBoutonsIcônes +2 17 décl.

branded-callout stable

Callout de marque fond paper-2 avec kicker §, titre display italique et corps de deux paragraphes, CTA optionnel.

band CTA Sections Apparition au scrollDéfilementBoutons +1 20 décl.

closing-cta-band stable

Bande CTA de cloture sur fond ink : kicker + titre display-lg (accent italique) + bouton primaire. Titre rendu en HTML (accent <em>).

band CTA Sections Apparition au scrollSurvolBoutons +1 17 décl.

comparison-pricing-callout stable

Bloc « pourquoi nous » en trois colonnes de propositions de valeur, terminé par un CTA et une mention. Sert de pont entre les features et la page tarifaire.

band Comparison Sections Illustration au traitListe3 colonnes 18 décl.

cta-band stable

Bandeau CTA horizontal pour relancer une action au milieu ou en fin de parcours.

band CTA Sections BoutonsPleine largeur 17 décl.

cta-final stable

CTA final pour conclure une page et orienter vers l'action de conversion principale.

band CTA Sections Apparition au scrollSurvolDéfilement +3 18 décl.

Même catégorie

branded-callout stable

Callout de marque fond paper-2 avec kicker §, titre display italique et corps de deux paragraphes, CTA optionnel.

band CTA Sections Apparition au scrollDéfilementBoutons +1 20 décl.

closing-cta-band stable

Bande CTA de cloture sur fond ink : kicker + titre display-lg (accent italique) + bouton primaire. Titre rendu en HTML (accent <em>).

band CTA Sections Apparition au scrollSurvolBoutons +1 17 décl.

cta-band stable

Bandeau CTA horizontal pour relancer une action au milieu ou en fin de parcours.

band CTA Sections BoutonsPleine largeur 17 décl.

cta-final stable

CTA final pour conclure une page et orienter vers l'action de conversion principale.

band CTA Sections Apparition au scrollSurvolDéfilement +3 18 décl.

cta-form-inline stable

Bande CTA avec mini-formulaire inline (email et bouton), pour capter un lead ou une inscription newsletter à l'instant d'intention.

form-panel CTA Sections SurvolBoutonsFormulaire +3 13 décl.

cta-inline stable

CTA inline discret pour insérer une action contextuelle dans un contenu existant.

band CTA Sections BoutonsPleine largeur 18 décl.

Similaires

cta-newsletter-footer stable

Capture email compacte multi-colonne de type pré-footer : titre, champ, bouton et mention RGPD sur une ligne. Sombre par défaut pour clore la page sur l’abonnement.

band Newsletter Sections Illustration au traitBoutonsFormulaire +3 17 décl.

newsletter-signup-section stable

Section d'inscription newsletter pleine largeur (réutilise NewsletterSignup), fonds au choix dont ink pour un climax de page.

band Newsletter Sections BoutonsCentré 17 décl.

newsletter-band stable

Bande newsletter fond sombre : titre éditorial large à gauche, formulaire capture email à droite.

band CTA Sections Apparition au scrollSurvolDéfilement +4 12 décl.

department-cta stable

Clôture CTA sur fond ink : Dingbat, titre display italique, body et deux boutons (rendez-vous + lien secondaire).

band CTA Sections Apparition au scrollSurvolDéfilement +3 14 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.

contact-form stable

Section contact avec formulaire (nom, email, message) et colonne coordonnées, action vers /api/contact, bilingue.

form-panel Contact Sections SurvolIllustration au traitBoutons +4 9 décl.

Code

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

{
  "type": "footer-cta-band",
  "background": "ink",
  "kicker_fr": "Prêt à activer",
  "kicker_en": "Ready to activate",
  "h2_fr": "Mettez un premier agent <i>en production</i> ce trimestre",
  "h2_en": "Ship your first agent <i>to production</i> this quarter",
  "subtitle_fr": "Un pilote cadré, livré et mesuré en quelques semaines. Sans engagement long, sans dette technique.",
  "subtitle_en": "A scoped pilot, delivered and measured in a few weeks. No long commitment, no technical debt.",
  "buttons": [
    {
      "label_fr": "Réserver un échange",
      "label_en": "Book a call",
      "href": "/contact",
      "variant": "accent"
    },
    {
      "label_fr": "Voir les offres",
      "label_en": "See pricing",
      "href": "/services",
      "variant": "ghost"
    }
  ]
}

Pour un agent / MCP

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

/library/section/footer-cta-band.json

Chemin du détail machine

/library/section/footer-cta-band.json