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

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

<html lang="en">
  <head>
    <BaseHead title={title} description={description} />
  </head>
  <body class="flex min-h-screen flex-col antialiased">
    <Banner
      client:load
      url="https://www.shadcnblocks.com/template/hatch"
    />
    <Navbar client:load />
    <main class="w-full flex-1"><slot /></main>
    <Footer />
  </body>
</html>
