---
import Layout from "@/layouts/main.astro"
import BlogPosts from "@/components/BlogPosts.astro"
import OpenRing from "@/components/OpenRing.astro"
---

<Layout>
  <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>

    <!-- Content -->
    <!-- List Astro posts -->
    <BlogPosts />

    <!-- Render openring output -->
    <OpenRing />
  </main>
</Layout>