diff options
| author | IwanIDev <iwan@iwani.dev> | 2026-03-21 13:47:35 +0000 |
|---|---|---|
| committer | IwanIDev <iwan@iwani.dev> | 2026-03-21 13:47:35 +0000 |
| commit | c2ad94b04f290b5197a1cc80c98015be9e7b25da (patch) | |
| tree | cae81947194a92ec9dfe50f079f6816e5fba6033 /src/pages | |
| parent | 928fbed509e1dd872de601b75712bcfd13fc00bd (diff) | |
feat: add blog post listing and UI components for the blog
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/index.astro | 23 |
1 files changed, 14 insertions, 9 deletions
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> + |