feat: improve alternative landing pages

content/landing-pages/chauffage-energie-renouvelable-copropriete/index.mdx

@@ -5,7 +5,7 @@ titre: Chauffage à énergie renouvelable pour les copropriétés POPOP
 import { GreenHearthImage } from "./GreenHearthImage.tsx"
 import { MagnifyingGlassImage } from "./MagnifyingGlassImage.tsx"
 
-<div className="mt-16" />
+<Separateur niveau="16" />
 
 ## Les systèmes de chauffage à énergie renouvelable pour les copropriétés
 
@@ -20,7 +20,7 @@ import { MagnifyingGlassImage } from "./MagnifyingGlassImage.tsx"
 
 </div>
 
-<div className="mt-32" />
+<Separateur niveau="32" />
 
 ## Qu’est-ce qu’une énergie renouvelable ?
 
@@ -53,13 +53,13 @@ Les énergies renouvelables (ENR) sont des sources d'énergie qui se régénère
     />
 </div>
 
-<div className="mt-20" />
+<Separateur niveau="20" />
 
 <div>    
   Dans une période où la transition énergétique est devenue une priorité, les copropriétés ont un rôle clé à jouer pour réduire les émissions de gaz à effet de serre. Les systèmes de chauffage à énergie renouvelable offrent une solution efficace et durable pour chauffer les bâtiments tout en réduisant leur empreinte carbone.
 </div>
 
-<div className="mt-32" />
+<Separateur niveau="32" />
 
 ## Quelles solutions concrètes pour ma copropriété ?
 
@@ -120,13 +120,13 @@ Les énergies renouvelables (ENR) sont des sources d'énergie qui se régénère
   </div>
 </div>
 
-<div className="mt-12" />
+<Separateur niveua="12" />
 
 <div>
 Pour aller plus loin, vous pouvez aller sur : <a href="https://france-chaleur-urbaine.beta.gouv.fr/">le site du fond chaleur</a>, <a href="https://www.ecologie.gouv.fr/politiques-publiques/reseaux-chaleur">Site du Ministère</a> et le site du <a href="https://www.syndicat-energies-renouvelables.fr/">SER</a>.
 </div>
 
-<div className="mt-32"/>
+<Separateur niveau="32"/>
 
 ## L'importance de l'isolation et de la sobriété énergétique
 
@@ -135,7 +135,7 @@ Pour optimiser le fonctionnement des systèmes de chauffage ainsi que leur dimen
 Un système de chauffage écologique fonctionne en effet mieux lorsque le bâtiment est bien isolé. Une approche globale pour la rénovation énergétique, qui intègre l'adoption d’un système de chauffage fonctionnant avec des énergies renouvelables et l'isolation, est donc essentielle pour réduire les émissions de gaz à effet de serre, et optimiser les gains financiers.
 
 
-<div className="mt-10" />
+<Separateur nievau="10" />
 
 <Card
     fullWidth
@@ -148,11 +148,9 @@ Un système de chauffage écologique fonctionne en effet mieux lorsque le bâtim
         Pacoupa, notre simulateur en ligne, permet d'estimer les coûts et les bénéfices d'un tel projet pour votre copropriété. En moins de 5 minutes, vous pouvez obtenir une évaluation des économies d'énergie, des réductions d'émissions de CO2, et du retour sur investissement.
         </p>
 
-
-      <div className="mt-8">
-        <CTA eventName="Landing page" />
-      </div>
-
+      <Separateur niveau="8" />
+
+      <CTA eventName="Landing page" />
     </>
     }
  />

content/landing-pages/ges-batiment-france/index.mdx

@@ -8,7 +8,7 @@ import { TargetImage } from "./TargetImage.tsx"
 import { SunImage } from "./SunImage.tsx"
 import { PlantImage } from "./PlantImage.tsx"
 
-<div className="mt-16" />
+<Separateur niveau="16" />
 
 ## Quelle part du bâtiment dans l’émission de gaz à effet de serre en France et comment la réduire ?
 
@@ -23,7 +23,7 @@ import { PlantImage } from "./PlantImage.tsx"
 
 </div>
 
-<div className="mt-32" />
+<Separateur niveau="32" />
 
 ## Le contexte
 <div className="grid grid-cols-[minmax(230px,_1fr)_minmax(50px,_177px)] gap-2 md:gap-8">
@@ -38,7 +38,7 @@ import { PlantImage } from "./PlantImage.tsx"
   </div>
 </div>
 
