---
import BaseHead from "../components/BaseHead.astro";
import Footer from "../components/Footer.astro";
import "../styles/global.css";
import "@fontsource/poppins/100.css";
import "@fontsource/poppins/400.css";
import "@fontsource/poppins/500.css";
import "@fontsource/poppins/700.css";
import "@fontsource-variable/kameron";

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

<html lang="en" class="scroll-smooth">
  <BaseHead title={title} />
  <body class="font-primary">
    <slot />
    <Footer />
  </body>
</html>
