feat: new articles in /blog + improve mdx system (#107)

* fix: baseUrl from env var

* feat: improve og metadata

* feat: complete sitemap file

* feat: add Details and Separateur components for mdx

* feat: mdx playground + height full on layout

* feat: unsafe-eval not on prod

content/fiches-reference/index.ts

@@ -1,6 +1,5 @@
 // This file is generated by yarn build_fiches_reference. Run it again when fiches are added or removed.
 import { type FicheReference } from "@/lib/common/domain/values/FicheReference";
-
 import { ficheReference as ficheReference01_01 } from "./01_01";
 import { ficheReference as ficheReference01_02 } from "./01_02";
 import { ficheReference as ficheReference02_01 } from "./02_01";

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

@@ -2,7 +2,6 @@
 titre: Chauffage à énergie renouvelable pour les copropriétés POPOP
 ---
 
-import {Card} from "../../../src/components/Card.tsx"
 import { GreenHearthImage } from "./GreenHearthImage.tsx"
 import { MagnifyingGlassImage } from "./MagnifyingGlassImage.tsx"
 
@@ -21,13 +20,13 @@ import { MagnifyingGlassImage } from "./MagnifyingGlassImage.tsx"
 
 </div>
 
-<div class="mt-32" />
+<div className="mt-32" />
 
 ## Qu’est-ce qu’une énergie renouvelable ?
 
 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. 
 
-<div class="grid place-content-center grid-col-1 md:grid-cols-3 mt-2 gap-8">
+<div className="grid place-content-center grid-col-1 md:grid-cols-3 mt-2 gap-8">
     <Card
     header={<h4><img src="/landing/environment.svg" className="w-[80px] h-[80px]"/><br/>Une réduction des émissions de CO2</h4>}
     content={
@@ -54,13 +53,13 @@ Les énergies renouvelables (ENR) sont des sources d'énergie qui se régénère
     />
 </div>
 
-<div class="mt-20" />
+<div className="mt-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 class="mt-32" />
+<div className="mt-32" />
 
 ## Quelles solutions concrètes pour ma copropriété ?
 
@@ -127,7 +126,7 @@ Les énergies renouvelables (ENR) sont des sources d'énergie qui se régénère
 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 class="mt-32"/>
+<div className="mt-32"/>
 
 ## L'importance de l'isolation et de la sobriété énergétique
 
@@ -136,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 class="mt-10" />
+<div className="mt-10" />
 
 <Card
     fullWidth
@@ -150,7 +149,7 @@ Un système de chauffage écologique fonctionne en effet mieux lorsque le bâtim
         </p>
 
 
-      <div class="mt-8">
+      <div className="mt-8">
         <CTA eventName="Landing page" />
       </div>
 

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

@@ -2,14 +2,13 @@
 titre: Quelle part du bâtiment dans l’émission de Gaz à Effet de Serre (GES) en France et comment la réduire ?
 ---
 
-import {Card} from "../../../src/components/Card.tsx"
 import { BuildingImage } from "./BuildingImage.tsx"
 import { CheeseImage } from "./CheeseImage.tsx"
 import { TargetImage } from "./TargetImage.tsx"
 import { SunImage } from "./SunImage.tsx"
 import { PlantImage } from "./PlantImage.tsx"
 
-<div class="mt-16" />
+<div className="mt-16" />
 
 ## Quelle part du bâtiment dans l’émission de gaz à effet de serre en France et comment la réduire ?
 
@@ -24,7 +23,7 @@ import { PlantImage } from "./PlantImage.tsx"
 
 </div>
 
-<div class="mt-32" />
+<div className="mt-32" />
 
 ## Le contexte
 <div className="grid grid-cols-[minmax(230px,_1fr)_minmax(50px,_177px)] gap-2 md:gap-8">
@@ -39,7 +38,7 @@ import { PlantImage } from "./PlantImage.tsx"
   </div>
 </div>
 
-<div class="mt-32" />
+<div className="mt-32" />
 
 ## L’état actuel des bâtiments en France
 
@@ -58,13 +57,13 @@ import { PlantImage } from "./PlantImage.tsx"
 
 </div>
 
-<div class="mt-32" />
+<div className="mt-32" />
 
 ## 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 :
 
-<div class="grid place-content-center grid-col-1 md:grid-cols-3 mt-2 gap-8">
+<div className="grid place-content-center grid-col-1 md:grid-cols-3 mt-2 gap-8">
     <Card
     header={<h4><img src="/landing/leaf.svg" className="w-[80px] h-[80px]"/><br/>Adoption de comportements de sobriété énergétique</h4>}
     content={
@@ -91,13 +90,13 @@ Pour réduire les émissions de gaz à effet de serre des bâtiments, plusieurs
     />
 </div>
 
-<div class="mt-12" />
+<div className="mt-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 class="mt-32" />
+<div className="mt-32" />
 
 ## Les obstacles majeurs à la décarbonation
 
@@ -109,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 class="mt-32" />
+<div className="mt-32" />
 
 ## Un contexte favorable à la transition
 
@@ -157,7 +156,7 @@ Heureusement, plusieurs facteurs démontrent un contexte de plus en plus favorab
   </div>
 </div>
 
-<div class="mt-32" />
+<div className="mt-32" />
 
 ## Le déclencheur pour réaliser des travaux : le remplacement du système de chauffage
 
@@ -179,7 +178,7 @@ Heureusement, plusieurs facteurs démontrent un contexte de plus en plus favorab
   </div>
 
 </div>
-<div class="mt-10" />
+<div className="mt-10" />
 
 <Card
     fullWidth
@@ -191,7 +190,7 @@ Heureusement, plusieurs facteurs démontrent un contexte de plus en plus favorab
         </p>
 
 
-      <div class="mt-8">
+      <div className="mt-8">
         <CTA eventName="Landing page" />
       </div>
 

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

@@ -2,11 +2,10 @@
 titre: La rénovation énergétique en copropriété
 ---
 
-import {Card} from "../../../src/components/Card.tsx"
 import { PacoupixImage } from "./PacoupixImage.tsx"
 import { BuildingImage } from "./BuildingImage.tsx"
 
-<div class="mt-4" />
+<div className="mt-4" />
 
 # La rénovation énergétique en copropriété
 
@@ -20,13 +19,13 @@ En France, les copropriétés représentent une part significative du parc immob
 
 </div>
 
-<div class="mt-8" />
+<div className="mt-8" />
 
 ## Pourquoi rénover énergétiquement une copropriété ?
 
 La rénovation énergétique présente de nombreux avantages pour les copropriétés :
 
-<div class="grid grid-col-1 md:grid-cols-3 mt-2 gap-8 place-content-center">
+<div className="grid grid-col-1 md:grid-cols-3 mt-2 gap-8 place-content-center">
     <Card
     header={<h4><img src="/landing/environment.svg" className="w-[80px] h-[80px]" alt=""/><br/>Réduction des coûts énergétiques</h4>}
     content={
@@ -72,7 +71,7 @@ La rénovation énergétique présente de nombreux avantages pour les coproprié
     </div>
 </div>
 
-<div class="mt-8" />
+<div className="mt-8" />
 
 ## Les étapes clés de la rénovation énergétique
 
@@ -87,31 +86,31 @@ Voici les principales étapes pour une copropriété :
 
     </details>
 
-    <details class="space-y-4">
+    <details className="space-y-4">
       <summary className="text-xl font-bold">2. Vote en assemblée générale</summary>
 
       Pour lancer un projet de rénovation énergétique, il est (souvent) nécessaire d’obtenir l’accord des copropriétaires lors d’une assemblée générale. Une présentation claire des bénéfices et des coûts est cruciale pour convaincre les copropriétaires.
     </details>
 
-    <details class="space-y-4">
+    <details className="space-y-4">
       <summary className="text-xl font-bold">3. Planification et choix des travaux</summary>
 
       En fonction des résultats de l’audit énergétique, il faut planifier les travaux nécessaires. Cela peut inclure plusieurs types de travaux, comme l’isolation des murs, du toit, le remplacement des fenêtres, ou encore la modernisation du système de chauffage.
     </details>
 
-    <details class="space-y-4">
+    <details className="space-y-4">
       <summary className="text-xl font-bold">4. Recherche de financement</summary>
 
       Il existe plusieurs aides financières et subventions pour la rénovation énergétique, telles que MaPrimeRénov’, les Certificats d’Économies d’Énergie (CEE), ou encore les aides de l’Agence Nationale de l'Habitat (ANAH).
     </details>
 
-    <details class="space-y-4">
+    <details className="space-y-4">
       <summary className="text-xl font-bold">5. Sélection des entreprises et réalisation des travaux</summary>
 
       Faire appel à des entreprises qualifiées et certifiées RGE (Reconnu Garant de l’Environnement) est essentiel pour garantir la qualité des travaux et bénéficier des aides financières.
     </details>
 
-    <details class="space-y-4">
+    <details className="space-y-4">
       <summary className="text-xl font-bold">6. Suivi et maintenance</summary>
 
       Une fois les travaux réalisés, il est important de suivre la performance énergétique du bâtiment et d’effectuer une maintenance régulière pour préserver les gains énergétiques obtenus.
@@ -124,13 +123,13 @@ Voici les principales étapes pour une copropriété :
 
 </div>
 
-<div class="mt-8"/>
+<div className="mt-8"/>
 
 ## Les principaux travaux de rénovation énergétique
 
 Voici les six postes de travaux les plus couramment réalisés dans le cadre d’une rénovation énergétique en copropriété :
 
-<div class="grid grid-cols-2 mt-2 gap-8">
+<div className="grid grid-cols-2 mt-2 gap-8">
     <Card
 
     content={
@@ -182,11 +181,11 @@ Voici les six postes de travaux les plus couramment réalisés dans le cadre d
     />
   </div>
 
-<p class="mt-8">
+<p className="mt-8">
   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 class="mt-12" />
+<div className="mt-12" />
 
 <Card
     fullWidth
@@ -198,11 +197,11 @@ Voici les six postes de travaux les plus couramment réalisés dans le cadre d
         </p>
 
 
-        <p class="font-bold">
+        <p className="font-bold">
           Prêt à franchir le pas ?
         </p>
 
-      <div class="mt-8">
+      <div className="mt-8">
       </div>
         <CTA eventName="Landing page" />