-<div className="mt-32" />
+<Separateur niveau="32" />
 
 ## L’état actuel des bâtiments en France
 
@@ -57,7 +57,7 @@ import { PlantImage } from "./PlantImage.tsx"
 
 </div>
 
-<div className="mt-32" />
+<Separateur niveau="32" />
 
 ## Les défis de la transition énergétique
 
@@ -90,13 +90,13 @@ Pour réduire les émissions de gaz à effet de serre des bâtiments, plusieurs
     />
 </div>
 
-<div className="mt-12" />
+<Separateur niveau="12" />
 
 <div>    
 La rénovation énergétique des bâtiments est un facteur clé de cette transition. Pourtant, le rythme actuel des rénovations est insuffisant. Les rénovations sont souvent effectuées au fil du temps poste par poste (fenêtres, toiture, chauffage) au lieu d'être abordées de manière globale. Les travaux successifs ne sont pas toujours cohérents et peuvent créer des désordres sur le bâtiment, par exemple des ponts thermique si l’isolation entre le toit et les murs n’est pas continue.
 </div>
 
-<div className="mt-32" />
+<Separateur niveau="32" />
 
 ## Les obstacles majeurs à la décarbonation
 
@@ -108,7 +108,7 @@ Cependant, plusieurs obstacles freinent cette transition :
 - **Trop de rénovations partielles** : moins efficaces que les rénovations globales.
 - **Faible adoption des énergies renouvelables** : très peu de copropriétés installent des systèmes de chauffage basés sur des énergies renouvelables, souvent par manque de connaissances ou d’aides pour se lancer.
 
-<div className="mt-32" />
+<Separateur niveau="32" />
 
 ## Un contexte favorable à la transition
 
@@ -156,7 +156,7 @@ Heureusement, plusieurs facteurs démontrent un contexte de plus en plus favorab
   </div>
 </div>
 
-<div className="mt-32" />
+<Separateur niveau="32" />
 
 ## Le déclencheur pour réaliser des travaux : le remplacement du système de chauffage
 
@@ -178,21 +178,26 @@ Heureusement, plusieurs facteurs démontrent un contexte de plus en plus favorab
   </div>
 
 </div>
-<div className="mt-10" />
+
+<Separateur niveau="16" />
 
 <Card
     fullWidth
     header={<h4>Aller plus loin</h4>}
     content={
       <>
         <p>
-        Envie d’en savoir pour votre copropriété ? Vous pouvez, après avoir répondu en 3 min à 10 questions, avoir une estimation des gains et coûts énergétiques et financiers pour votre copropriété.
+        Envie d’en savoir pour votre copropriété ? 
+        </p>
+
+        <p>
+        Vous pouvez, après avoir répondu en 3 min à 10 questions, avoir une estimation des gains et coûts énergétiques et financiers pour votre copropriété.
         </p>
 
 
-      <div className="mt-8">
-        <CTA eventName="Landing page" />
-      </div>
+      <Separateur niveau="8" />
+
+      <CTA eventName="Landing page" />
 
     </>
     }

content/landing-pages/renovation-energetique-copropriete/index.mdx

@@ -5,7 +5,7 @@ titre: La rénovation énergétique en copropriété
 import { PacoupixImage } from "./PacoupixImage.tsx"
 import { BuildingImage } from "./BuildingImage.tsx"
 
-<div className="mt-4" />
+<Separateur niveau="4" />
 
 # La rénovation énergétique en copropriété
 
@@ -19,7 +19,7 @@ En France, les copropriétés représentent une part significative du parc immob
 
 </div>
 
-<div className="mt-8" />
+<Separateur niveau="8" />
 
 ## Pourquoi rénover énergétiquement une copropriété ?
 
@@ -71,7 +71,7 @@ La rénovation énergétique présente de nombreux avantages pour les coproprié
     </div>
 </div>
 
-<div className="mt-8" />
+<Separateur niveau="8" />
 
 ## Les étapes clés de la rénovation énergétique
 
@@ -123,7 +123,7 @@ Voici les principales étapes pour une copropriété :
 
 </div>
 
-<div className="mt-8"/>
+<Separateur niveau="8"/>
 
 ## Les principaux travaux de rénovation énergétique
 
@@ -185,10 +185,9 @@ Voici les six postes de travaux les plus couramment réalisés dans le cadre d
   Lorsqu’ils sont réalisés en une seule fois, il s’agit d’une rénovation globale. Bien plus performante qu’une rénovation monogeste (ou encore geste par geste), elle permet de traiter les ponts thermiques ainsi qu’un meilleur dimensionnement du système de chauffage. 
 </p>
 
