diff --git a/src/lib/components/home/newsletter.svelte b/src/lib/components/home/newsletter.svelte
new file mode 100644
index 00000000..0ec0c0e4
--- /dev/null
+++ b/src/lib/components/home/newsletter.svelte
@@ -0,0 +1,44 @@
+<script lang="ts">
+	import UnderlinedTitle from '$components/UnderlinedTitle.svelte'
+	const label_id = 'newsletter-title'
+</script>
+
+<section aria-labelledby={label_id}>
+	<div class="newsletter-section">
+		<UnderlinedTitle id={label_id}>Inscription à notre newsletter</UnderlinedTitle>
+		<div class="embedded-substack">
+			<iframe
+				title="embedded-substack"
+				src="https://pauseia.substack.com/embed"
+				frameborder="0"
+				scrolling="no"
+			></iframe>
+		</div>
+	</div>
+</section>
+
+<style>
+	.newsletter-section {
+		text-align: center;
+		align-items: center;
+	}
+	.embedded-substack {
+		width: 480px;
+		height: 320px;
+		margin: auto;
+	}
+
+	.embedded-substack iframe {
+		/* border:1px solid #000000; */
+		border: 1px solid var(--brand);
+		background: white;
+		width: 100%;
+		height: 100%;
+	}
+
+	@media (max-width: 550px) {
+		.embedded-substack {
+			width: 90%;
+		}
+	}
+</style>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index b351fdca..ba48a030 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -3,6 +3,7 @@
 	import Hero from '$components/home/hero.svelte'
 	import Lead from '$components/home/lead.svelte'
 	import Risks from '$components/home/risks.svelte'
+	import Newsletter from '$components/home/newsletter.svelte'
 	import Articles from '$components/home/articles.svelte'
 	import Faq from '$components/home/faq.svelte'
 	import Videos from '$components/home/videos.svelte'
@@ -20,6 +21,9 @@
 
 <Risks />
 
+<Newsletter />
+
+
 <!-- <Supporters /> -->
 
 <Articles />