10 Variants de la Homepage Brain

Classées par pertinence pour Brain (de la plus recommandée à la moins adaptée). Chaque variant utilise uniquement les composants template existants.

#1

Classique complète

6 sections

Hero → Logos → 5 Features (2 big + 3 small) → Module interactif (4 tabs) → Testimonials → CTA dark

Hero : Hero (2-col, image droite)
Features : FeaturesSection
Interactif : FeatureQuad (4 tabs)
CTA : CtaSection (full-width dark)

Equilibre parfait : tous les blocs Brain sont couverts, le FeatureQuad mappe directement sur les 4 onglets du module interactif, le FeaturesSection montre exactement 5 features.

#2

Interactive first

6 sections

Hero → Module interactif → Logos → 5 Features → Solutions cards → CTA boxed

Hero : Hero (2-col)
Features : FeaturesSection
Interactif : FeatureQuad (juste après le hero)
CTA : CtaCard (boxed)

Le prospect joue avant de lire. Aligné avec la vision Notion : 'comprendre la valeur en 10 secondes'. Le module Try it est immédiat.

#3

Enterprise trust

7 sections

Dark hero → Logos → 5 Features → Module interactif → Testimonials → Values/Stats → CTA dark

Hero : AboutHero (dark, enterprise)
Features : FeaturesSection
Interactif : FeatureQuad
CTA : CtaSection

Tonalité enterprise/corporate forte. Dark hero + logos CAC40 immédiat. Le CoreValues peut être repurposé en chiffres clés.

#4

Solutions-led showcase

7 sections

Dark hero (images flottantes) → Solutions cards → Module interactif → Logos → Bullets + image → Testimonials → CTA

Hero : SolutionsHero (dark, images flottantes)
Features : FeaturesSolutions (3 cards)
Interactif : FeatureQuad
CTA : CtaSection

Les solutions sont mises en avant avant les features. Le SolutionsHero avec images flottantes est visuellement impactant.

#5

Storytelling alterné

7 sections

Hero → Logos → Contenus animés (alterné) → 5 Features → Testimonials → FAQ → CTA boxed

Hero : Hero (2-col)
Features : FeaturesSection
Interactif : ContentsSection (blocs animés)
CTA : CtaCard + FAQ

Flow narratif avec animations scroll. Le ContentsSection crée un rythme gauche/droite engageant. La FAQ traite les objections avant le CTA.

#6

Dark hero + Tabs verticaux

6 sections

Dark hero centré → Logos → Values/Features cards → Tabs verticaux → Solutions cards → CTA boxed

Hero : SolutionsHero (dark, centré)
Features : CoreValues (6 icon cards)
Interactif : FeaturesTabs (vertical)
CTA : CtaCard

Alternative au FeatureQuad : les tabs verticaux offrent un deep-dive plus détaillé par feature avec texte + image.

#7

Content + FAQ driven

7 sections

Light hero → 5 Features → Contenus animés → Testimonials → Logos → FAQ → CTA

Hero : FeaturesHero (light gray)
Features : FeaturesSection
Interactif : ContentsSection
CTA : CtaSection + FAQ

Angle content marketing / éducation. La FAQ positionne Brain comme expert. Bon pour le SEO.

#8

Full showcase

9 sections

Hero → Logos → 5 Features → Module 4 tabs → Contenus animés → Tabs verticaux → Testimonials → FAQ → CTA

Hero : Hero
Features : FeaturesSection
Interactif : FeatureQuad + FeaturesTabs + ContentsSection
CTA : CtaSection + FAQ

La version la plus exhaustive. Montre TOUS les composants. Risque : trop long, contraire au style Granola épuré.

#9

Feature-first compact

5 sections

Light hero → 5 Features → Bullets + image → Logos → CTA

Hero : FeaturesHero (light gray)
Features : FeaturesSection + FeatureBullets
Interactif : Aucun module interactif
CTA : CtaSection

Compact et direct. Mais manque le module interactif Try it qui est central pour Brain.

#10

Minimal punch

3 sections

Hero → 5 Features → CTA. C'est tout.

Hero : Hero
Features : FeaturesSection
Interactif : Aucun
CTA : CtaSection

Ultra-minimal, style Granola poussé à l'extrême. Mais trop dépouillé pour Brain : pas de logos, pas de module interactif, pas de use cases.

Prêt à piloter l'adoption de l'IA ?