-<div className="mt-12" />
+<Separateur niveau="12" />
 
 <Card
-    fullWidth
     header={<h4>Pour résumer</h4>}
     content={
       <>
@@ -201,9 +200,9 @@ Voici les six postes de travaux les plus couramment réalisés dans le cadre d
           Prêt à franchir le pas ?
         </p>
 
-      <div className="mt-8">
-      </div>
-        <CTA eventName="Landing page" />
+      <Separateur niveau="8" />
+
+      <CTA eventName="Landing page" />
 
     </>
     }

content/posts/part-batiment-ges-en-france.mdx

@@ -58,8 +58,19 @@ Le remplacement du système de chauffage est souvent le déclencheur des réflex
 
 Pour éviter ces pièges, il est essentiel de promouvoir une **approche globale de la rénovation énergétique, intégrant à la fois l'isolation et l'installation de systèmes de chauffage fonctionnant avec des énergies renouvelables**, et d'accompagner les copropriétés tout au long du processus.
 
-### Aller plus loin
-
-Envie d’en savoir pour votre copropriété ? Vous pouvez, après avoir répondu en 3 min à 10 questions, avoir une estimation des gains et coûts énergétiques et financiers pour votre copropriété.
-
-<CTA eventName="Blog" />
+<Separateur niveau="16" />
+
+<Card
+    fullWidth
+    header={<h4>Aller plus loin</h4>}
+    content={
+      <>
+        Envie d’en savoir pour votre copropriété ? Vous pouvez, après avoir répondu en 3 min à 10 questions, avoir une estimation des gains et coûts énergétiques et financiers pour votre copropriété.
+
+      <div className="mt-8">
+        <CTA eventName="Blog" />
+      </div>
+
+    </>
+    }
+ />

content/posts/systemes-chauffage-enr.mdx

@@ -48,10 +48,26 @@ Pour optimiser le fonctionnement des systèmes de chauffage ainsi que leur dimen
 
 Un système de chauffage écologique fonctionne en effet mieux lorsque le bâtiment est bien isolé. Une approche globale pour la rénovation énergétique, qui intègre l'adoption d’un système de chauffage fonctionnant avec des énergies renouvelables et l'isolation, est donc essentielle pour réduire les émissions de gaz à effet de serre, et optimiser les gains financiers.
 
-### Passez à l'action grâce à Pacoupa
+<Separateur niveau="16" />
 
-Vous êtes copropriétaire et intéressé.e par un passage aux systèmes de chauffage à énergie renouvelable ?
+<Card
+    fullWidth
+    header={<h4>Passez à l'action grâce à Pacoupa</h4>}
+    content={
+      <>
+        <p>
+        Vous êtes copropriétaire et intéressé.e par un passage aux systèmes de chauffage à énergie renouvelable ?
+        </p>
 
-Pacoupa, notre simulateur en ligne, permet d'estimer les coûts et les bénéfices d'un tel projet pour votre copropriété. En moins de 5 minutes, vous pouvez obtenir une évaluation des économies d'énergie, des réductions d'émissions de CO2, et du retour sur investissement.
+        <p>
+        Pacoupa, notre simulateur en ligne, permet d'estimer les coûts et les bénéfices d'un tel projet pour votre copropriété. En moins de 5 minutes, vous pouvez obtenir une évaluation des économies d'énergie, des réductions d'émissions de CO2, et du retour sur investissement.
+        </p>
 
-<CTA eventName="Blog" />
+
+      <div className="mt-8">
+        <CTA eventName="Blog" />
+      </div>
+
+    </>
+    }
+ />

src/components/Card.tsx

@@ -30,6 +30,7 @@ export const Card = ({
   content,
   marker,
   markerPosition = "right",
+  fullWidth,
   footer,
   headerAlign = "left",
   footerAlign = "right",
@@ -39,10 +40,11 @@ export const Card = ({
     <>
       <div
         className={cx(
-          "flex flex-col justify-start items-stretch p-4 gap-1 bg-white border border-solid border-body-700 shadow rounded-lg w-full max-w-lg h-full relative ",
+          "flex flex-col justify-start items-stretch p-4 gap-1 bg-white border border-solid border-body-700 shadow rounded-lg w-full h-full relative ",
           {
             "transition-transform duration-300 active:shadow-none motion-reduce:transition-none motion-reduce:active:transform-none":
               removeShadowOnClick,
+            "max-w-lg": !fullWidth,
           },
         )}
       >