diff --git a/src/routes/Home.svelte b/src/routes/Home.svelte
index e37af9a..a12ecce 100644
--- a/src/routes/Home.svelte
+++ b/src/routes/Home.svelte
@@ -1,3 +1,20 @@
+<script lang="ts">
+	import PostList from "../components/PostList.svelte";
+
+	export let searchquery: string = "";
+</script>
+
 <div>
-	<h1>Welcome to my Blog!</h1>
-</div>
\ No newline at end of file
+	<h1>--- Latest Blog Posts ---</h1>
+</div>
+
+<PostList query={searchquery} />
+
+<style>
+	h1 {
+		font-family: 'JetBrains Mono', monospace;
+		font-size: 2em;
+		margin-top: 50px;
+		text-align: center;
+	}
+</style>
\ No newline at end of file