Hero avec image à droite

hero

Le texte à gauche, un grand visuel à droite : le hero 50/50 classique qui présente et montre votre produit en même temps.

Lighthouse 90+ WCAG AA Mobile-First Semantic HTML Tailwind CSS Free Forever

Utiliser ce block

Gratuit — construisez votre site, publiez quand vous êtes prêt.

Aperçu en direct

Certains produits se montrent mieux qu'ils ne se décrivent. Le hero 50/50 donne le même poids à votre message et à votre visuel : titre et bouton à gauche, capture d'écran, photo ou illustration à droite. C'est le choix par défaut des applications, de l'e-commerce et des services à forte identité visuelle.

Dans Communik, l'emplacement image accepte n'importe quel média de votre bibliothèque et il est optimisé automatiquement (tailles responsives, lazy-loading, WebP). Sur mobile, les deux colonnes s'empilent proprement, l'image sous le message.

Combinez-le avec des témoignages et un CTA de clôture pour finir la page.

Questions fréquentes

Everything you need to know about our templates

Quelle taille d'image utiliser ?

Téléversez la plus grande version disponible (idéalement ≥1200px de large) : Communik génère automatiquement des variantes responsives optimisées, la page reste rapide.

L'image peut-elle passer à gauche ?

Oui. Choisissez la variante miroir dans la bibliothèque ou réordonnez les deux colonnes directement dans l'éditeur.

Que se passe-t-il sur mobile ?

Les colonnes s'empilent verticalement : le message d'abord, l'image en dessous. Espacements et tailles de police s'adaptent automatiquement.