---
import Footer from "@/components/Layout/Footer.astro";
import Header from "@/components/Layout/Header.astro";
import "@/styles/global.css";
import "@fontsource/inter";
import { ClientRouter } from "astro:transitions";

export interface Props {
  title: string;
  showHeader?: boolean;
}

const { title, showHeader = true } = Astro.props;
---

<!doctype html>
<html lang="de">
  <head>
    <meta charset="UTF-8" />
    <meta name="description" content="Kreative Webentwicklung aus Rottweil" />
    <meta name="viewport" content="width=device-width" />
    <link rel="icon" type="image/svg+xml" href="/favicon.png" />
    <slot name="head" />
    <script
      is:inline
      defer
      data-domain="unom.io"
      src="https://analytics.unom.io/js/plausible.js"></script>
    <meta name="generator" content={Astro.generator} />
    <title>unom - {title}</title>
    <ClientRouter />
  </head>
  <body>
    {showHeader && <Header transition:name="header" transition:persist />}
    <slot />
    <Footer />
  </body>
</html>
