diff --git a/demo-components.php b/demo-components.php
index 9a38c48..dbfec3c 100644
--- a/demo-components.php
+++ b/demo-components.php
@@ -2,8 +2,12 @@
 
 <div class="demo-components">
 
-	<section class="buttons">
-		<h2 class="title">Boutons</h2>
+	<section class="buttons component">
+		<div class="component-explanation">
+			<h2 class="component-explanation__title">Boutons</h2>
+			<p class="component-explanation__description">différent boutons</p>
+		</div>
+
 		<div class="buttons-example">
 			<a class="cta cta--primary cta--button" href="#" target="_blank">Bouton Primaire</a>
 			<a class="cta cta--secondary cta--button" href="#" target="_blank">Bouton Secondaire</a>
@@ -12,9 +16,34 @@
 
 		</div>
 	</section>
+
+	<section id="heading-box" class="component">
+		<?php
+		get_template_part("template-components/heading-box", null, array(
+			"title" => "Heading Box",
+			"description" => "Bonjour ! je suis une belle boite de titrage",
+			"pageIcon" => array(
+				"url" => get_template_directory_uri() . "/resources/img/pictogrammes/pictogramme-formulaire.svg"
+			)
+		));
+		?>
+		<div class="component-explanation">
+			<h2 class="component-explanation__title">Heading Box</h2>
+			<p class="component-explanation__description">Pour le titrage de pages. L'icone et le titre sont intégrées automatiquement depuis les informations de page</p>
+		</div>
+	</section>
+
+	<?php
+	get_template_part('template-components/post-conseils/chapter-header');
+
+
+	?>
+
 </div>
 
 
+
+
 <!-- Slider main container -->
 <div class=" swiper">
 	<!-- Additional required wrapper -->