---
import Nav from "../components/Nav.astro";
interface Props {
  title: string;
}

const { title } = Astro.props;
import SpeedInsights from "@vercel/speed-insights/astro";
---

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="description" content="Astro description" />
    <meta name="viewport" content="width=device-width" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Sumana:wght@400;700&display=swap"
      rel="stylesheet"
    />
    <SpeedInsights />
    <meta name="generator" content={Astro.generator} />
    <title>{title}</title>
  </head>
  <body>
    <Nav />
    <div class="flex flex-col min-h-screen">
      <slot />
    </div>

    <footer class="bottom-0 w-full z-10 bg-gray-800 text-white p-4">
      <p class="text-center">{new Date().getFullYear()} Ryan Kazokas</p>
    </footer>
  </body><style is:global>
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      font-family: "Sumana", sans-serif;
    }
    body {
      color: #5f615f;
      font-family: "Open Sans", sans-serif;
    }
  </style>
</html>
