Flexweg CMS

Thème corporate

Le thème corporate est construit pour les sites vitrine / lead-generation / SaaS — landings d'entreprise, portfolios d'agence, pages marketing produit. La home est typiquement une page statique

Le thème corporate est construit pour les sites vitrine / lead-generation / SaaS — landings d'entreprise, portfolios d'agence, pages marketing produit. La home est typiquement une page statique composée de blocs de thème (hero, services, témoignages, CTA) plutôt qu'une liste de derniers posts.

Style visuel

  • Home en static-page par défaut — composée de blocs de thème : corporate/hero-overlay + corporate/services-grid + corporate/testimonials + corporate/cta-banner
  • Mise en page single-post — corps dans une colonne de lecture étroite + sidebar avec bio auteur + articles populaires + carte CTA
  • Header double-mode — nav horizontale inline (md+) ET menu burger overlay (chaque viewport)
  • CTA /contact.html hardcodé dans le header — les admins devraient typiquement avoir une page de contact à cette URL (ou override le CTA via les réglages thème)
  • Système single-font — Inter par défaut, swappable via les réglages
  • Palette indigo + navy — tokens Material 3 stockés en triplets RGB

Templates

Les six templates standards. Le HomeTemplate :

  • Si homeMode === "static-page" : rend la page statique sélectionnée (avec les blocs de thème comme corps)
  • Sinon : rend un fallback latest-posts grid

Pipeline CSS

Tailwind. Pareil que magazine.

Réglages

Quatre onglets :

Home

Pas de personnalisation lourde — la home est composée via les blocs de thème dans une page statique.

Single

  • CTAs du header — URL contact (défaut /contact.html), label du bouton
  • Toggle de la sidebar
  • Toggle des breadcrumbs

Form

Paramètres du bloc formulaire de contact (corporate/contact-form) :

  • Endpoint Formspree — URL Formspree pour réception des messages
  • Fallback mailto — email de fallback si Formspree n'est pas configuré
  • Labels customisables : « Envoyer », « Merci », « Erreur »

Style

  • Couleurs (palette indigo / navy par défaut)
  • Une seule police (sans-serif)

compileCss

Pareil que magazine — swap font + append :root overrides.

Blocs spécifiques

10 blocs sous le namespace corporate/ :

  • corporate/hero-overlay — hero avec image de fond, titre, deux CTAs
  • corporate/hero-split — hero deux colonnes (texte + visuel)
  • corporate/services-grid — grille 3 colonnes de cartes services
  • corporate/cta-banner — bannière d'appel à l'action centrée
  • corporate/testimonials — slider de témoignages
  • corporate/trust-bar — barre de logos « ils nous font confiance »
  • corporate/stats-grid — grille 4 cellules de chiffres clés
  • corporate/feature-stack — empilement de features avec icônes
  • corporate/contact-info — bloc d'infos contact (adresse, téléphone, email)
  • corporate/contact-form — formulaire de contact (Formspree-compatible ou mailto fallback)

Aucun ne référence posts / termes / médias — ce sont des renderers d'attrs purs.

Runtime contact form

Le bloc corporate/contact-form émet des hooks [data-cms-form] / [data-cms-form-endpoint] / [data-cms-form-mailto]. Le corporate-posts.js runtime :

  1. Intercepte le submit
  2. Soit POST urlencoded au Formspree endpoint configuré (avec Accept JSON)
  3. Soit construit un mailto: URL avec les valeurs pré-remplies en fallback
  4. Toggle entre les messages success / error via [data-cms-form-success] / [data-cms-form-error]

Aussi : sync CSS des floating-labels (.is-filled) pour gérer autofill / back-button.

Header double menu hosts

Le corporate header inclut :

  • Nav inline (data-cms-menu-inline, visible md+)
  • Menu burger overlay ([data-cms-menu="header"], tous viewports)

Le shared menu-loader.js lit data-cms-menu-inline et émet des <a> flat au lieu de <ul>/<li> pour cet host — un /menu.json, deux présentations.

Variantes d'image

Pareilles que magazine. Sans variante hero (le hero corporate fait du contain pas du cover).

Cas multilang

Corporate supporte multilang via le pattern standard.

Idéal pour

  • Vitrines d'entreprise
  • Landings SaaS
  • Portfolios d'agence
  • Sites marketing produit
  • Sites de lead-gen (formulaires de contact qui marchent)

Pas idéal pour

  • Blogs personnels (utiliser default)
  • Sites éditoriaux long-format (utiliser magazine)
  • Marketplaces (utiliser marketplace-core)