---
import Footer from "@/components/Footer.astro";
import PostList from "@/components/Posts/PostList.astro";
import BaseLayout from "@/layouts/BaseLayout.astro";
import "@/styles/global.css";

const pageTitle = "About Me";
---

<BaseLayout pageTitle={pageTitle}>
  <h1>{pageTitle}</h1>
  <h2>... and my new Astro site!</h2>

  <p>
    I am working through Astro's introductory tutorial. This is the second page
    on my website, and it's the first one I built myself!
  </p>

  <p>
    This site will update as I complete more of the tutorial, so keep checking
    back and see how my journey is going!
  </p>

  <h1>My Astro Learning Blog</h1>
  <p>This is where I will post about my journey learning Astro.</p>
  <PostList />
</BaseLayout>