feat: blog improvements (#109)

* feat: reduce width for blog post * feat: improve alternative landing pages * feat: add image component for mdx content * feat: add a Retour button for blog * feat: move contact in default folder for simplify layout logic * feat: ajouter un bouton pour copier + fix localstorage in SSR mode * feat: refactor layouts * feat: make a reset mode and an error to explain to user the error and propose a link to reset
incubateur-ademe · Dec 4, 2024 · 9e3d88c · 9e3d88c
1 parent b9957e8
commit 9e3d88c
Show file tree

Hide file tree

Showing 95 changed files with 898 additions and 705 deletions.
diff --git a/...ent/posts/part-batiment-ges-en-france.mdx → content/blog/part-batiment-ges-en-france.mdx b/...ent/posts/part-batiment-ges-en-france.mdx → content/blog/part-batiment-ges-en-france.mdx
@@ -13,6 +13,8 @@ Le secteur du bâtiment représente aujourd'hui environ 18 % des émissions de g
 
 Pour atteindre la neutralité carbone d'ici 2050, la France doit drastiquement réduire les émissions de GES provenant des bâtiments, en les faisant passer de 75 millions de tonnes de CO2 (MtCO2) à 30 MtCO2 d'ici 2030.
 
+<Image src="aaron-burden-bcn5fhJGtD8-unsplash.jpg" />
+
 ### L’état actuel des bâtiments en France
 
 Actuellement près de la moitié des logements en France sont chauffés grâce à des énergies fossiles, comme le fioul ou le gaz. Si l'on ajoute l’électrique, 87 % des logements utilisent une source d'énergie non renouvelable pour le chauffage. 
@@ -21,7 +23,7 @@ Le secteur du bâtiment représente 45 % de la consommation finale d'énergie da
 
 ### Les défis de la transition énergétique
 
-Pour réduire les émissions de gaz à effet de serre des bâtiments, plusieurs actions sont nécessaires :
+Pour réduire les émissions de gaz à effet de serre des bâtiments, plusieurs actions sont nécessaires&nbsp;:
 
 - **Adoption de comportements de sobriété énergétique** : réduire la consommation d'énergie grâce à des comportements plus économes.
 - **Isolation thermique** : améliorer l'isolation des bâtiments pour réduire les besoins en chauffage et en climatisation.
@@ -33,15 +35,15 @@ La rénovation énergétique des bâtiments est un facteur clé de cette transit
 
 La rénovation énergétique des bâtiments et l'adoption des énergies renouvelables pour produire du chauffage et l'eau chaude sanitaire sont essentielles pour réduire les émissions de CO2. 
 
-Cependant, plusieurs obstacles freinent cette transition :
+Cependant, plusieurs obstacles freinent cette transition&nbsp;:
 
 - **Le nombre insuffisant de rénovations** : le nombre de rénovations effectuées chaque année est très faible par rapport aux objectifs nationaux, à fortiori pour les copropriétés.
 - **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.
 
 ### Un contexte favorable à la transition
 
-Heureusement, plusieurs facteurs démontrent un contexte de plus en plus favorable à la rénovation énergétique :
+Heureusement, plusieurs facteurs démontrent un contexte de plus en plus favorable à la rénovation énergétique&nbsp;:
 
 - **L’augmentation des prix de l'énergie** : la hausse des coûts des énergies fossiles incite à rechercher des alternatives plus économiques.
 - **Les réglementations et les lois** : les réglementations de plus en plus strictes obligent les propriétaires à se conformer à des normes énergétiques élevées.
@@ -51,15 +53,23 @@ Heureusement, plusieurs facteurs démontrent un contexte de plus en plus favorab
 
 ### Le déclencheur pour réaliser des travaux : le remplacement du système de chauffage
 
-Le remplacement du système de chauffage est souvent le déclencheur des réflexions sur la rénovation énergétique. Cependant, ce remplacement présente des risques :
+Le remplacement du système de chauffage est souvent le déclencheur des réflexions sur la rénovation énergétique. Cependant, ce remplacement présente des risques&nbsp;:
 
 - **Rester en fossile** : il existe un risque de simplement remplacer un système fossile par un autre, sans envisager des alternatives décarbonées par faute d’information ou par habitude.
 - **Remplacement sans isolation** : le remplacement du chauffage par un système décarboné sans améliorer l'isolation peut réduire l'efficacité des investissements.
 
 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
+<Spacer size="64" />
+
+<Card fullWidth>
+  <Card.Title>Aller plus loin</Card.Title>
+  <Card.Body>
+    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é.
+
+    <Spacer size="32" />
 
-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" />
+  </Card.Body>
+</Card>
 
-<CTA eventName="Blog" />
diff --git a/...ts/renovation-energetique-copropriete.mdx → ...og/renovation-energetique-copropriete.mdx b/...ts/renovation-energetique-copropriete.mdx → ...og/renovation-energetique-copropriete.mdx
diff --git a/content/posts/systemes-chauffage-enr.mdx → content/blog/systemes-chauffage-enr.mdx b/content/posts/systemes-chauffage-enr.mdx → content/blog/systemes-chauffage-enr.mdx
@@ -7,7 +7,7 @@ image: thought-catalog-505eectW54k-unsplash.jpg
 
 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. 
 
-### Qu’est-ce qu’une énergie renouvelable ?
+### Qu’est-ce qu’une énergie renouvelable&nbsp;?
 
 Les énergies renouvelables (ENR) sont des sources d'énergie qui se régénèrent naturellement et rapidement, comme le soleil, le vent, la chaleur terrestre, ou encore les plantes. Contrairement aux énergies fossiles comme le pétrole ou le gaz, elles ne s'épuisent pas à court/moyen terme et sont bien meilleures pour l'environnement. 
 
@@ -17,7 +17,7 @@ Les énergies renouvelables (ENR) sont des sources d'énergie qui se régénère
 
 L'ADEME (Agence de la transition écologique) recommande plusieurs solutions pour le chauffage des bâtiments, souvent connues pour les maisons individuelles. Or elle sont également pertinentes pour les copropriétés, d’autant plus que des aides existent pour les financer. 
 
-### Quelles solutions concrètes pour ma copropriété ?
+### Quelles solutions concrètes pour ma copropriété&nbsp;?
 
 1. **Réseau de chaleur urbain**
     - **Qu'est-ce que c'est ?** : Un réseau de chaleur urbain distribue la chaleur produite centralement à plusieurs bâtiments via des canalisations souterraines. Cette chaleur peut venir de déchets, de la biomasse, ou de la géothermie.
@@ -48,10 +48,18 @@ 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
+<Spacer size="64" />
 
-Vous êtes copropriétaire et intéressé.e par un passage aux systèmes de chauffage à énergie renouvelable ?
+<Card fullWidth>
+  <Card.Title>Passez à l'action grâce à Pacoupa</Card.Title>
+  <Card.Body>
+    Vous êtes copropriétaire et intéressé.e par un passage aux systèmes de chauffage à énergie renouvelable ?
 
-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.
+    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.
+
+    <Spacer size="32" />
 
-<CTA eventName="Blog" />
+    <CTA eventName="Blog" />
+
+  </Card.Body>
+</Card>
diff --git a/content/faq/index.mdx b/content/faq/index.mdx
@@ -7,33 +7,33 @@ titre: FAQ
 Découvrez ci-dessous les questions les plus fréquentes. Vous y trouverez sûrement votre réponse.  
 Bonne lecture&nbsp;!
 
-<Separateur niveau="4" />
+<Spacer size="16" />
 
 ### À propos de Pacoupa
 
 <Details>
-  <Question>Dans quel contexte Pacoupa a été créé&nbsp;?</Question>
-  <Reponse>
+  <Details.Question>Dans quel contexte Pacoupa a été créé&nbsp;?</Details.Question>
+  <Details.Answer>
     La rénovation énergétique étant un sujet complexe, il a été démontré que l’accompagnement des décideurs est un point indispensable pour déclencher un passage à l’acte : les propriétaires ont besoin de pouvoir se projeter dans le projet : combien ça coute ? quelles sont les aides disponibles ? comment gérer le projet ? quelles sont les économies à la clé ? quelle est la durée des travaux ? est-ce que mon confort va être amélioré ?
 
     Aujourd’hui, cet accompagnement n’est réalisé de façon neutre et gratuite, que par les espaces France Rénov’ via le service public de la rénovation énergétique.
 
     Pacoupa est un service numérique en ligne qui se positionne en amont de cet accompagnement, lorsque l’espace France Rénov n’est pas encore identifié. Il vise à communiquer de l'information personnalisée, technique, neutre et chiffrée sur la rénovation et le changement de système de chauffage afin d'accompagner la copropriété dans le passage à l'acte et l'inciter à prendre contact avec des professionnels pour concrétiser son projet.
-  </Reponse>
+  </Details.Answer>
 </Details>
 
 <Details>
-  <Question>À quoi sert Pacoupa&nbsp;?</Question>
-  <Reponse>
+  <Details.Question>À quoi sert Pacoupa&nbsp;?</Details.Question>
+  <Details.Answer>
     A partir d’un simulateur, Pacoupa propose une liste de systèmes de chauffage en énergie renouvelables installables dans un contexte de rénovation énergétique de l’immeuble (isolation). L’outil propose une estimation des coûts, des gains énergétiques et financiers rendus possibles grâce à cette rénovation.
 
     L’objectif est de donner des ordres de grandeurs des coûts, des aides et des gains énergétiques engendrés pour que l’utilisateur puisse se projeter dans les travaux à mettre en œuvre (isolation, changement de système). Il permet également d’informer sur les systèmes en énergies renouvelables compatibles avec chaque immeuble.
-  </Reponse>
+  </Details.Answer>
 </Details>
 
 <Details>
-  <Question>Quel est l’objectif de Pacoupa&nbsp;?</Question>
-  <Reponse>
+  <Details.Question>Quel est l’objectif de Pacoupa&nbsp;?</Details.Question>
+  <Details.Answer>
     Pacoupa est un service numérique de l’ADEME qui vise à promouvoir :
 
     - la rénovation globale et performante : traiter les 6 postes de travaux (isolation des murs, des planchers bas, de la toiture, menuiseries extérieurs, ventilation, production de chauffage et d’eau chaude sanitaire) + Planifier les travaux en 3 étapes maximum, sur une durée limitée, selon un ordonnancement précis  (priorité à l’enveloppe et la ventilation)
@@ -43,29 +43,29 @@ Bonne lecture&nbsp;!
     Le service donne des ordres de grandeurs des coûts, des économies et du gain d’étiquette DPE possible avec les travaux proposés (isolation et changement de système).
 
     Il donne également des éléments techniques sur les différents systèmes de chauffage proposés.
-  </Reponse>
+  </Details.Answer>
 </Details>
 
-<Separateur niveau="10" />
+<Spacer size="32" />
 
 ### Comprendre le simulateur
 
 <Details>
-  <Question>Comment se présente le simulateur&nbsp;?</Question>
+  <Details.Question>Comment se présente le simulateur&nbsp;?</Details.Question>
 
-  <Reponse>
+  <Details.Answer>
     L’utilisateur répond à 11 questions et abouti sur un écran de résultat qui lui présente les solutions ENR compatibles avec son logement dans un scénario de rénovation globale, dans un ordre précis de pertinence.
 
     Pour chaque solution, des informations techniques sur la solution sont données : solution individuelle ou collective, usage possible (chauffage, ECS, climatisation), les travaux à prévoir pour être en rénovation globale, une estimation du gain de lettre DPE, une estimation des gains économiques et des coûts du projet (travaux d’isolation + changement de système).
 
     L’utilisateur a ensuite la possibilité de modifier le scénario de rénovation en choisissant « rénovation partielle » ou « aucune rénovation ».
-  </Reponse>
+  </Details.Answer>
 </Details>
 
 <Details>
-  <Question>Quelles sont les questions du simulateur&nbsp;?</Question>
+  <Details.Question>Quelles sont les questions du simulateur&nbsp;?</Details.Question>
 
-  <Reponse>
+  <Details.Answer>
     Les 11 questions proposées à l’utilisateur sont les suivantes :
 
     - **Son adresse**: permet de faire un appel à la BAN (base d’adresse nationale), au site FCU (https://france-chaleur-urbaine.beta.gouv.fr/) pour vérifier l’éligibilité à un réseau de chaleur et permet aussi de préciser les données climatiques de la région à laquelle le bâtiment appartient.
@@ -78,13 +78,13 @@ Bonne lecture&nbsp;!
     - Le **type de production d’eau chaude sanitaire** (individuelle ou collective) : permet de préconiser des technologies du même type.
     - L’**énergie utilisée pour la production d’ECS**: permet de réaliser les calculs sur les consommations et émissions initiales liées à la production d’eau chaude sanitaire du bâtiment.
 
-  </Reponse>
+  </Details.Answer>
 
 </Details>
 
 <Details>
-  <Question>Comment sont classées les solutions proposées par les résultats du simulateur&nbsp;?</Question>
-  <Reponse>
+  <Details.Question>Comment sont classées les solutions proposées par les résultats du simulateur&nbsp;?</Details.Question>
+  <Details.Answer>
     Il y a généralement plusieurs solutions de production d’eau chaude et de chauffage qui sont proposées.
 
     Les questions posées sont simples et peu nombreuses, l’objectif est d’alerter les utilisateurs sur le fait que des solutions ENR sont compatibles avec la configuration de leur immeuble. La faisabilité réelle, à la fois technique et économique seront à étudier plus finement dans la suite du projet de rénovation. Il est possible que des solutions préconisées ne soit finalement pas possibles pour des contraintes d’intégration (visuelle, encombrement, accès, règlementation …).
@@ -99,16 +99,16 @@ Bonne lecture&nbsp;!
     - lorsque l’immeuble est en chauffage et ECS collective et que l’utilisateur déclare des espaces extérieurs disponibles (jardin, cours ou parking), la PAC géothermique apparait en premier.
     - Des solutions ENR pour l’ECS seule (collective) peuvent être préconisées même si le chauffage est également collectif.
     - Les solutions sont ensuite classées par pertinence.
-  </Reponse>
+  </Details.Answer>
 </Details>
 
-<Separateur niveau="8" />
+<Spacer size="32" />
 
 ## Comprendre les estimations
 
 <Details>
-  <Question>Comment les calculs sont-ils effectués&nbsp;?</Question>
-  <Reponse>
+  <Details.Question>Comment les calculs sont-ils effectués&nbsp;?</Details.Question>
+  <Details.Answer>
     L’ensemble des calculs proposés sont basés sur la méthode 3CL utilisée pour réaliser les DPE.
 
     L’ADEME a confié à Pouget Consultants l’élaboration des simulations qui couvrent toutes les configurations qui peuvent être obtenues à la suite du questionnaire. Au total, ce sont plus de 120 000 simulations qui ont été réalisées.
@@ -117,13 +117,13 @@ Bonne lecture&nbsp;!
 
     La comparaison entre l’état initial et l’état final se fait en comparant 2 lignes de l’Excel contenant toutes les simulations.
     Les coûts proposés dans l’outil comprennent à la fois les coûts des travaux proposés pour atteindre le scénario de travaux visé (global / partiel / aucun) et le coût du changement de système de chauffage.
-  </Reponse>
+  </Details.Answer>
 
   </Details>
 
 <Details>
-  <Question>Comment l’évaluation énergétique est-elle établie&nbsp;?</Question>
-  <Reponse>
+  <Details.Question>Comment l’évaluation énergétique est-elle établie&nbsp;?</Details.Question>
+  <Details.Answer>
     Les immeubles sont classés par typologies, en fonction de leur année de construction et de leur nombre de logement. Au total, ce sont 21 typologies qui sont étudiées. Pour chacune des typologies, des hypothèses géométriques et énergétiques sont établies, à savoir :
 
     - La surface habitable totale du logement (m²shab) ;
@@ -153,12 +153,12 @@ Bonne lecture&nbsp;!
     Attention, si certaines parois ont déjà été isolées il y a moins de 15 ans, elles ne sont pas prises en compte dans les scénarios d’isolations. Aussi les typologies récentes (année de construction « après 2000 ») ne font pas l’objet de scénario d’isolation puisque leurs parois sont déjà performantes.
 
     L’ensemble de ces hypothèses permettent d’aboutir à une estimation de l’étiquette DPE de l’immeuble avant et après travaux, ainsi que les consommations en énergie primaire et les émissions de gaz à effet de serre associés.
-  </Reponse>
+  </Details.Answer>
 </Details>
 
 <Details>
-  <Question>Comment l’évaluation économique est-elle construite&nbsp;?</Question>
-  <Reponse>
+  <Details.Question>Comment l’évaluation économique est-elle construite&nbsp;?</Details.Question>
+  <Details.Answer>
     A chaque simulation est associée un coût d’investissement, qui se divise en deux parties ;
 
     - Coût d’investissement lié à la rénovation de l’enveloppe : Les coûts sont obtenus en multipliant le coût de réhabilitation d’une paroi (en € HT/m²) par la surface de la paroi (m²)
@@ -168,32 +168,30 @@ Bonne lecture&nbsp;!
         - Les coûts liés à l’émission : Il dépend du type d’émetteur avant travaux
 
     Les coûts liés à la maintenance, à l’abonnement et à la facture énergétique sont aussi calculés.
-  </Reponse>  
+  </Details.Answer>  
 </Details>
 
 <Details>
-  <Question>Comment les aides financières sont-elles calculées&nbsp;?</Question>
-  <Reponse>
+  <Details.Question>Comment les aides financières sont-elles calculées&nbsp;?</Details.Question>
+  <Details.Answer>
     Les aides financières liées au dispositif MaPrimeRénov’ Copropriété sont calculées. Pour simplifier la prise en compte des travaux réalisés « à l’échelle du logement » dans MPR Copro, ils sont considérés comme des « travaux privatifs d’intérêt collectifs. ».
 
     Le Coup de pouce « Rénovation performante de bâtiment résidentiel collectif » n’est pas étudié. Idem pour le « Fonds Chaleur ».
-  </Reponse>
+  </Details.Answer>
 </Details>
 
-<Separateur niveau="12" />
+<Spacer size="64" />
 
-<Card
-    fullWidth
-    header={<h4>Prêt à tester Pacoupa&nbsp;?</h4>}
-    content={
-      <>
-        <p>
-        Pacoupa, notre simulateur en ligne, permet d'estimer les coûts et les bénéfices d'un projet de rénovation énergétique pour votre copropriété. <b>En moins de 5 minutes</b>, vous pouvez obtenir une <b>évaluation des économies d'énergie</b>, des réductions <b>d'émissions</b> de CO2, et du retour sur <b>investissement</b>.
-        </p>
-
-      <Separateur niveau="8" />
+<Card fullWidth>
+    <Card.Title>Prêt à tester Pacoupa&nbsp;?</Card.Title>
+    <Card.Body>
+      Pacoupa, notre simulateur en ligne, permet d'estimer les coûts et les bénéfices d'un projet de rénovation énergétique 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**.
+
+      <Spacer size="32" />
 
       <CTA eventName="Faq" />
-    </>
-    }
- />
+
+    </Card.Body>
+</Card>