---
import BaseHead from "../components/BaseHead.astro";
import Header from "../components/Header.astro";
import Footer from "../components/Footer.astro";

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

<html lang="en">
  <head>
    <BaseHead title={title} description={description} />
  </head>

  <body class="w-full flex items-center justify-center flex-col">
    <Header />
    <div class="w-full max-w-screen-lg" transition:animate="fade">
      <slot />
    </div>
    <Footer />
  </body>
</html>
