---
import Layout from "../layouts/Layout.astro";
import Hero from "../components/Hero.astro";
import Projects from "../components/Projects.astro";
import Blog from "../components/Blog.astro";
import Notes from "../components/Notes.astro";
import Contact from "../components/Contact.astro";
import { siteConfig } from "../config";
import avatar from "../../public/avatar.jpg";
---

<Layout title={`Another Hadi`} description={siteConfig.description}>
  <main class="px-10">
    <Hero
      name={siteConfig.name}
      title={siteConfig.title}
      description={siteConfig.description}
      avatar={avatar}
      socialLinks={siteConfig.socialLinks}
      gpgKey={siteConfig.gpgKey}
      rssFeed={siteConfig.rssFeed}
    />

    <hr class="border-base-300/30 max-w-6xl mx-auto" />
    <Blog />
    <hr class="border-base-300/30 max-w-6xl mx-auto" />
    <Notes />
    <hr class="border-base-300/30 max-w-6xl mx-auto" />
    <Projects />
    <hr class="border-base-300/30 max-w-6xl mx-auto" />
    <Contact />
  </main>
</Layout>