From c2ad94b04f290b5197a1cc80c98015be9e7b25da Mon Sep 17 00:00:00 2001
From: IwanIDev <iwan@iwani.dev>
Date: Sat, 21 Mar 2026 13:47:35 +0000
Subject: feat: add blog post listing and UI components for the blog

---
 src/pages/index.astro | 23 ++++++++++++++---------
 1 file changed, 14 insertions(+), 9 deletions(-)

(limited to 'src/pages')

diff --git a/src/pages/index.astro b/src/pages/index.astro
index ad15f25..9d04eae 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,17 +1,22 @@
 ---
 import Layout from "@/layouts/main.astro"
 import { Button } from "@/components/ui/button"
+import BlogPosts from "@/components/BlogPosts.astro"
 ---
 
 <Layout>
-  <div class="flex min-h-svh p-6">
-    <div class="flex max-w-md min-w-0 flex-col gap-4 text-sm leading-loose">
-      <div>
-        <h1 class="font-medium">Project ready!</h1>
-        <p>You may now add components and start building.</p>
-        <p>We've already added the button component for you.</p>
-        <Button client:load className="mt-2">Button</Button>
-      </div>
+  <main class="flex flex-col min-h-svh p-6 items-center">
+    <!-- Title -->
+    <div class="flex flex-col items-center">
+      <h1 class="text-4xl font-bold text-center mt-10">Iwan Ingman's Blog</h1>
+      <p class="text-lg text-center text-muted-foreground mt-4">
+        This is my blog.
+      </p>
     </div>
-  </div>
+
+    <!-- Content -->
+    <!-- List Astro posts -->
+    <BlogPosts />
+  </main>
 </Layout>
+
-- 
cgit