# Covalba -- Contexte projet

> Ce fichier regroupe l'ensemble du contexte metier, strategique et client du projet Covalba (cool roof professionnel).
> Genere automatiquement depuis docs/contexte/.
> Site : https://www.covalba.fr

---

## Table des matieres

- [Entreprise](#entreprise)
- [Marche](#marche)
- [Cibles](#cibles)
- [Concurrents](#concurrents)
- [Strategie](#strategie)
- [Objectifs de la refonte](#objectifs-de-la-refonte)
- [Proposition SEO](#proposition-seo)
- [Transcripts client](#transcripts-client)
- [Direction artistique & design system](#direction-artistique--design-system)
- [Ressources visuelles (screenshots)](#ressources-visuelles--screenshots-pages--sections)


---

# Covalba — Entreprise

> Sources : site public covalba.fr + brief client 2026-04-15 + call de préparation SEO.

## Positionnement (à garder en tête partout)

> **Covalba → Technicien EXPERT DE LA TOITURE, pas de la peinture.**
> **Il faut montrer qu'on est des experts. Ils forment des applicateurs. Spécialiste.**
> **Attention si c'est mal appliqué ça cloque. Attention à la sécurité.**

**Pionnier français du Cool Roof, produits éprouvés depuis 2018.** Se présenter comme **fabricant spécialisé cool roof** (≠ peintres généralistes).

## Activité

Conception et commercialisation de **solutions Cool Roof** : peintures/revêtements réfléchissants anti-chaleur pour toitures de bâtiments.
Objectif : réduire température intérieure + consommation énergétique (climatisation, froid industriel).

## Gamme produits

| Produit | Spécificité | Usage |
|---|---|---|
| **CovaTherm 8** | Résine **polyuréthane** (PU) | Revêtement réfléchissant |
| **CovaTherm 20** | Résine élastomère + **vernis de finition (top coat)** | Revêtement longue durée |
| **CovaSeal 20** | | Étanchéité liquide réfléchissante |
| **CovaMetal 20** | | Peinture anticorrosion réfléchissante |
| **Laque solaire** | | Traitement pour lanterneaux |
| **CovoitVite** (nouveau) | Moyenne gamme, **prix d'appel** | Vendu au même prix qu'Enercool (~12 €/m²) pour s'aligner sur le low-cost sans compromettre la qualité |

**Durée de vie** : 8-10 ans (PU) vs 2-5 ans pour la résine acrylique des concurrents (90 % de l'offre marché).

→ **Supérieurs aux peintures généralistes** (Seigneurie, Zolpan, Unikalo, Masetria, Mauvilac…).

## Méthode de pose (différenciant commercial fort)

**Titre à privilégier** : « Chantier en sécurité » / « Application sécurisée » (pas « matériel au sol »).

- **Machines restent au pied du bâtiment**, **seuls les flexibles montent sur le toit**
- On ne monte **rien** en toiture → **pas de risque d'effondrement** (poids), **pas de risque d'abîmer l'étanchéité** (vibrations → fuites)
- Vocabulaire B2B industriel à utiliser : **EPI, certifié, travail en sécurité**
- Nettoyage : **karcher** (crasse + poussière), puis application directe (pas de décapage)
- **Formation d'applicateurs** : Covalba forme un réseau d'applicateurs certifiés → preuve d'expertise
- **Risques d'une mauvaise application** (argument expertise) : humidité → ça **cloque** ; machines en toiture → effondrement/fuites ; applicateur non formé → accident

## Chiffres clés (source client, 2026-04-15)

- **CA 2025** : 900 k€
- **Objectif CA** : 2 M€
- **Croissance** : constante depuis 2022
- **Mix CA** :
  - 85 % chantiers clé en main (équipes Covalba)
  - 15 % revendeurs
- **Panier moyen chantier** : 50 k€ (fourchette 50 k€ – 200 k€)
- **Ticket client idéal** : **100 k€ pour 5 000 m²** (industriel porteur)
- **Prix indicatif** : **20-25 €/m²** (vs 10 €/m² chez les low-cost agressifs)
- Comparatif : 80-100 €/m² pour membrane neuve, 150 €/m² pour remplacement isolation + étanchéité
- **Taux de marge brute** : 10 % *(à reconfirmer)*

## Stats base clients actuelle

- **80 % des chantiers sur membrane bitumineuse**
- **20 % sur bac acier**
- **70 % devis sur plan / 30 % avec visite toiture sur site**

## ICP — Client idéal

**Secteur industriel porteur à bonne marge** : santé/pharma, aéronautique, défense, alimentaire, luxe.
**Ticket type** : 100 k€ / 5 000 m².
**Critères qualif** : budget confirmé + accès facile au décisionnaire.

**2 types de clients** :
1. Celui qui **cherche sur internet** (chaud mais compare) = **le meilleur client**
2. Celui qui cherche une solution

**Timing** : si cycle dépasse **7 mois, c'est mort**.

### Secteurs à positionner

- ❌ **Logistique — à exclure** (construisent direct en blanc, peu de rénovation)
- ⚠ **Grande distribution — dé-prioriser** (achat au moins cher, demande en baisse depuis 2023). Uniquement si aides.
- ✅ **Tertiaire, gros bureaux** (1 000 m²+, garage industriel, Gifi, Centraccord)
- ⚠ **Collectivités** : appels d'offres publics complexes. **Sous 100 k€ pas d'AO**. Gymnases, RATP (IDF Mobilité, centre bus).
- ✅ **Industrie / pharma / agro / aéro / luxe** (cœur de cible)

## Canaux commerciaux actuels

- **Chantiers directs** (pose par équipes Covalba) — cœur du business
- **Revendeurs / applicateurs formés** — complément
- **Acquisition actuelle** : salons + Google Ads → rentabilité en baisse, d'où l'enjeu SEO/digital

## Process commercial type

- RDV 1 découverte → identifier parties prenantes
- RDV 2 préconisation en visio
- **70 % des leads** par le bas (responsable travaux/maintenance) / **30 %** par le haut (dirigeants de petites boîtes)
- **50 %** des cas : pas d'accès au décisionnaire après RDV 1
- **50 %** : accès élargi (acheteur + directeur)
- **70 % devis sur plan** / **30 % visite toiture sur site** → Maxime se considère bon pour le devis sur plan
- **Cycle de signature** : entre **3 et 7 mois**. Au-delà de 7 mois = très faible proba de signer
- Décisions :
  - Responsable de site si enveloppe travaux dispo
  - DG au siège après présentation ROI (parfois via acheteur)
  - Budget voté pour l'année en cours **ou soumission fin d'année pour N+1/N+2**

## Règle de transparence tarifaire

Jouer la transparence : **afficher le prix indicatif rapidement** (budget type €/m²). Les clients savent où ils vont.

## Références chantiers (pour cas clients / logos / témoignages vidéo)

- **RATP** — meilleur client sur 3 dernières années. IDF Mobilité, centres bus, ateliers d'entretien
- **Intermarché** (grande distribution)
- **Charal** (industrie agroalimentaire)
- **DACHSER International** (logistique froid)
- **Leclerc** (vidéo chantier filmée, à monter)
- **Roche Bobois** (tertiaire, grand bureau)
- **Cora** (vidéo YouTube existante)

## Argument de fond à répéter partout

- **Boîte de 15 ans** d'existence
- Techniciens du bâtiment, techniciens de la toiture
- *« Aujourd'hui on est la seule boîte à connaître aussi bien et à savoir faire des chantiers d'envergure en France. »*

## À compléter

- [ ] Structure juridique, effectif, implantation
- [ ] Historique précis (fondation, équipe fondatrice)
- [ ] Couverture géographique (zone d'intervention des équipes de pose)
- [ ] Équipe commerciale / interlocuteurs
- [ ] Volumes (nb chantiers/an, m² traités)
- [ ] Détail réseau applicateurs formés (nb, niveau certif)
- [ ] Positionnement prix CovoitVite vs gammes premium

---

# Marché Cool Roof — contexte 2026

> Source : brief client 2026-04-15. À enrichir.

## Contexte macro (depuis mi-2024)

Le marché du Cool Roof s'est **durci significativement** :

- **Baisse du coût de l'énergie** → ROI moins évident pour les clients (argument économique moins fort)
- **Budgets RSE en recul** chez les donneurs d'ordre
- **Contexte bâtiment difficile** (ralentissement général du secteur)

## Signal fort du marché

- **Cool Roof France** (acteur référence) : **CA en chute de 70 %**
  → illustre la brutalité du retournement et la vulnérabilité des acteurs mono-argument ROI énergétique.

## Implications pour Covalba

- L'argumentaire ne peut plus reposer uniquement sur le ROI énergie.
- Besoin de **diversifier les angles de valeur** : confort thermique, productivité, durabilité toiture, étanchéité, anticorrosion, conformité réglementaire, image RSE…
- **Canaux payants (Google Ads, salons) moins rentables** → le SEO et le contenu deviennent stratégiques.
- Opportunité : en période de contraction du marché, gagner des parts sur des concurrents affaiblis via un meilleur dispositif digital.

## Évolution du besoin client (2022-2026)

- **2022-2024** : pic prix énergie → **ROI énergétique** argument dominant (frigos, chambres froides, clim GD).
- **2024-2026** : énergie redescendue → **80-90 % des achats désormais motivés par le bien-être / confort / productivité**.
- L'énergie augmente ~3-4 %/an historiquement, remontera sans doute ~5 %/an → **argument second, pas premier**.

## Cadre réglementaire — Décret tertiaire

- Horizons **2030 / 2040 / 2050** (année de référence 2020)
- **30-40 % d'économies d'énergie obligatoires** sur le bâtiment
- Concerne : **grande distribution + bâtiment tertiaire** (exclut l'industrie)
- Le cool roof s'inscrit dans les leviers (avec LED, pompes à chaleur vs gaz…)

## Prime CEE — contexte

- **2 critères cumulatifs restrictifs** :
  1. Bâtiment **tertiaire à usage commercial** (= magasins ; pas bureaux, industrie, collectivités)
  2. Chauffer / refroidir avec **pompe à chaleur**
- Cible très petite : retail / grande distribution
- **3 zones France** : H1 (Nord), H2 (milieu), H3 (PACA) — prix €/m² par zone
- **Prime en voie de remise en question** → ne pas structurer toute la stratégie autour

## Dynamique prix (call 2026-04-15)

- Le **prix est central** dans la prise de décision.
- Concurrents low-cost (résine acrylique simple) cassent le marché : **10-12 €/m² vs 20-25 €/m² Covalba**.
- **Enercool** a fait perdre **800 k€ de CA** récemment à Covalba (Centrakor 50 000 m² à 12 €/m²).
- Riposte stratégique :
  1. **Positionner la qualité et la sécurité** (polyuréthane 8-10 ans vs acrylique 2-5 ans, formation applicateurs, pose sans machine sur toit)
  2. Lancer **CovoitVite** : produit moyen de gamme **au même prix qu'Enercool** comme **prix d'appel**
- **Grande distribution en baisse depuis 2023** (achat au moins cher) — à dé-prioriser.
- **Logistique** : marché de rénovation quasi nul (construisent en blanc dès l'origine) — à exclure.
- **Bâtiments < 10 ans** : souvent blanc d'origine ou bien dimensionnés — marché faible. **Bâtiments > 10 ans** = cœur de cible.

## À documenter

- [ ] Évolution réglementaire (décret tertiaire, RE2020, obligations bâtiment)
- [ ] Dispositifs d'aide (Prime CEE — quel niveau actuel ? évolutions prévues ?)
- [ ] Taille du marché adressable (TAM/SAM France)
- [ ] Autres concurrents directs et leur santé


---

# Cibles & personas

> Sources : site public, brief client, call de préparation SEO (2026-04-15).

## Principe directeur

> *« Un responsable de site logistique n'a pas les mêmes problèmes qu'un directeur d'hypermarché. Le discours change, le SEO aussi. »*
> Chaque page = une histoire adaptée à son persona et à son secteur.

## Ciblage secteurs

### À prioriser (cœur de cible industriel, bonnes marges)

1. **Industrie générale** (chimie, plasturgie, métallurgie)
2. **Agroalimentaire** (entrepôts frigo, usines, chambres froides)
3. **Aéronautique / Défense** (grands hangars)
4. **Pharma** (usines de production, BPF/GMP)
5. **Luxe** (ateliers, entrepôts logistiques de marques)

### À traiter avec nuance

- **Tertiaire / gros bureaux** (1 000 m²+, garage industriel, Gifi, Centraccord) — ✅ go
- **Collectivités** — vente complexe (AO publics). Sous 100 k€ pas d'AO. Gymnases, RATP (IDF Mobilité).
- **ERP** — proximité tertiaire / collectivités

### À exclure / dé-prioriser

- ❌ **Logistique** — à **exclure** (construisent en blanc dès l'origine, peu de rénovation)
- ⚠ **Grande distribution** — à **dé-prioriser** (achat au moins cher, demande en baisse depuis 2023). Uniquement si aides mobilisables.

⚠ **Note pour la propale SEO** : la propale ciblait initialement la logistique dans les 5 secteurs B2B. **À retirer ou remplacer** dans l'architecture des landing pages par un secteur plus porteur (pharma, aéro ou luxe).

## Ciblage types de toiture (selon stats chantiers)

| Type | Part chantiers |
|---|---|
| Membrane bitumineuse | **80 %** |
| Bac acier | **20 %** |

Priorité SEO : pages membrane et bac acier. Autres (fibrociment, tuiles ciment, toiture plate générique) = longue traîne.

## Personas par profil de contact

### Persona 1 — Responsable Maintenance / Travaux
**Prescripteur principal. Porte le projet mais n'est pas décisionnaire.**

- **Besoins** : solution technique simple · pose sans interrompre activité · dossier clé en main pour sa direction · **références dans son secteur pour se couvrir** · comprendre entretien + durée de vie
- **Blocages** : pas décisionnaire · peur d'engager sa responsabilité sur produit inconnu · doute efficacité hiver · ne sait pas calculer ROI seul · cycle long d'arbitrage budgétaire

### Persona 2 — Directeur de Site / Production
**Parfois décisionnaire direct, sinon valide et transmet au siège.**

- **Besoins** : ROI chiffré crédible pour DG · sans risque opérationnel · conformité (décret tertiaire, RSE) · coûts énergie mesurables · références comparables
- **Blocages** : budget en gros investissement · manque visibilité ROI sans accompagnement · concurrence moins chère · hésitation sans référence sectorielle · décision repoussée N+1/N+2

### Persona 3 — Direction Générale (siège)
**Pas demandeuse, arbitre. À convaincre indirectement via Personas 1 et 2.**

- **Besoins** : dossier solide avec ROI · différenciation vs alternatives (clim, isolation, membrane neuve) · pérennité fournisseur · levier RSE / décret tertiaire valorisable
- **Blocages** : pas de visibilité terrain · arbitre entre projets · méfiance produit inconnu · ROI perçu trop long · bloque si dossier prescripteur incomplet

## Personas par secteur

### Industrie générale
- **Contact** : Resp. maintenance / travaux
- **Contexte** : bâtiments anciens, toiture bitumineuse (80 %), chaleur machines + toit
- **Besoin #1** : conditions de travail été + allonger durée vie étanchéité
- **Blocages** : préjugé « ça marche pas » · concurrents low-cost · resp. seul · ROI dur à chiffrer sans clim
- **Argument massue** : double bénéfice immédiat — température intérieure + durée vie étanchéité allongée

### Agroalimentaire
- **Contact** : Resp. maintenance / Directeur de site
- **Contexte** : entrepôts frigo, chambres froides, groupes froids sous pression été
- **Besoin #1** : réduire conso groupes froids
- **Blocages** : HACCP, accès toiture réglementé · mesure économies difficile · décision centralisée siège
- **Argument massue** : soulager les condenseurs = économies directes et mesurables sur facture élec frigo

### Aéronautique / Défense
- **Contact** : Resp. infrastructure / Directeur de site
- **Contexte** : grands hangars non climatisés, très grandes surfaces, budgets annuels structurés
- **Besoin #1** : conditions de travail hangars été + applicable grandes surfaces
- **Blocages** : cycles budget N+1/N+2 · multi-interlocuteurs · exigences techniques/admin · ROI perçu difficile sans clim
- **Argument massue** : alternative passive à la clim sur grandes surfaces, ROI rapide vs clim industrielle

### Pharma
- **Contact** : Resp. maintenance / infrastructure / Directeur de site
- **Contexte** : exigences BPF/GMP, bâtiments anciens bitumineux, systèmes régulation sous pression
- **Besoin #1** : conditions thermiques conformes + réduire conso clim/régulation
- **Blocages** : qualification fournisseur obligatoire · décision groupe · crainte impact certifs/audits · ROI dur à isoler
- **Argument massue** : réduction charge thermique sans toucher installations intérieures ni conformité

### Luxe
- **Contact** : Directeur opérations / Responsable patrimoine
- **Contexte** : image marque forte, exigence qualité, sensibilité RSE/décarbonation
- **Besoin #1** : solution qualitative + argument RSE valorisable
- **Blocages** : exigence esthétique · décision siège · validation BE/archi · peur « bas de gamme »
- **Argument massue** : pionnier français depuis 2018, haut de gamme (CovaTherm 20 avec vernis), RSE fort

## Blocages transversaux à lever partout

1. **ROI perçu trop long / difficile à calculer** → simulateur prix, simulateur Prime CEE, cas clients chiffrés
2. **Préjugés sur l'efficacité** → preuves terrain, études, références sectorielles
3. **Cycles de décision longs** → **outiller le prescripteur pour qu'il puisse convaincre seul sans attendre Covalba** (dossier clé en main à télécharger)

---

# Concurrents & benchmark

> À remplir.

## Concurrents directs (Cool Roof)

### Données backlinks (audit Paf-Studio, février 2026)

| Acteur | Total BL | Domaines | DR | BL DR70+ | Actifs | Index relatif |
|---|---|---|---|---|---|---|
| **Covalba** | 62 | 48 | 28.5 | 9 | 44 | 17 |
| CoolRoof France | 354 | 217 | 44.4 | 99 | 288 | **100** |
| Enercool | 172 | 122 | 43.0 | 30 | 150 | 49 |
| MonToitFrais | 32 | 24 | 19.8 | 1 | 15 | 9 |

### Profils stratégiques

- **Cool Roof France** — leader historique, en perte de vitesse.
  - CA en chute de **−70 %** depuis mi-2024 (source client).
  - Earned media massif : Libération, BFM, economie.gouv, Radio France, Futura, Engie, TotalEnergies, Arkema.
  - Stratégie RP/médias agressive sur plusieurs années.
  - **Site très agressif** : auto-proclamé « experts français du cool roof », 5★, affiche « jusqu'à 40 % d'économie d'énergie, 10 ans d'effets ».
- **Enercool** — la vraie menace commerciale.
  - **Origine** : **B2C Shopify** (vente particuliers), puis passage aux chantiers B2B.
  - **Pas du bâtiment** — équipe = geeks. Sous-traite **tous** les chantiers, ni machines ni équipes propres.
  - **Storytelling LinkedIn excellent**, podcast (a invité l'associé de Maxime), revendication d'une levée 250 k€ avec Kelly Marisol **retirée** 2 mois après (jamais conclue) mais mise en avant.
  - **Tests Covalba** : leur peinture est la **plus pâteuse, tient le moins bien** du marché.
  - **Impact direct Covalba** : **800 k€ CA perdu récemment** — chantier Centrakor ~50 000 m² à 12 €/m².
  - Prix agressif : **10-12 €/m²** (résine acrylique simple) vs 20-25 €/m² Covalba.
  - Se proclame « la référence des solutions cool roof en France ».
  - **En redressement judiciaire**, équipe marketing virée récemment.
  - **SAV problématiques** déjà signalés (notamment Leclerc).
  - Media : Ouest France, FranceTVinfo, Crunchbase, Sciencepost.
- **MonToitFrais** — plus petit, peu d'autorité.
- **Covalba (à construire)** : actu.fr (DR 87), mesinfos.fr (DR 76), batirama.com (DR 70), hardware.fr (DR 65). Pas de RP nationale, pas d'institutionnels.

## Concurrents indirects

### Peintures généralistes (à distinguer absolument)

Covalba doit se positionner comme **fabricant spécialisé cool roof** face aux peintres généralistes qui vendent du cool roof comme une peinture parmi d'autres :
- **Seigneurie**
- **Zolpan**
- **Unikalo**
- **Masetria**
- **Mauvilac**

Argument Covalba : produits PU (CovaTherm 8) ou vernis de finition (CovaTherm 20) **techniquement supérieurs** + pose sécurisée.

### Autres solutions thermiques (substitutions)

- Isolation de toiture traditionnelle
- Membrane neuve
- Remplacement isolation + étanchéité
- Bardage ventilé
- Panneaux photovoltaïques + ombrage
- Climatisation industrielle

Positionnement prix (€/m²) : cool roof Covalba 20-25 · membrane neuve 80-100 · remplacement iso+étanchéité 150.

## Guéguerre étanchéité

Acteurs étanchéité (Soprema & cie) voient le cool roof comme une **menace** : Covalba propose une alternative économique à **refaire l'étanchéité**.

- Cool roof : 20-25 €/m² + décale le remplacement de 8-10 ans
- Membrane neuve blanche seule : 80-100 €/m²
- Remplacement isolation + étanchéité neuve : 150 €/m²

→ **Page dédiée « Étanchéité vs Cool Roof »** à construire.

## Benchmark UX / site

- [ ] Sites inspirants (hors secteur)
- [ ] Sites du secteur bien ranké SEO
- [ ] Bonnes pratiques de conversion B2B industriel


---

# Stratégie

> Sources : call de préparation 2026-04-15, propale SEO Paf-Studio, brief client.

## Positionnement éditorial

**Covalba = Technicien EXPERT DE LA TOITURE, pas de la peinture.**
**Fabricant spécialisé cool roof, pionnier français depuis 2018.**

- Posture : **expert**, technique, **spécialiste** (forme des applicateurs).
- Éviter tout vocabulaire qui assimile à un peintre généraliste (Seigneurie, Zolpan, Unikalo, Masetria, Mauvilac) → se distinguer.
- Insister sur la **sécurité** (« si c'est mal appliqué ça cloque »).
- Ton pragmatique B2B orienté ROI + preuve d'expertise.

## Piliers d'arguments (à décliner par persona et par secteur)

### Bâtiment NON climatisé
1. **Productivité / bien-être / conditions de travail** (argument #1 — 80-90 % des achats actuels)
2. **Chantier en sécurité** — machines au pied, seuls les flexibles montent en toiture, vocabulaire B2B/EPI/certifié (argument #2)
3. **Économique** : 20-25 €/m² vs 80-100 €/m² membrane neuve vs 150 €/m² isolation+étanchéité
4. **Gain mesuré** : **jusqu'à 8-10 °C** en intérieur l'été (concurrents affichent ce chiffre, il faut suivre). Entrepôt 40 °C → ~30 °C (rester réaliste).
5. **Allonge la durée de vie de l'étanchéité** (UV + chaleur) → décale l'investissement remplacement toiture de 8-10 ans
6. Pose depuis l'extérieur, sans gêne activité
7. **Process production** : usines sensibles aux dégradations produit à 35-38 °C (ex : électronique aviation)

### Bâtiment climatisé
- Soulage les groupes froids (condenseurs, gas coolers)
- Réduit consommation clim
- **Décret tertiaire** (2030/2040/2050, réf. 2020, −30/40 % énergie obligatoires) — concerne **grande distribution + tertiaire**, pas l'industrie
- **Nuance** : l'énergie a pris +3-4 %/an historiquement, pic 2022 (+100 %), depuis redescendue — argument à tenir en **second plan**, pas en premier.

### Bâtiments récents
- **Moins de 10 ans** : souvent déjà construits en blanc ou bien dimensionnés — marché faible
- **Plus de 10 ans** : sous-dimensionnés en clim → **cool roof pertinent**

### Expertise / différenciation
- Pionnier français 2018, **boîte 15 ans**
- Résine **polyuréthane (PU)** ou **vernis de finition** → **8-10 ans** vs résine acrylique concurrents **2-5 ans**
- **Formation d'applicateurs** → preuve d'expertise. Risques si mal appliqué : ça **cloque** (humidité), effondrement, fuites
- **Techniciens de la toiture, pas peintres** — se distinguer des généralistes qui font murs/sols/tuiles
- Valorisation du **SRI** (Solar Reflective Index)

### Comparaison technologique (pas de comparaison nommée)
⚠ Risque juridique (diffamation) → comparer **technologies**, pas les marques concurrentes.

| Critère | Résine acrylique (concurrents) | Polyuréthane / top coat (Covalba) |
|---|---|---|
| Durée de vie | 2-5 ans | 8-10 ans |
| Tenue | Dégradation rapide | Durable |
| Prix marché | 10-12 €/m² | 20-25 €/m² |
| Part du marché | 90 % de l'offre | Niche spécialiste |

## Objections à traiter explicitement sur le site

| Objection | Réponse |
|---|---|
| **« L'hiver je vais consommer plus de chauffage »** (#1, revient 80 % du temps → bloc dédié, pas dans la FAQ) | Soleil plus bas, moins présent en hiver, chauffe davantage les façades que la toiture. Légère perte 14-16h en intersaison (automne/printemps), largement compensée par le gain d'été. |
| « Les toits blancs ça ne marche pas » | Preuves terrain, références, études chiffrées |
| « ROI trop long ou difficile à calculer » | Simulateur prix + simulateur Prime CEE + cas clients chiffrés |
| Vue plongeante éblouissante ? | À documenter |
| Quel entretien / durée de vie ? | Page dédiée + FAQ |
| Guerre avec l'étanchéité | **Page dédiée « étanchéité vs cool roof »** |

## Stratégie de conversion

### Règle centrale
> « **Le CRO est la clé.** Un article de blog ne convertit pas quelqu'un qui veut acheter. »

### Transparence tarifaire (demandé par le client)
Afficher le **prix indicatif rapidement** (budget type €/m²). Les clients savent où ils vont. → Jouer la transparence comme différenciant face aux concurrents opaques.

### Outils de conversion
- **Simulateur prix** (estimation économies + Prime CEE selon complexité)
- **Prime CEE** : ⚠ à simplifier — la prime est **en voie de remise en question**, cible très restreinte (tertiaire commercial + pompe à chaleur). Préférer un **petit tableau €/m² par zone (H1/H2/H3)** plutôt qu'un simulateur complet.
- ⚠ Le simulateur Excel actuel est protégé — Maxime doit retrouver le code pour le débloquer
- **Dossier clé en main** téléchargeable pour armer le prescripteur (PDF commercial + technique)
- **Formulaires HubSpot via API**
- Rapport personnalisé interactif
- Argument pivot : *« Un seul lead converti rembourse toute la stratégie SEO. »*

### Hiérarchie des CTAs par persona
- **Persona 1 (prescripteur)** : télécharger dossier · simulateur · demander une documentation · références secteur
- **Persona 2 (directeur site)** : simulateur ROI · demander visite toiture · demander cas clients sectoriels
- **Persona 3 (DG)** : rapport synthétique ROI · cas clients comparables

### Outiller le prescripteur
Le site doit lui permettre de **convaincre seul, sans attendre Covalba**.

## Stratégie SEO (source propale — voir `propale-seo.md`)

**4 piliers** : Technique · Sémantique · CRO (clé) · Autorité.

### Architecture par intention
- Pages produits (CovaTherm 8/20, CovaSeal, CovaMetal)
- 5 pages × type de toiture — **prioriser membrane bitumineuse et bac acier (80/20 du CA)**
- 5 pages × secteur B2B — **retirer logistique, ajouter pharma/aéro/luxe**
- 13 landing CRO villes prioritaires
- 260 pages villes/départements (programmatique)
- Page prix avec simulateur
- Page CEE / BAT-EN-112 avec simulateur
- **Page dédiée « étanchéité vs cool roof »** (objection fréquente)
- Page Devenir applicateur

### Mots-clés prioritaires
« cool roof bac acier », « peinture cool roof prix m2 », « peinture cool roof cee », « prime cee toiture », « bat en 112 », décret tertiaire, RE2020, + déclinaisons type toiture × secteur × ville.

### Plan de redirections
URLs qui rankent mal : data center → Paris, La Réunion → Strasbourg, La Réunion → décret tertiaire, etc.

## Preuve / réassurance à étoffer

- **Références dans le secteur du prospect** (critère #1 de qualification prescripteur)
- **Logos clients** : RATP, Intermarché, Charal, DACHSER, Leclerc, Roche Bobois, Cora
- **Vidéos témoignages** : Cora (YouTube), Leclerc (à monter), + à filmer
- Études de cas détaillées (par secteur)
- Certifications / normes
- Garanties produit
- Données techniques / fiches produit (SRI, tenue)
- Formation d'applicateurs (preuve d'expertise)

## Ton — être agressif

Secteur marketing agressif (Enercool / Cool Roof France surfent sur le sensationnel) → **Covalba doit suivre** :
- Afficher **jusqu'à 8-10 °C** (sinon on passe pour moins performant)
- Ne pas hésiter à revendiquer **expert / spécialiste / seule boîte à savoir faire des chantiers d'envergure**
- Se présenter comme **fabricant spécialisé** (analogie Louis Vuitton : laboratoire sous-traitant mais quasi-exclusivité)
- Assumer le positionnement **« technicien de la toiture »**, pas peintre
- « Le moins cher coûte plus cher » comme punchline sur la qualité

## Branding / design

- [ ] Charte existante ou refonte ?
- [ ] Pré-maquette home déjà existante (mentionnée dans propale)
- [ ] Références / moodboards

---

# Objectifs de la refonte

> Source initiale : brief client 2026-04-15.

## Contexte stratégique

- CA 2025 : 900 k€ → **objectif 2 M€** (×2,2)
- Marché Cool Roof en contraction depuis mi-2024 (voir `marche.md`)
- Canaux payants actuels (salons, Google Ads) : **rentabilité en baisse**
- → **Le digital et le SEO doivent devenir un levier structurant de croissance**

## Pourquoi refondre ?

- Soutenir l'objectif de doublement du CA via un canal d'acquisition pérenne (SEO)
- [ ] Limites du site actuel identifiées (à détailler avec le client)
- [ ] Problèmes SEO / conversion / image de marque
- [ ] Contraintes techniques de l'ancien site

## Objectifs business

- **Objectif principal** : générer des leads qualifiés pour les chantiers clé en main (cœur de CA, panier 50–200 k€, ticket idéal 100 k€ / 5 000 m²)
- **Critères de qualification à intégrer dans les formulaires** : budget confirmé + accès décisionnaire + secteur cible (industrie, pharma, agro, aéro, luxe, tertiaire) + type de toiture + superficie
- **Timing commercial** : cycle max 7 mois, au-delà c'est mort → les leads chauds doivent être traités vite
- **Objectif secondaire** : soutenir/structurer le réseau d'applicateurs formés
- [ ] KPIs à définir : volume leads/mois, coût par lead, taux conversion devis→chantier, positions SEO cibles

## Périmètre fonctionnel (propale Paf-Studio)

Voir détail dans `propale-seo.md`. Synthèse :

- **Home CRO**
- **Pages produits** (CovaTherm 8/20, CovaSeal, CovaMetal, Laque solaire)
- **5 pages types de toiture** + 10 landing CRO associées
- **5 pages secteurs B2B** + 10 landing CRO associées
- **13 landing CRO villes prioritaires**
- **260 pages villes/départements** (programmatique, générées par IA)
- **Page prix** avec simulateur
- **Page CEE / BAT-EN-112** avec simulateur Prime CEE
- **Page Devenir applicateur**
- **Blog** : 122 articles améliorés, 79 traduits, redirections
- **Intégration HubSpot** (formulaires via API)

## Contraintes

- **Budget** : ~50 000 € one shot (refonte + autorité initiale) + abonnement mensuel 12 mois
- **Engagement** : 12 mois, point oral tous les 3 mois, rapport mensuel email
- **Audit SEO** : daté de février 2026 (début de mission)
- **Planning** :
  - **Fin avril 2026** : 1re vague — 10 templates + page d'accueil en pré-prod
  - **Fin mai 2026** : site final livré
  - Pages SEO villes/départements déclinées ensuite
- **Facturation** : 30 % acompte + solde à la publication
- [ ] Identité visuelle (refonte complète ou évolution ?)
- Migration de contenu existant + **plan de redirections** obligatoire

## Stack technique (plan en 2 temps)

1. **Phase de dev** (jusqu'à validation finale client) : **Vite + React** (le repo actuel) — itérations rapides.
2. **Phase finale** : migration vers **Next.js + connecteur WordPress headless** — back-office WP pour le client, front Next.js côté public.

La note « hors WordPress » de la propale concernait uniquement la phase de dev, pas le livrable final.

## Livrables attendus

- Site vitrine refondu (Vite + React selon stack du repo)
- Outils interactifs (simulateur prix + Prime CEE)
- Templates programmatiques (blog + villes/départements)
- Articles/rédactions SEO
- Netlinking mensuel


---

# Proposition SEO Paf-Studio → Covalba

> Source : https://propale-seo-covalba.vercel.app/ (extraction 2026-04-15)
> Audit SEO daté de **février 2026**.

## 1. Diagnostic SEO actuel

### Ce qui va

- Covalba **a du trafic**.
- **Featured Snippet** détenu sur les requêtes **prix** (« cool roof prix », « peinture cool roof prix m2 ») → *« c'est exceptionnel »*.
- Bien positionné sur le marché cool roof : panier de mots-clés déjà ranké au cœur de la cible (utilisateurs qui cherchent directement peinture réfléchissante / solution cool roof).

### Ce qui ne va pas

- **Mauvaises URLs qui rankent** :
  - Paris → via `/blog/refroidir-data-center`
  - Strasbourg → via `/blog/cool-roof-la-reunion`
  - Décret tertiaire → via la page Réunion (!)
- **1 seul article de blog ranke sur toutes les requêtes stratégiques** → **zéro conversion**.
  - URL pivot : `covalba.fr/blog/avantages-et-inconvenients-peintures-reflectives-coolroof`
- Pas de landing page produit pour **CovaTherm 8 / 20** alors que quick wins inexploités.
- Trafic qui ne convertit pas.

## 2. Audit sémantique (70+ mots-clés)

### Produits × types de toiture (×10)

| Mot-clé | Volume | Position |
|---|---|---|
| cool roof / peinture réfléchissante bac acier | 50 | P16 ⚠ |
| cool roof / peinture réfléchissante toiture plate | 70 | Absent ✗ |
| cool roof / peinture réfléchissante fibrociment | 50 | P10 ⚠ |
| cool roof / peinture réfléchissante membrane bitumineuse | 70 | P4 ✓ |
| cool roof / peinture réfléchissante tuiles ciment | 50 | P63 ✗ |
| cool roof / peinture réfléchissante bâtiment industriel | 70 | Absent ✗ |
| cool roof / peinture réfléchissante bâtiment tertiaire | 70 | P3 ✓ |
| cool roof / peinture réfléchissante bâtiment logistique | 70 | P11 ⚠ |
| cool roof / peinture réfléchissante agricole | 50 | P38 ✗ |
| cool roof / peinture réfléchissante ERP | 50 | P25 ✗ |

### Réglementation / aides

| Mot-clé | Volume | Position |
|---|---|---|
| prime cee toiture | 90 | P11 ⚠ |
| bat en 112 | 50 | P5 ✓ |
| peinture cool roof cee | 50 | P3 ✓ |
| décret tertiaire | 50 | P42 ✗ (rankée via page Réunion !) |
| RE2020 | 70 | P29 ✗ |

### Volumes locaux (13 requêtes locales, KD souvent quasi nul)

| Ville | Volume | KD | Position |
|---|---|---|---|
| Nantes | 70 | 0 | Absent |
| Lyon | 50 | 26 | P89 |
| Savoie | 50 | 6 | P6 |
| Haute-Savoie | 40 | 6 | **P3** ✓ |
| Bordeaux | 40 | 19 | P42 |
| Paris | 30 | 16 | P48 (ranke via data center) |
| Marseille | 20 | 14 | Absent |
| Toulouse | 20 | 17 | P9 |
| Grenoble | 20 | 14 | **P4** ✓ |
| Montpellier | 20 | 14 | P90 |
| Rouen | 20 | 10 | Absent |
| Strasbourg | — | 19 | P65 (ranke via La Réunion) |
| Lille | — | 18 | Absent |

Total potentiel : **~8 650 recherches/mois** sur le panier audité ; **~600 recherches/mois** de leads ultra qualifiés avec budget.

## 3. Benchmark autorité (backlinks)

| Acteur | Total BL | Domaines | DR | BL DR70+ | Actifs | Index |
|---|---|---|---|---|---|---|
| **Covalba** | 62 | 48 | 28.5 | 9 | 44 | 17 |
| CoolRoof France | 354 | 217 | 44.4 | 99 | 288 | **100** |
| Enercool | 172 | 122 | 43.0 | 30 | 150 | 49 |
| MonToitFrais | 32 | 24 | 19.8 | 1 | 15 | 9 |

Stratégies concurrents :
- **CoolRoof France** : earned media massif (Libération, BFM, economie.gouv, Radio France, Futura, Engie, TotalEnergies, Arkema) — RP agressive sur plusieurs années.
- **Enercool** : startup médiatisée (Ouest France, FranceTVinfo, Crunchbase, Sciencepost).
- **Covalba (à construire)** : actu.fr (DR 87), mesinfos.fr (DR 76), batirama.com (DR 70), hardware.fr (DR 65). Pas de RP nationale, pas d'institutionnels.

## 4. Stratégie proposée — 4 piliers

### Pilier 1 — Technique
Donner à Google la possibilité d'accéder aux pages, les comprendre, les indexer.

### Pilier 2 — Sémantique
Pages dédiées par intention : type de toiture, secteur, ville, prix, CEE.
Rédiger la bonne page, au bon format, pour ce que cherchent les clients.
*« Un article de blog ne convertit pas quelqu'un qui veut acheter. »*

### Pilier 3 — CRO (clé du projet)
*« Le site a besoin d'être optimisé sur tous les piliers. Mais la clé, c'est le CRO : transformer vos visiteurs en leads. »*

### Pilier 4 — Autorité (netlinking + GEO)
1 lien = 1 vote. Un article dans L'Usine Nouvelle vaut plus que 50 annuaires.
**GEO** : bien positionné SEO = recommandé par les IA (ChatGPT, Perplexity, Gemini) qui se basent sur Google.

## 5. Architecture de pages — Périmètre refonte

### Pages CRO à créer (≈ 25 pages + 260 programmatiques)

- **Home CRO** (pré-maquette existante)
- **Pages produits** : CovaTherm 8, CovaTherm 20, CovaSeal, CovaMetal, Laque solaire
- **5 pages × type de toiture** : bac acier, plate, fibrociment, membrane, tuiles
- **5 pages × secteur B2B** : industriel, tertiaire, logistique, agricole, ERP
- **10 landing pages CRO** (toiture) + **10 landing pages CRO** (secteur) + **13 landing pages CRO** (villes)
- **Page Prix** avec simulateur intégré
- **Page CEE / BAT-EN-112** avec simulateur Prime CEE
- **Page Devenir applicateur**
- **260 pages villes / départements** générées par IA (13 régions · ~60 départements · 200+ villes)

### Logique pages locales
*« Un template cool roof + ville/département. Chaque page cible une zone industrielle précise. Même logique : une histoire adaptée au contexte local. »*
Exemples : Dunkerque · Sidérurgie / Fos-sur-Mer · Sidérurgie / Toulouse · Aéronautique.

### Logique pages persona
*« Un responsable de site logistique n'a pas les mêmes problèmes qu'un directeur d'hypermarché. Le discours change, le SEO aussi. »*
Chaque page = une histoire adaptée à son persona.

### Blog
- 122 articles améliorés
- 79 traduits (65 % du total)
- Nouvelles pages ciblées + **plan de redirections**

### Outils interactifs
- **Simulateur prix** : estimation économies + Prime CEE selon complexité → lead qualifié dans CRM
- **Simulateur Prime CEE** intégré
- Formulaires connectés à **HubSpot via API**
- Rapport personnalisé interactif

## 6. Stratégie netlinking

### Étape 1 — Boost initial
- 2-3 articles sponsorisés : **L'Usine Nouvelle** (cible B2B parfaite), **CNews** (gros média), **presse régionale** (bon rapport qualité/prix)
- → boost immédiat d'autorité + boost GEO (les IA citent ces sources)
- Budget déposé sur carte virtuelle Wise, achats et factures au nom de la société

### Étape 2 — Netlinking récurrent
- **3-5 liens/mois** sur sites sectoriels BTP et blogs thématiques
- Rédaction + optimisation + publication gérées par Paf-Studio
- Montée progressive et durable

## 7. Budget

### One shot (refonte + autorité initiale)
- **50 000 €** TTC (borne haute visible sur la propale)
- Inclut : refonte complète du site, 2 templates (blog + villes) × 500 €, 122 articles × 5 min (10,2 h ≈ 1,3 j × 500 €/j = 1 350 €), 260 pages villes (21,7 h ≈ 2,7 j × 500 €/j), 79 pages × 3 min (4 h ≈ 0,5 j × 500 €/j), articles sponsorisés (≈ 1 000 €, 1 162 €, 650 € presse régionale), etc.
- Sous-total boost autorité : **16 529 €** (à recouper)

### Récurrent
- Netlinking : ~500 €/mois (3-5 liens BTP)
- Autres coûts mensuels : 400 €/mois, 100 €/mois, 250 €, 650 €, etc. (à recouper ligne par ligne)
- **TOTAL ANNUEL ×12 mois** calculé dans la propale

### Engagement
- **12 mois**
- Point oral **tous les 3 mois**
- **Rapport mensuel par email**

## 8. Argument ROI

> « Un seul lead converti rembourse toute la stratégie SEO. »
> Panier moyen chantier : 50–200 k€ → potentiel business énorme sur les 600 recherches/mois qualifiées.

## 9. Planning refonte (call 2026-04-15)

- **Fin avril 2026** : 1re vague — **10 templates + page d'accueil (= 11 templates)** en pré-prod, intégrés (pas juste maquettes)
- **Fin mai 2026** : **site final** livré
- Ensuite : pages SEO déclinées par ville (Tom)
- **Process** : maquettes générées via IA → validation Maxime → intégration par Pierre
- **Points d'étape** réguliers
- **Facturation** : 30 % acompte + solde à la publication

### Stack technique — plan en 2 temps

1. **Phase de dev (jusqu'à validation client)** : **Vite + React** (le repo actuel). Permet itérations rapides sur maquettes IA sans friction CMS.
2. **Phase post-validation** : migration vers **Next.js avec connecteur WordPress** (headless). Le client aura un back-office WordPress pour éditer le contenu, le front Next.js consommera l'API WP.

→ La mention « hors WordPress » de la propale visait la phase de dev, pas le livrable final.

## 10. Ajustements suite au call 2026-04-15

Éléments de la propale à **reconsidérer** avec le client :

- ❌ **Secteur « logistique »** dans les 5 landing pages B2B → **à retirer** (Covalba l'exclut : logistique construit en blanc d'origine).
- ⚠ **Secteur « ERP »** / collectivités → **à dé-prioriser** ou segmenter (AO publics complexes, pas avant 100 k€).
- ✅ **À ajouter** : pharma, aéronautique/défense, luxe (cœur de cible bonne marge).
- **Stats chantiers réelles** : 80 % bitumineuse / 20 % bac acier → **prioriser ces 2 pages toiture** dans la roadmap (autres types en longue traîne).
- **Page additionnelle demandée par le client** : **« Étanchéité vs Cool Roof »** (objection fréquente, guerre commerciale avec étanchéité).
- **Simulateur Prime CEE** : simplifier. Prime **en voie de remise en question** + cible très petite (tertiaire commercial + pompe à chaleur). → **Petit tableau €/m² par zone H1/H2/H3** plutôt qu'un simulateur complet. Excel existant protégé (Maxime doit retrouver le code pour débloquer).
- **Prix affiché rapidement** : le client veut jouer la transparence (budget €/m²) → intégrer en haut des pages produit/prix.
- **Dossier prescripteur téléchargeable** : besoin explicite d'outiller Persona 1 pour convaincre sa hiérarchie sans attendre Covalba.
- **Positionnement éditorial** : **« Technicien expert de la toiture, pas de la peinture »** — se démarquer de Seigneurie/Zolpan/Unikalo/etc.
- **Gain thermique à corriger dans la pré-maquette** : passer de 3-5 °C à **jusqu'à 8-10 °C** (concurrents affichent ce chiffre, il faut suivre — Cool Roof France affiche même « jusqu'à 40 % d'économie d'énergie »).
- **Nouveau produit à intégrer** : **CovoitVite** (moyenne gamme, prix d'appel aligné Enercool).
- **Pas de comparaison nommée** avec les concurrents (risque diffamation) → comparer **technologies** (polyuréthane vs acrylique) et afficher tableau produit-durée-prix.

## 10. Rôle de la branche actuelle (`pierre/formulaire-lead`)

Le formulaire lead que je dois construire s'inscrit dans le **pilier CRO** de cette stratégie. Les formulaires doivent :
- être connectés à **HubSpot via API**
- alimenter le CRM avec des leads qualifiés (via simulateurs notamment)
- être présents sur chaque landing CRO (toiture, secteur, ville)
- **qualifier vite** : budget confirmé + accès décisionnaire (critères de qualif Covalba)
- **capturer le persona** (maintenance / directeur site / DG) pour adapter le traitement commercial
- **capturer le secteur** (industrie / pharma / agro / aéro / luxe / tertiaire)
- **capturer le type de toiture** (membrane bitumineuse / bac acier) + superficie estimée → préqualification du ticket
- **transparence prix** : proposer optionnellement l'estimation (€/m²) avant le contact commercial


---

# Transcripts client


---

# Brief initial — 2026-04-15

**Source** : message client à Pierre
**Format** : résumé écrit

## Situation Covalba

- Croissance constante depuis 2022
- CA 2025 : **900 k€**
- Objectif : **2 M€**
- Répartition du CA :
  - 85 % chantiers clé en main (équipes Covalba)
  - 15 % revendeurs
- Panier moyen chantier clé en main : **50 k€** (fourchette 50 k€ – 200 k€)
- Taux de marge brute : **10 %** *(à reconfirmer)*

## Marché Cool Roof (depuis mi-2024)

- Baisse du coût de l'énergie → ROI moins évident
- Budgets RSE en recul
- Contexte bâtiment difficile
- **Cool Roof France : CA −70 %** (référence marché)

## Enjeu digital

- Canaux actuels (salons + Google Ads) : rentabilité en baisse
- **Le digital / SEO doit devenir un levier structurant de croissance**
- D'où la refonte du site

## Infos reportées dans

- `entreprise.md` — chiffres clés, canaux
- `marche.md` — contexte marché (nouveau fichier)
- `concurrents.md` — Cool Roof France
- `objectifs-refonte.md` — objectif business et rôle du SEO

## À confirmer avec le client

- [ ] Taux de marge brute 10 % (brut / net ? sur chantier ou global ?)
- [ ] Volumétrie chantiers/an
- [ ] Répartition géographique

---

# Call Covalba — Réponses aux questions de préparation SEO

**Source** : document client https://propel-grow.vercel.app/ + notes de call
**Date** : 2026-04-15
**Format** : Q/R préparatoire + personas

---

## Messages clés à retenir

> **Il faut montrer qu'on est des experts. Ils forment des applicateurs. Spécialiste.**
>
> **Attention si c'est mal appliqué ça cloque. Attention à la sécurité.**
>
> **Covalba → Technicien EXPERT DE LA TOITURE, pas de la peinture.**

---

## Q1 — Client idéal

- **Secteur industriel porteur** : santé/pharma, aéronautique, défense, alimentaire, luxe (bonnes marges). **100 k€ pour 5 000 m²**.
- Qualification : **budget confirmé** + **accès facile au décisionnaire**.
- Secteur industriel = meilleure marge.
- **2 types de clients** :
  - celui qui **cherche sur internet** (chaud mais compare) = le meilleur client
  - celui qui **cherche une solution**
- **Timing** : si ça dépasse **7 mois**, c'est mort. **30 %** (conversion / abandon ? à clarifier).
- **Contacts** : responsable travaux / responsable maintenance / directeur production / directeur de site.

### Secteurs à positionner

- ❌ **Logistique à exclure** (construisent directement en blanc, peu de rénovation cool roof).
- ⚠ **Grande distribution à dé-prioriser** (achète au moins cher, demande en baisse depuis 2023). **Uniquement si aides**.
- ✅ **Tertiaire, gros bureaux** (1 000 m², garage industriel, Gifi, Centraccord).
- ⚠ **Collectivités** : vente complexe via appels d'offres publics. **Sous 100 k€ pas d'appel d'offre**. Gymnase. RATP (IDF Mobilité, centre bus).

---

## Q2 — Process de décision

- Problématique remontée par le bas (maintenance) ou par le haut (direction).
- **70 % devis sur plan / 30 % visite toiture sur site**.
- RDV 1 découverte → identifier parties prenantes → RDV 2 préconisation en visio.
- Deux cas : budget voté pour l'année en cours, **ou soumission en fin d'année pour arbitrage N+1/N+2**.
- Travaux classés **gros investissement** : décision responsable de site, ou DG au siège après présentation ROI, parfois via un acheteur.
- **Jouer la transparence** : afficher prix indicatif rapidement (budget type €/m²). Les clients savent où ils vont.

---

## Q3 — Clés pour convaincre la hiérarchie

### Bâtiment non climatisé

1. **Productivité / bien-être** (argument #1)
2. **Facilité de pose** (argument #2)
3. Moins cher que refaire l'étanchéité (comparer les différentes techniques en fonction de l'ancienneté du bâtiment)

- Gain **3 à 5 °C en intérieur l'été** (jusqu'à −8 à −10 °C en affichage)
- Alternative passive à la climatisation (moins cher achat + usage) — problématique productivité, bien-être ET process
- Pose depuis l'extérieur, sans gêne pour l'activité
- **20-25 €/m²** vs 80-100 €/m² membrane neuve vs 150 €/m² remplacement isolation + étanchéité
- Allonge la durée de vie de l'étanchéité existante (protection chaleur + UV)

### Bâtiment climatisé

- Soulage les groupes froids (condenseurs, gas coolers)
- Réduit la consommation électrique de climatisation
- Aide à respecter le **décret tertiaire** (France)

---

## Q4 — Stats base clients actuelle

- **80 % des chantiers sur membrane bitumineuse**
- **20 % sur bac acier**

---

## Q5 — Prime CEE calculable ?

- **France uniquement**
- Nécessite contact opérateur pour prix actuels (ex : **Capital Énergie**, fiche **BAT-EN-112**)
- **Simulateur de prix existant = fichier Excel protégé, non partageable tel quel**
- Plusieurs zones en France (H-x divisé en 3 zones)
- **Tertiaire à usage commercial**

---

## Q6 — Arguments commerciaux clés

- **Pionnier français avec produits éprouvés depuis 2018**
- Produits **PU (CovaTherm 8)** ou **avec vernis de finition (CovaTherm 20)** : **supérieurs aux peintures généralistes** (Seigneurie, Zolpan, Unikalo, Masetria, Mauvilac…).
- **Se présenter comme fabricant spécialisé cool roof**.
- **Matériel au pied du bâtiment avec flexibles : zéro machine sur le toit, zéro risque de dégradation**. On ne monte rien sur le toit.
- **Sécurité** : hyper important.
- **Références dans le même secteur que le prospect**.

---

## Q7 — Questions fréquentes clients

- L'hiver, vais-je consommer plus de chauffage si le toit ne chauffe plus ? → soleil plus bas, moins présent en heure, légère perte en intersaison (pénalité automne/printemps).
- Quel entretien ?
- Durée de vie de l'efficacité ?
- Vue plongeante toit blanc : éblouissant ?

---

## Q8 — Freins et préjugés récurrents

- « L'hiver je vais consommer plus de chauffage »
- « Les toits blancs ça ne fonctionne pas »
- « ROI trop long ou difficile à calculer précisément »
- **Guerre avec l'étanchéité → faire une page étanchéité vs cool roof**
- Protection de la toiture (argument)
- Décaler l'investissement de remplacement (argument)

---

## Q9 — Pourquoi les prospects ne signent pas

- Abandon faute de budget
- **Concurrents moins chers** (prise de parts de marché agressive) : résine acrylique simple au lieu de résine plus complexe. Prix marché concurrents **10 €/m² au lieu de 20 €/m²**.
- ROI jugé trop long

---

## Personas par profil de contact

### Persona 1 — Responsable Maintenance / Travaux
Prescripteur principal. Détecte le problème, demande les devis, monte le dossier pour la direction. **Pas toujours décisionnaire mais porteur du projet**.
- **Besoins** : solution simple à mettre en œuvre · pose sans interrompre l'activité · dossier clé en main pour sa direction · **références dans son secteur pour se couvrir** · entretien + durée de vie compris
- **Blocages** : pas décisionnaire · peur d'engager sa responsabilité sur un produit inconnu · doute efficacité hiver · ne sait pas calculer le ROI seul · cycle long (arbitrage budgétaire annuel)

### Persona 2 — Directeur de Site / Production
Parfois décisionnaire direct (enveloppe travaux). Sinon valide et transmet à DG. Raisonne investissement / ROI / conformité réglementaire.
- **Besoins** : ROI chiffré crédible pour DG · sans risque opérationnel · décret tertiaire / RSE · coûts énergie mesurables · références comparables (même secteur, même taille)
- **Blocages** : budget classé gros investissement, arbitrage externe · manque visibilité ROI sans accompagnement · concurrence moins chère · hésitation si pas de références sectorielles · décision souvent repoussée N+1/N+2

### Persona 3 — Direction Générale (siège)
**Pas demandeuse du produit**, arbitre sur le dossier présenté. **À convaincre indirectement** via les 2 premiers personas.
- **Besoins** : dossier d'investissement solide avec ROI démontré · comprendre diff vs alternatives (clim, isolation, membrane neuve) · pérennité du fournisseur · levier RSE / décret tertiaire valorisable
- **Blocages** : pas de visibilité terrain · arbitre entre projets simultanés · méfiance produit inconnu · ROI perçu trop long · peut bloquer si dossier prescripteur incomplet

---

## Personas par secteur

### Industrie générale (chimie, plasturgie, métallurgie)
- Contact : Resp. maintenance / travaux
- Contexte : bâtiments anciens, toiture bitumineuse (80 %), chaleur machines + toit
- Besoins : conditions travail été · allonger durée vie étanchéité · économie vs remplacement toiture
- Blocages : préjugé « toits blancs ça marche pas » · comparaison concurrents moins chers · resp. maintenance seul · ROI dur à chiffrer sans clim
- **Argument massue** : double bénéfice immédiat — température intérieure + durée vie étanchéité allongée

### Agroalimentaire
- Contact : Resp. maintenance / Directeur de site
- Contexte : entrepôts frigo, usines, chambres froides. Contrainte température + conso groupes froids.
- Besoins : réduire conso groupes froids · maintenir températures conservation · pose sans arrêt prod ni contrainte sanitaire
- Blocages : HACCP, accès toiture réglementé · mesure précise des économies difficile · décision centralisée siège
- **Argument massue** : soulager les condenseurs = économies directes mesurables sur facture élec frigo

### Aéronautique / Défense
- Contact : Resp. infrastructure / Directeur de site
- Contexte : grands hangars non climatisés, très grandes surfaces, budgets structurés annuellement
- Besoins : conditions travail hangars été · applicable grandes surfaces · budget planifiable
- Blocages : cycles budget rigides (N+1, N+2) · multi-interlocuteurs · exigences techniques/admin · ROI perçu difficile sur bâtiments non climatisés
- **Argument massue** : alternative passive à la clim sur grandes surfaces, ROI rapide vs clim industrielle

### Pharma (usines de production)
- Contact : Resp. maintenance / infrastructure / Directeur de site
- Contexte : exigences BPF/GMP, bâtiments souvent anciens bitumineux, systèmes de régulation sous pression
- Besoins : conditions thermiques conformes · réduire conso clim/régulation · pose sans impact certifs · ROI solide pour siège
- Blocages : qualification fournisseur obligatoire · décision groupe · crainte impact certifs/audits · ROI dur à isoler
- **Argument massue** : réduction charge thermique sur systèmes régulation sans toucher installations intérieures ni conformité

### Luxe (ateliers, entrepôts logistiques de marques)
- Contact : Directeur opérations / Responsable patrimoine
- Contexte : image de marque forte, exigence qualité, sensibilité RSE et décarbonation
- Besoins : solution qualitative · argument RSE valorisable en com · bilan énergétique décret tertiaire · référence chez acteurs comparables
- Blocages : exigence esthétique/qualité · décision centralisée siège · validation BE ou archi · peur d'être associé à du bas de gamme
- **Argument massue** : pionnier français depuis 2018, produits haut de gamme (CovaTherm 20 avec vernis), positionnement RSE

---

## Blocages transversaux

1. **ROI perçu trop long / difficile à calculer** → simulateur + cas clients chiffrés + prime CEE
2. **Préjugés sur l'efficacité** → preuves terrain, études, références sectorielles
3. **Cycles de décision longs** → **outiller le prescripteur pour qu'il puisse convaincre seul, sans attendre Covalba**

---

## Signal marché / concurrence

- **Enercool casse les prix → 800 k€ de CA perdu récemment**
- **Le prix semble central dans la prise de décision**

---

# Call Covalba — Transcript brut

**Date** : 2026-04-15
**Durée** : ~1h20
**Participants** : Maxime B. (CEO Covalba), Tom Assous (Paf-Studio — SEO/contenu), Pierre Bost (Paf-Studio — dev/intégration), Nicolas Pommereuil (Paf-Studio)
**Source** : transcription du call (speech-to-text, fautes conservées)

> ⚠ Ce fichier conserve la trace brute du call. La synthèse actionnable est distillée dans les docs thématiques (`entreprise.md`, `cibles.md`, `strategie.md`, `concurrents.md`, `marche.md`, `propale-seo.md`, `objectifs-refonte.md`).

---

## Éléments NOUVEAUX dégagés du call (à distiller)

### Stratégie produit / positionnement
- **Syndrome de l'imposteur** de Maxime à se présenter fabricant : laboratoire sous-traitant mais quasi-exclusivité. **OK de se présenter fabricant spécialisé** (analogie Louis Vuitton / maroquinerie sous-traitée).
- **Covalba = 15 ans d'existence**, techniciens du bâtiment, techniciens de la toiture.
- *« On est la seule boîte à connaître aussi bien et à savoir aussi bien faire des chantiers d'envergure en France. »*
- **Nouveau produit : CovoitVite** — moyenne gamme, vendu au **même prix qu'Enercool** comme **prix d'appel** pour s'aligner sur le low-cost, tout en restant qualitatif.

### Gain thermique — à corriger dans la pré-maquette
- Aller **jusqu'à 8-10 °C** (la pré-maquette disait 3-5 °C).
- **70-80 % des cas** ; plus le bâtiment est mal isolé, plus le gain est élevé (bâtiments années 50 avec 3 cm de laine de verre).
- **Réaliste** : entrepôt à 40 °C → ~30 °C (pas 20 °C).
- Concurrents affichent « jusqu'à 10 °C » → il faut suivre sinon on passe pour moins performant.

### Évolution du besoin (2022-2024 vs 2026)
- **2022-2024** : pic prix énergie → achats majoritairement pour **réduire coût énergétique** (frigos, chambres froides, clim GD).
- **Depuis** : prix énergie redescendu → **80-90 % des achats pour le bien-être / confort / productivité**.
- Argument énergie reste secondaire : énergie monte de 3-4 %/an historique, pic 2022 (+100 %), redescendu, va remonter ~5 %/an. **Argument second, pas premier.**

### Production / process (nouveau cas d'usage)
- Usines avec **dégradation produits à 35-38 °C** (électronique pour aviation — Thalès mentionné). Argument process production, pas juste confort.

### Pose / sécurité — formulation
- Titre à privilégier : **« Chantier en sécurité »** / **« Application sécurisée »** (pas « matériel au sol »).
- **Machines restent au pied du bâtiment, flexibles seuls montent en toiture**.
- On ne monte rien en toiture pour ne pas effondrer / abîmer l'étanchéité.
- Vocabulaire B2B industriel : **EPI, certifié, travail en sécurité** (hyper important).

### Risques produit mal appliqué (à intégrer comme argument expertise)
- Humidité → ça **cloque**.
- Machines en toiture → risque effondrement (poids) ou dégradation étanchéité (vibrations → fuites).
- Mec tombe du toit → sécurité.

### Nettoyage préalable
- **Karcher crasse + poussière**, puis application directe. Pas de décapage.

### Décret tertiaire (France)
- Obligations **2030 / 2040 / 2050**, année de référence **2020**.
- 30-40 % d'économies d'énergie obligatoires.
- Concerne **grande distribution + bâtiment tertiaire** ; **pas l'industrie**.
- Mesures : LED, pompes à chaleur vs gaz, etc. → cool roof s'inscrit dedans.

### Prime CEE — simulateur
- Simulateur Excel actuel = protégé, code à retrouver dans mails Maxime.
- **Zones H1 (Nord) / H2 (milieu France) / H3 (PACA)** avec prix au m² par zone.
- **Prime en voie de remise en question** : pas certain qu'elle reste.
- → **Simplifier en petit tableau €/m² par zone** plutôt qu'un simulateur complet.
- Opérateurs : Capital Énergie, courtiers, ou directement EDF / Engie / Total (les gros pollueurs qui compensent).

### Prime CEE — éligibilité restreinte
- **2 critères cumulatifs** :
  1. Bâtiment **tertiaire à usage commercial** (= magasins uniquement — pas bureaux, pas industrie, pas collectivités)
  2. Chauffer / refroidir avec **pompe à chaleur**
- **Cible très petite** : retail / grande distribution essentiellement.

### Cycle commercial
- **Signatures entre 3 et 7 mois** (pas juste « max 7 mois »). Au-delà de 7 mois = très faible proba.
- **70 % par le bas** (responsable travaux/maintenance) / **30 % par le haut** (dirigeants de petites boîtes où le dirigeant gère direct).
- **50 %** : pas d'accès au décisionnaire après RDV 1. **50 %** : accès élargi (acheteur, directeur).
- **70 % devis sur plan / 30 % visite toiture** → Maxime considère qu'il est bon pour ça.

### Prix — alignement et confidences
- Prix marché concurrents : **20 €/m²**
- Covalba : 18 €/m² (sur appel d'offre)
- **Enercool** : 10-12 €/m² (résine acrylique simple)
- Moins cher = moins durable :
  - Résine **acrylique** (90 % de l'offre marché) → durée 2-5 ans
  - Résine **polyuréthane** (Covalba) → durée **8-10 ans**
- Argument : *« le moins cher coûte plus cher »*

### Concurrents — détails brûlants
- **Enercool** :
  - Boîte qui vient du **B2C Shopify** (vente aux particuliers)
  - Pas du bâtiment, **geeks**
  - Sous-traite tous les chantiers (pas de machines ni équipes propres)
  - Aucune valeur ajoutée terrain — juste du storytelling
  - Excellent en marketing / LinkedIn / storytelling
  - Podcast : a invité l'associé de Maxime, parle d'une levée 250 k€ avec Kelly Marisol (retirée 2 mois après → levée finalement pas faite, mais ils en parlent toujours)
  - **En redressement judiciaire**, équipe marketing virée
  - **800 k€ de CA Covalba perdu récemment** (Centrakor ~50 000 m² à 12 €/m²)
  - Se proclame « la référence des solutions cool roof en France »
  - SAV déjà problématiques chez Leclerc
  - Tests Covalba : leur peinture est la **plus pâteuse, tient le moins bien** du marché

- **Cool Roof France** :
  - Leader auto-proclamé (étoiles 5★ sur site, « experts français du cool roof »)
  - Affiche « jusqu'à 40 % d'économie d'énergie, 10 ans d'effets »
  - Agressif, grosse RP, earned media massif
  - **En perte de vitesse**

- **Peintres généralistes** (à distinguer absolument) :
  - **Seigneurie, Zolpan, Unikalo, Masetria, Mauvilac**
  - Mauvilac = pro + particulier, sols, murs, extérieur, tuiles → peintures basiques

### Références clients (pour cas / témoignages / logos)
- **Intermarché** (grande distribution)
- **Charal** (industrie)
- **DACHSER International** (logistique froid)
- **Leclerc** (filmé, à monter)
- **Roche Bobois** (tertiaire grand bureau)
- **RATP** — meilleur client 3 dernières années (IDF Mobilité, centres bus d'ateliers d'entretien)
- **Cora** (vidéo YouTube existante)

### Guéguerre étanchéité
- Concurrents **Soprema & cie** voient cool roof comme une menace.
- Cool roof = **alternative à refaire l'étanchéité** (allonge 8-10 ans → décale l'investissement).
- Comparatif prix :
  - Cool roof : 20-25 €/m²
  - Membrane neuve blanche seule : 80-100 €/m²
  - Remplacement isolation + étanchéité neuve : 150 €/m²
- → **Page « Étanchéité vs Cool Roof »** à construire.

### Bâtiments < 10 ans
- Depuis 1-2 ans, **bâtiments neufs construits en blanc** → pas besoin de cool roof.
- Bâtiments > 10 ans = **sous-dimensionnés** en clim → cool roof utile.

### Communication — ton
- Secteur agressif → doit l'être aussi (« plus c'est gros plus ça passe » dans la limite du crédible).
- **Pas de comparaison nommée** avec concurrents : risque juridique. Comparer **technologies** (polyuréthane vs acrylique) plutôt que marques.
- Mettre en valeur **SRI** (Solar Reflective Index).
- Esprit : **fabricant sérieux, rassurant, B2B sécurité, spécialiste** — pas artisan, pas peintre.

### Questions fréquentes clients — classement
- **#1 (80 % du temps)** : l'hiver je vais consommer plus de chauffage ?
- Plus rares : durée de vie, éblouissement (seulement bureaux voisins avec vue plongeante, se patine après quelques mois).

---

## Planning refonte confirmé

- **Fin avril 2026** : première vague de **10 templates + page d'accueil (= 11 templates)** en pré-prod (intégrés, pas juste maquettes). Pierre.
- **Fin mai 2026** : site final.
- Ensuite : pages SEO déclinées par ville (Tom).
- **Process** : maquettes générées via IA (Paf-Studio pas des webdesigners, utilisent l'IA) → validation Maxime → transfert **WordPress** par Pierre → Tom ajoute les pages SEO.
- **Points d'étape** : réguliers pendant la production.
- **Facturation** : 30 % acompte, reste à publication.

## Accès / assets demandés par Pierre

- **Google Tag Manager** : admin (pour Pierre)
- **Google Ads** : lecture seule OK
- **GSC, GA, GMB** : à transférer
- **Assets drive** :
  - Logo vectoriel (AI / SVG)
  - Photos haute résolution non compressées (tri par Pierre ensuite)
  - Vidéos (5 clés) via WeTransfer / Swift Transfer — hésitation embed YouTube vs auto-hébergé selon perf
- Mail perso Pierre : **Bost analyse** (à confirmer)

## Stack technique — clarifié après call

Plan en 2 temps :
1. **Dev** jusqu'à validation finale client : **Vite + React** (repo actuel)
2. **Livrable final** : **Next.js + connecteur WordPress** (headless) — WP en back-office pour le client, Next.js côté public

La propale qui mentionnait « hors WordPress » concernait la phase de dev uniquement.

## À clarifier

- [ ] Timing des mocks / validation par Maxime.

---

## Verbatims marquants

> « Mes meilleurs clients, c'est ceux qui cherchent, ceux qui ont déjà mûri le truc et qui se disent : voilà je veux le faire maintenant, je regarde avec qui je vais le faire. »

> « On se présente plus comme un expert de la toiture. Ce sont des peintres. »

> « Nous on est pas des peintres. On essaie quand même de se mettre plutôt comme des techniciens de la toiture. »

> « Le monde de la peinture, c'est du pas cher. Les étanchéités de toiture, c'est les couvreurs, c'est toujours vendu cher. »

> « Je viens de perdre 800 000 euros, il y a deux jours, donc ma maison bourgeoise, je vais pas l'acheter en fin d'année. »

> « Le client n'y connait rien. Il regarde le prix en bas à droite. »

> « Il y a plus ces gros plus ça passe. Il faut y aller. »

> « Plus c'est gros plus ça passe » (Pierre, sur la com agressive à assumer)

> « Le moins cher coûte plus cher. »

> « Si tu mets des machines en toiture, tu prends un risque : la toiture s'effondre avec le poids, ou vibrations → membrane d'étanchéité → fuite. »

> « Aujourd'hui on est je vais même pas dire qu'on a des pixels, on est la seule boîte à connaître aussi bien et à savoir faire des chantiers d'envergure en France. »

---

# Propale SEO Paf-Studio → Covalba — 2026-04-15

**Source** : https://propale-seo-covalba.vercel.app/ (extraction JS bundle)
**Format** : proposition commerciale interactive
**Auteur** : Paf-Studio

## Contenu extrait

Voir la synthèse complète dans `../propale-seo.md`.

## Éléments reportés dans les docs

- `propale-seo.md` (nouveau) — diagnostic + audit + stratégie + budget complet
- `cibles.md` — 5 secteurs B2B + 5 types de toiture + personas (logisticien vs hypermarché)
- `concurrents.md` — tableau backlinks Covalba vs CoolRoof FR / Enercool / MonToitFrais
- `strategie.md` — 4 piliers SEO, HubSpot, simulateurs
- `objectifs-refonte.md` — périmètre 25+ pages + 260 programmatiques, budget ~50k€, engagement 12 mois

## Citations notables

> « Un seul lead converti rembourse toute la stratégie SEO. »

> « Le site a besoin d'être optimisé sur tous les piliers. Mais la clé, c'est le CRO : transformer vos visiteurs en leads. »

> « Un responsable de site logistique n'a pas les mêmes problèmes qu'un directeur d'hypermarché. Le discours change, le SEO aussi. »

> « 1 article blog = toutes les requêtes = zéro conversion »

> « Covalba détient le Featured Snippet sur les requêtes prix. C'est exceptionnel. »

## À valider avec le client

- [ ] Propale signée ou en négociation ?
- [ ] Calendrier de mise en production
- [ ] Répartition équipe Paf-Studio (Tom / Pierre / Nicolas) sur les livrables
- [ ] Détail ligne par ligne du budget récurrent
- [ ] Scope de la refonte visuelle (pré-maquette home existante → à voir)

<!-- LLMS:AUTO:START -->

---

# Direction artistique & design system

> **À utiliser quand une nouvelle page ou un nouveau composant est créé** : respecter palette, typographie et patterns ci-dessous pour rester cohérent avec le reste du site.
> Tokens définis dans `src/index.css` (CSS vars HSL) et exposés via `tailwind.config.ts`.

## Ton & direction visuelle

- **Identité B2B industrielle haut de gamme** : on parle à des décideurs (DG, dir. site, resp. maintenance) d'industries porteuses (pharma, agro, aéro, défense, luxe). Pas d'emoji, pas de tone "startup", pas de pastel.
- **Sérieux + chaleur** : palette dominée par un **navy profond** (autorité, fiabilité) réchauffé par un **teal** (expertise technique cool roof) et un **terracotta** (CTA, énergie). Le **cream** (fond off-white légèrement chaud) évite le blanc clinique.
- **Pédagogue mais affirmé** : on explique le cool roof sans condescendance, on assume l'argument expert ("techniciens de la toiture, pas peintres").
- **Photoréalisme industriel** : photos de chantiers, toitures, équipes techniques. Pas d'illustrations cartoon.
- **Mise en page éditoriale** : grandes typos display, sections généreuses (`py-16 lg:py-32`), respiration, balanced text wrapping.

## Palette (tokens HSL → `src/index.css`)

| Token Tailwind | CSS var | HSL | Hex approx | Rôle |
|---|---|---|---|---|
| `bg-background` / `bg-cream` | `--background` / `--cream` | `60 20% 97%` | `#FAFAF6` | Fond principal (off-white chaud) |
| `bg-offwhite` | `--offwhite` | `60 14% 96%` | `#F7F7F4` | Variante fond, sections alternées |
| `text-foreground` / `bg-navy` | `--foreground` / `--navy` | `215 52% 12%` | `#0F1E2E` | Texte principal + sections sombres |
| `bg-navy-light` | `--navy-light` | `214 33% 17%` | `#1D2A3D` | Variante navy plus claire |
| `text-primary` / `bg-primary` / `bg-teal` | `--primary` / `--teal` | `179 61% 26`% | `#1A6B6B` | Couleur de marque, liens, icônes |
| `bg-teal-light` | `--teal-light` | `180 33% 93%` | `#E2F0F0` | Fond doux teinte teal |
| `bg-teal-dark` | `--teal-dark` | `179 61% 20%` | `#145454` | Hover/focus du teal |
| `text-teal-vivid` | `--teal-vivid` | `180 52% 45%` | `#3AADAD` | Highlights sur fond navy |
| `bg-terracotta` / `bg-destructive` | `--terracotta` / `--destructive` | `10 55% 49%` | `#C04A33` | CTA primaire, accent rouge brique |
| `bg-terracotta-dark` | `--terracotta-dark` | `10 58% 41%` | `#A53B25` | Hover CTA |
| `bg-accent` | `--accent` | `36 68% 50%` | `#D9912B` | Accent doré (rare, badges, CEE) |
| `text-slate` | `--slate` | `216 12% 40%` | `#5A6573` | Texte secondaire / labels |
| `border-border` | `--border` | `60 14% 92%` | `#EDEDE7` | Bordures subtiles |

**CTA gradient** : `cta-gradient` (utilitaire dans `index.css`) = linear-gradient `#991437 → #d1290d` (terracotta foncé → vermillon). Bouton principal du site.
**CTA secondaire** : `cta-secondary` = border 2px `#991437` + fond transparent.

## Typographie

| Famille | Usage | Tailwind |
|---|---|---|
| **Satoshi** (display) | h1-h6, gros chiffres, headers | `font-satoshi` (auto sur `h1-h6`) |
| **Plus Jakarta Sans** | Body, paragraphes, labels, inputs | `font-body` (auto sur `body`) |
| **Space Grotesk** | Variante display optionnelle | `font-display` |

**Caractéristiques** :
- Titres : poids `font-black` (900) ou `font-bold` (700), letter-spacing négatif (`-0.02em` à `-0.04em`), `leading-[1.02-1.05]`, `text-wrap: balance`.
- Hero h1 : `text-4xl sm:text-5xl lg:text-[3.5rem]` à `lg:text-[5rem]` selon contexte.
- Corps : `text-base lg:text-lg`, `leading-relaxed` (1.625), couleur `text-foreground/70` pour les paragraphes secondaires.
- Stats / chiffres clés : `Satoshi` ultra-bold, très grand (`text-5xl` à `text-7xl`), souvent en teal-vivid sur fond navy.

## Espacement & layout

- **Container** : `container mx-auto px-4 lg:px-8` (max-width `1200px` cf. `tailwind.config.ts`).
- **Sections** : `py-16 lg:py-32` (cadence standard), `py-20 lg:py-40` pour sections premium (hero, problème).
- **Radius** : `--radius: 0.75rem` → `rounded-lg = 12px`, `rounded-md = 10px`, `rounded-sm = 8px`, `rounded-2xl` pour les cards.
- **Grid** : 12-col, gutters `gap-6 lg:gap-8` standard. Cards en `grid lg:grid-cols-2/3/4 gap-6`.

## Effets, ombres & motion

- **Glass** : utilitaire `glass` = `rgba(255,255,255,0.12)` + `backdrop-blur(20px)` + border subtile. Utilisé sur navbar sticky et overlays.
- **Glass dark** : `glass-dark` = `rgba(0,0,0,0.3)` + `backdrop-blur(20px)` sur sections navy.
- **Animations** :
  - `animate-fade-in-up` (300-500ms ease-out) sur scroll reveal
  - `animate-hero-1/2/3/4` stagger sur hero (cubic-bezier(0.16,1,0.3,1), durée 0.8s, délai 0.1→0.7s)
  - `animate-hero-stats` slide-in from right (0.9s delay)
  - `section-reveal` + `stagger-children` activés par `IntersectionObserver` (cf. `ScrollReveal.tsx` / `hooks`)
  - `animate-ambient` / `animate-ambient-slow` : drift lent (20-28s) sur glows de fond
  - `animate-marquee` : 35s linéaire infini (bandeau logos presse)
- **Respect `prefers-reduced-motion`** : toutes les animations sont désactivées (cf. `index.css`).
- **Hover/focus** : CTA primaires → `scale(0.98) translateY(1px)` sur `:active`, transitions 200ms.

## Patterns de composition

- **Hero pages produit** : split 58/42 (texte / image), `min-h-[100svh]`, fond cream + ambient glows. Voir `src/components/product/ProductHero.tsx`.
- **Hero home** : full-bleed image industrielle, overlay navy + scrim, gros titre Satoshi, stats card en bottom-right.
- **Sections "comparatif"** : table sur desktop (`grid grid-cols-[1fr_140px_…]`), cards stack sur mobile. Headers de colonne en `bg-foreground` avec corner radius top.
- **FAQ** : Radix Accordion, cards en `bg-white` rounded-2xl, séparateurs en `border-border/40`.
- **CTA section** : fond navy (`#192A3A`), gradient ambient, double CTA (primaire terracotta + secondaire outline blanc).
- **Trust / preuve** : marquee logos presse + tableau stats + témoignages avec photos.

## Iconographie

- **Bibliothèque** : `lucide-react` (cf. `package.json`). Stroke-width `2.2` par défaut sur les icônes hero/réassurance.
- Pas d'emoji dans les copy production. Pas d'iconset custom (sauf logos certifications / presse stockés dans `public/logos` et `public/logos-press`).

## Composants shadcn/ui (`src/components/ui/`)

Stack `@radix-ui` + classes Tailwind via `class-variance-authority` et `clsx` + `tailwind-merge`. Restent vanilla shadcn : Button, Accordion, Tabs, Dialog, Tooltip, Toast (Sonner), Form (react-hook-form + zod), Carousel (Embla). Toujours réutiliser ces primitives avant de créer un composant ad-hoc.


---

# Ressources visuelles — screenshots pages & sections

> Captures auto-générées par `node scripts/llms-screenshots/capture.mjs` après `bun run dev`.
> Base URL : `https://www.covalba.fr` — chemin local : `public/screenshots/`.
> Pour chaque section : 1 capture **desktop** (1440×900) + 1 capture **mobile** (390×844) + 1 capture full-page par viewport.
> Quand tu crées une nouvelle page, ouvre les screenshots de la page la plus proche (produit, formulaire, home) pour copier la composition, palette et hiérarchie typographique.

## Accueil — `/`

- **Source** : `src/pages/Index.tsx`
- **Rôle** : Page d'accueil — pitch produit Covalba, preuves, sectorisation, comparatifs, FAQ.
- **Page entière** :
  - desktop (1440×900) → https://www.covalba.fr/screenshots/home/page-desktop.jpg
  - mobile (390×844) → https://www.covalba.fr/screenshots/home/page-mobile.jpg

| Section | Source | Desktop | Mobile | Rôle |
|---|---|---|---|---|
| **Navbar** | `src/components/Navbar.tsx` | [desktop](https://www.covalba.fr/screenshots/home/navbar-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/navbar-mobile.jpg) | Barre de navigation sticky avec logo, menu et CTA diagnostic. |
| **Hero** | `src/components/Hero.tsx` | [desktop](https://www.covalba.fr/screenshots/home/hero-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/hero-mobile.jpg) | Hero pleine page : titre, sous-titre, double CTA, stats chiffrées, image de fond industrielle. |
| **Constat — chaleur subie** | `src/components/ConstatSection.tsx` | [desktop](https://www.covalba.fr/screenshots/home/constat-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/constat-mobile.jpg) | Section problème : la chaleur sous la toiture, chiffres clés (°C, €). |
| **Le cool roof, en clair** | `src/components/CoolRoofExplainerSection.tsx` | [desktop](https://www.covalba.fr/screenshots/home/cool-roof-explainer-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/cool-roof-explainer-mobile.jpg) | Définition pédagogique cool roof, principe physique réflectivité + émissivité. |
| **Objection hiver** | `src/components/WinterObjectionSection.tsx` | [desktop](https://www.covalba.fr/screenshots/home/winter-objection-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/winter-objection-mobile.jpg) | Lève l'objection "et l'hiver ?" : démonstration que le bilan annuel est positif. |
| **Secteurs cibles** | `src/components/SectorsGrid.tsx` | [desktop](https://www.covalba.fr/screenshots/home/sectors-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/sectors-mobile.jpg) | Grille de secteurs ICP (pharma, agro, aéro, luxe, défense) avec illustrations. |
| **Le système — comment ça marche** | `src/components/SystemSection.tsx` | [desktop](https://www.covalba.fr/screenshots/home/system-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/system-mobile.jpg) | Stack technique : primaire + base coat + top coat, schéma en couches. |
| **Tableau comparatif prix** | `src/components/PriceComparisonSection.tsx` | [desktop](https://www.covalba.fr/screenshots/home/price-comparison-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/price-comparison-mobile.jpg) | Comparatif tarifaire Covalba vs membrane neuve vs isolation + étanchéité. |
| **Preuve sociale — chiffres** | `src/components/SocialProofSection.tsx` | [desktop](https://www.covalba.fr/screenshots/home/social-proof-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/social-proof-mobile.jpg) | Bandeau de stats clients sur fond navy. |
| **Acrylique vs polyuréthane** | `src/components/PriceVSSection.tsx` | [desktop](https://www.covalba.fr/screenshots/home/price-vs-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/price-vs-mobile.jpg) | Comparatif technique vs concurrence résine acrylique. |
| **Impact RSE — transition** | `src/components/RSESection.tsx` | [desktop](https://www.covalba.fr/screenshots/home/rse-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/rse-mobile.jpg) | Bandeau RSE / certifications, transition visuelle vers section navy. |
| **Témoignages clients** | `src/components/Testimonials.tsx` | [desktop](https://www.covalba.fr/screenshots/home/testimonials-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/testimonials-mobile.jpg) | Témoignages chantiers (citations + photos) sur fond navy. |
| **Le process chantier** | `src/components/ProcessSection.tsx` | [desktop](https://www.covalba.fr/screenshots/home/process-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/process-mobile.jpg) | Étapes chantier sécurisé (machines au sol, flexibles, EPI). |
| **Expertise toiture** | `src/components/ExpertiseSection.tsx` | [desktop](https://www.covalba.fr/screenshots/home/expertise-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/expertise-mobile.jpg) | Différenciation : techniciens de la toiture, pas peintres. |
| **FAQ** | `src/components/FAQ.tsx` | [desktop](https://www.covalba.fr/screenshots/home/faq-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/faq-mobile.jpg) | FAQ accordéon — objections récurrentes. |
| **Bandeau presse** | `src/components/PressSection.tsx` | [desktop](https://www.covalba.fr/screenshots/home/press-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/press-mobile.jpg) | Logos médias presse (Les Echos, BFM, etc.). |
| **CTA section** | `src/components/CTASection.tsx` | [desktop](https://www.covalba.fr/screenshots/home/cta-mid-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/cta-mid-mobile.jpg) | CTA final avant zone SEO / ressources. |
| **Ressources / guides** | `src/components/BlogPreview.tsx` | [desktop](https://www.covalba.fr/screenshots/home/blog-preview-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/blog-preview-mobile.jpg) | Aperçu blog / ressources téléchargeables. |
| **Zone SEO éditoriale** | `src/components/SEOContent.tsx` | [desktop](https://www.covalba.fr/screenshots/home/seo-content-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/seo-content-mobile.jpg) | Texte SEO long-form bas de page, liens internes. |
| **Réseau applicateurs** | `src/components/ApplicatorsSection.tsx` | [desktop](https://www.covalba.fr/screenshots/home/applicators-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/applicators-mobile.jpg) | Recrutement applicateurs certifiés Covalba. |
| **Footer** | `src/components/Footer.tsx` | [desktop](https://www.covalba.fr/screenshots/home/footer-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/home/footer-mobile.jpg) | Pied de page : liens sitemap, mentions, contact. |

## Diagnostic — `/diagnostic`

- **Source** : `src/pages/Diagnostic.tsx`
- **Rôle** : Page formulaire de diagnostic gratuit avec colonne réassurance.
- **Page entière** :
  - desktop (1440×900) → https://www.covalba.fr/screenshots/diagnostic/page-desktop.jpg
  - mobile (390×844) → https://www.covalba.fr/screenshots/diagnostic/page-mobile.jpg

| Section | Source | Desktop | Mobile | Rôle |
|---|---|---|---|---|
| **Navbar** | `src/components/Navbar.tsx` | [desktop](https://www.covalba.fr/screenshots/diagnostic/navbar-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/diagnostic/navbar-mobile.jpg) | Variante claire (lightBg). |
| **Formulaire diagnostic + réassurance** | `src/components/diagnostic/DiagnosticForm.tsx` | [desktop](https://www.covalba.fr/screenshots/diagnostic/form-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/diagnostic/form-mobile.jpg) | Layout 2 colonnes : formulaire (8/12) + reassurance items + logos clients (4/12). |
| **Footer** | `src/components/Footer.tsx` | [desktop](https://www.covalba.fr/screenshots/diagnostic/footer-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/diagnostic/footer-mobile.jpg) | Pied de page partagé. |

## Estimation — `/estimation`

- **Source** : `src/pages/Estimation.tsx`
- **Rôle** : Page calcul d'estimation économies / budget.
- **Page entière** :
  - desktop (1440×900) → https://www.covalba.fr/screenshots/estimation/page-desktop.jpg
  - mobile (390×844) → https://www.covalba.fr/screenshots/estimation/page-mobile.jpg

| Section | Source | Desktop | Mobile | Rôle |
|---|---|---|---|---|
| **Navbar** | `src/components/Navbar.tsx` | [desktop](https://www.covalba.fr/screenshots/estimation/navbar-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/estimation/navbar-mobile.jpg) | Variante par défaut. |
| **Formulaire d'estimation** | `src/pages/Estimation.tsx` | [desktop](https://www.covalba.fr/screenshots/estimation/form-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/estimation/form-mobile.jpg) | Calcul ROI / économies avec saisie surface + secteur + type bâtiment. |
| **Footer** | `src/components/Footer.tsx` | [desktop](https://www.covalba.fr/screenshots/estimation/footer-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/estimation/footer-mobile.jpg) | Pied de page partagé. |

## Produit — CovaTherm — `/solutions/covatherm`

- **Source** : `src/pages/solutions/CovaTherm.tsx`
- **Rôle** : Fiche produit CovaTherm 8 / 20 (peinture polyuréthane SRI 118).
- **Page entière** :
  - desktop (1440×900) → https://www.covalba.fr/screenshots/covatherm/page-desktop.jpg
  - mobile (390×844) → https://www.covalba.fr/screenshots/covatherm/page-mobile.jpg

| Section | Source | Desktop | Mobile | Rôle |
|---|---|---|---|---|
| **Navbar** | `src/components/Navbar.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm/navbar-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm/navbar-mobile.jpg) | Variante lightBg. |
| **Hero produit** | `src/components/product/ProductHero.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm/product-hero-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm/product-hero-mobile.jpg) | Hero split image + texte : nom produit, tagline, badges, stats hero. |
| **Showcase toggle CovaTherm 8/20** | `src/components/product/ProductShowcase.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm/showcase-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm/showcase-mobile.jpg) | Toggle entre les deux variantes (avec/sans top coat). |
| **Compatibilités toitures** | `src/components/product/CompatibilityTabs.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm/compatibility-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm/compatibility-mobile.jpg) | Grille des types de toiture compatibles avec image+description. |
| **Spécifications techniques** | `src/components/product/TechnicalSpecs.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm/tech-specs-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm/tech-specs-mobile.jpg) | Tableau comparatif CovaTherm vs résine acrylique. |
| **6 avantages** | `src/components/product/ProductAdvantages.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm/advantages-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm/advantages-mobile.jpg) | Grille de 6 cards avantages produit. |
| **FAQ produit** | `src/components/product/ProductFAQ.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm/faq-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm/faq-mobile.jpg) | FAQ produit (15 questions sur SRI, hiver, prix, etc.). |
| **Guide pédagogique** | `src/components/product/CoolRoofGuide.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm/cool-roof-guide-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm/cool-roof-guide-mobile.jpg) | Long-form SEO "la peinture cool roof, en clair". |
| **CTA finale** | `src/components/CTASection.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm/cta-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm/cta-mobile.jpg) | CTA partagée (devis / diagnostic). |
| **Produits liés** | `src/components/product/RelatedProducts.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm/related-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm/related-mobile.jpg) | Cards des autres produits gamme Covalba. |
| **Réseau applicateurs** | `src/components/ApplicatorsSection.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm/applicators-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm/applicators-mobile.jpg) | Section partagée applicateurs. |
| **Footer** | `src/components/Footer.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm/footer-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm/footer-mobile.jpg) | Pied de page partagé. |

## Produit — CovaTherm Light — `/solutions/covatherm-light`

- **Source** : `src/pages/solutions/CovaThermLight.tsx`
- **Rôle** : Fiche produit CovaTherm Light (entrée de gamme prix d'appel).
- **Page entière** :
  - desktop (1440×900) → https://www.covalba.fr/screenshots/covatherm-light/page-desktop.jpg
  - mobile (390×844) → https://www.covalba.fr/screenshots/covatherm-light/page-mobile.jpg

| Section | Source | Desktop | Mobile | Rôle |
|---|---|---|---|---|
| **Navbar** | `src/components/Navbar.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm-light/navbar-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm-light/navbar-mobile.jpg) | Variante lightBg. |
| **Hero produit** | `src/components/product/ProductHero.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm-light/product-hero-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm-light/product-hero-mobile.jpg) | Hero split image + texte. |
| **Showcase** | `src/components/product/covatherm-light/CovaThermLightShowcase.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm-light/showcase-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm-light/showcase-mobile.jpg) | Présentation spécifique CovaTherm Light. |
| **Avant / Après** | `src/components/product/covatherm-light/CovaThermLightBeforeAfter.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm-light/before-after-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm-light/before-after-mobile.jpg) | Slider before/after sur photo chantier. |
| **Compatibilités** | `src/components/product/CompatibilityTabs.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm-light/compatibility-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm-light/compatibility-mobile.jpg) | Grille types de toiture. |
| **Spécifications techniques** | `src/components/product/covatherm-light/CovaThermLightSpecs.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm-light/tech-specs-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm-light/tech-specs-mobile.jpg) | Specs propres CovaTherm Light. |
| **Certifications** | `src/components/product/covatherm-light/CovaThermLightCertifications.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm-light/certifications-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm-light/certifications-mobile.jpg) | Logos / labels (CEE, RGE, etc.). |
| **Avantages** | `src/components/product/covatherm-light/CovaThermLightAdvantages.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm-light/advantages-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm-light/advantages-mobile.jpg) | Grille avantages. |
| **Comparaison gamme** | `src/components/product/covatherm-light/CovaThermLightComparison.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm-light/comparison-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm-light/comparison-mobile.jpg) | Comparatif vs CovaTherm 8/20. |
| **FAQ** | `src/components/product/ProductFAQ.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm-light/faq-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm-light/faq-mobile.jpg) | FAQ produit. |
| **Édito long-form** | `src/components/product/covatherm-light/CovaThermLightEditorial.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm-light/editorial-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm-light/editorial-mobile.jpg) | Texte éditorial SEO bas de page. |
| **CTA finale** | `src/components/CTASection.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm-light/cta-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm-light/cta-mobile.jpg) | CTA partagée. |
| **Produits liés** | `src/components/product/RelatedProducts.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm-light/related-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm-light/related-mobile.jpg) | Cards produits liés. |
| **Réseau applicateurs** | `src/components/ApplicatorsSection.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm-light/applicators-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm-light/applicators-mobile.jpg) | Section partagée applicateurs. |
| **Footer** | `src/components/Footer.tsx` | [desktop](https://www.covalba.fr/screenshots/covatherm-light/footer-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covatherm-light/footer-mobile.jpg) | Pied de page partagé. |

## Produit — CovaSeal 20 — `/solutions/covaseal-20`

- **Source** : `src/pages/solutions/CovaSeal.tsx`
- **Rôle** : Fiche produit CovaSeal 20 (étanchéité liquide cool roof).
- **Page entière** :
  - desktop (1440×900) → https://www.covalba.fr/screenshots/covaseal-20/page-desktop.jpg
  - mobile (390×844) → https://www.covalba.fr/screenshots/covaseal-20/page-mobile.jpg

| Section | Source | Desktop | Mobile | Rôle |
|---|---|---|---|---|
| **Navbar** | `src/components/Navbar.tsx` | [desktop](https://www.covalba.fr/screenshots/covaseal-20/navbar-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covaseal-20/navbar-mobile.jpg) | Variante lightBg. |
| **Hero produit** | `src/components/product/ProductHero.tsx` | [desktop](https://www.covalba.fr/screenshots/covaseal-20/product-hero-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covaseal-20/product-hero-mobile.jpg) | Hero split image + texte. |
| **Showcase** | `src/components/product/covaseal/CovaSealShowcase.tsx` | [desktop](https://www.covalba.fr/screenshots/covaseal-20/showcase-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covaseal-20/showcase-mobile.jpg) | Présentation spécifique CovaSeal. |
| **Compatibilités** | `src/components/product/CompatibilityTabs.tsx` | [desktop](https://www.covalba.fr/screenshots/covaseal-20/compatibility-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covaseal-20/compatibility-mobile.jpg) | Grille types de toiture. |
| **Spécifications techniques** | `src/components/product/covaseal/CovaSealSpecs.tsx` | [desktop](https://www.covalba.fr/screenshots/covaseal-20/tech-specs-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covaseal-20/tech-specs-mobile.jpg) | Specs propres CovaSeal. |
| **Certifications** | `src/components/product/covaseal/CovaSealCertifications.tsx` | [desktop](https://www.covalba.fr/screenshots/covaseal-20/certifications-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covaseal-20/certifications-mobile.jpg) | Labels / certifications. |
| **Avantages** | `src/components/product/covaseal/CovaSealAdvantages.tsx` | [desktop](https://www.covalba.fr/screenshots/covaseal-20/advantages-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covaseal-20/advantages-mobile.jpg) | Grille avantages. |
| **Comparaison** | `src/components/product/covaseal/CovaSealComparison.tsx` | [desktop](https://www.covalba.fr/screenshots/covaseal-20/comparison-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covaseal-20/comparison-mobile.jpg) | Comparatif solutions étanchéité. |
| **FAQ** | `src/components/product/ProductFAQ.tsx` | [desktop](https://www.covalba.fr/screenshots/covaseal-20/faq-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covaseal-20/faq-mobile.jpg) | FAQ produit. |
| **Édito long-form** | `src/components/product/covaseal/CovaSealEditorial.tsx` | [desktop](https://www.covalba.fr/screenshots/covaseal-20/editorial-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covaseal-20/editorial-mobile.jpg) | Texte éditorial SEO. |
| **CTA finale** | `src/components/CTASection.tsx` | [desktop](https://www.covalba.fr/screenshots/covaseal-20/cta-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covaseal-20/cta-mobile.jpg) | CTA partagée. |
| **Produits liés** | `src/components/product/RelatedProducts.tsx` | [desktop](https://www.covalba.fr/screenshots/covaseal-20/related-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covaseal-20/related-mobile.jpg) | Cards produits liés. |
| **Réseau applicateurs** | `src/components/ApplicatorsSection.tsx` | [desktop](https://www.covalba.fr/screenshots/covaseal-20/applicators-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covaseal-20/applicators-mobile.jpg) | Section partagée applicateurs. |
| **Footer** | `src/components/Footer.tsx` | [desktop](https://www.covalba.fr/screenshots/covaseal-20/footer-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covaseal-20/footer-mobile.jpg) | Pied de page partagé. |

## Produit — CovaMetal 20 — `/solutions/covametal-20`

- **Source** : `src/pages/solutions/CovaMetal.tsx`
- **Rôle** : Fiche produit CovaMetal 20 (cool roof bac acier).
- **Page entière** :
  - desktop (1440×900) → https://www.covalba.fr/screenshots/covametal-20/page-desktop.jpg
  - mobile (390×844) → https://www.covalba.fr/screenshots/covametal-20/page-mobile.jpg

| Section | Source | Desktop | Mobile | Rôle |
|---|---|---|---|---|
| **Navbar** | `src/components/Navbar.tsx` | [desktop](https://www.covalba.fr/screenshots/covametal-20/navbar-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covametal-20/navbar-mobile.jpg) | Variante lightBg. |
| **Hero produit** | `src/components/product/ProductHero.tsx` | [desktop](https://www.covalba.fr/screenshots/covametal-20/product-hero-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covametal-20/product-hero-mobile.jpg) | Hero split image + texte. |
| **Showcase** | `src/components/product/covametal/CovaMetalShowcase.tsx` | [desktop](https://www.covalba.fr/screenshots/covametal-20/showcase-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covametal-20/showcase-mobile.jpg) | Présentation spécifique CovaMetal. |
| **Compatibilités** | `src/components/product/CompatibilityTabs.tsx` | [desktop](https://www.covalba.fr/screenshots/covametal-20/compatibility-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covametal-20/compatibility-mobile.jpg) | Grille types de toiture (bac acier focus). |
| **Spécifications techniques** | `src/components/product/covametal/CovaMetalSpecs.tsx` | [desktop](https://www.covalba.fr/screenshots/covametal-20/tech-specs-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covametal-20/tech-specs-mobile.jpg) | Specs propres CovaMetal. |
| **Certifications** | `src/components/product/covametal/CovaMetalCertifications.tsx` | [desktop](https://www.covalba.fr/screenshots/covametal-20/certifications-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covametal-20/certifications-mobile.jpg) | Labels. |
| **Avantages** | `src/components/product/covametal/CovaMetalAdvantages.tsx` | [desktop](https://www.covalba.fr/screenshots/covametal-20/advantages-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covametal-20/advantages-mobile.jpg) | Grille avantages. |
| **Comparaison** | `src/components/product/covametal/CovaMetalComparison.tsx` | [desktop](https://www.covalba.fr/screenshots/covametal-20/comparison-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covametal-20/comparison-mobile.jpg) | Comparatif anticorrosion. |
| **FAQ** | `src/components/product/ProductFAQ.tsx` | [desktop](https://www.covalba.fr/screenshots/covametal-20/faq-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covametal-20/faq-mobile.jpg) | FAQ produit. |
| **Édito long-form** | `src/components/product/covametal/CovaMetalEditorial.tsx` | [desktop](https://www.covalba.fr/screenshots/covametal-20/editorial-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covametal-20/editorial-mobile.jpg) | Texte éditorial SEO. |
| **CTA finale** | `src/components/CTASection.tsx` | [desktop](https://www.covalba.fr/screenshots/covametal-20/cta-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covametal-20/cta-mobile.jpg) | CTA partagée. |
| **Produits liés** | `src/components/product/RelatedProducts.tsx` | [desktop](https://www.covalba.fr/screenshots/covametal-20/related-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covametal-20/related-mobile.jpg) | Cards produits liés. |
| **Réseau applicateurs** | `src/components/ApplicatorsSection.tsx` | [desktop](https://www.covalba.fr/screenshots/covametal-20/applicators-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covametal-20/applicators-mobile.jpg) | Section partagée applicateurs. |
| **Footer** | `src/components/Footer.tsx` | [desktop](https://www.covalba.fr/screenshots/covametal-20/footer-desktop.jpg) | [mobile](https://www.covalba.fr/screenshots/covametal-20/footer-mobile.jpg) | Pied de page partagé. |

## Comment dupliquer / créer une nouvelle page

1. Choisir la page la plus proche dans la liste ci-dessus et ouvrir ses screenshots desktop + mobile.
2. Lire le fichier `Source` indiqué et identifier les composants partagés à réutiliser (Navbar, Footer, CTASection, ApplicatorsSection, FAQ, etc.).
3. Respecter les tokens définis dans la section _Direction artistique & design system_ ci-dessus.
4. Déclarer la nouvelle route dans `src/config/routes.ts` puis l'associer dans `src/App.tsx` (`componentMap`).
5. Ajouter une entrée dans `scripts/llms-screenshots/manifest.mjs` pour que la page soit capturée au prochain run.
6. Relancer `bun run llms:screenshots` pour régénérer captures + index llms.txt.

<!-- LLMS:AUTO:END -->