---
import BaseHead from "@/components/BaseHead.astro";
import Navbar from "@/components/sections/navbar";
import Footer from "@/components/sections/footer";

const { title, description } = Astro.props;
---

<html lang="en">
  <head>
    <BaseHead title={title} description={description} />
  </head>
  <body class={`h-screen antialiased`}>
    <Navbar client:only='react' />
    <main>
      <section class="mx-auto max-w-2xl px-4 py-16 md:py-28 lg:py-32">
        <article class="prose prose-lg dark:prose-invert">
          <slot />
        </article>
      </section>
    </main>
    <Footer />
  </body>
</html>
