<script>
    import "./style.css";
    import { page } from "$app/stores";
    import Footer from "$lib/components/Footer.svelte";
    import Navbar from "$lib/components/Navbar.svelte";
</script>

<svelte:head>
    <title>
        {$page.data.title ? $page.data.title + " | pancakes" : "pancakes"}
    </title>
    <meta name="description" content={$page.data.description || "🐈‍⬛"} />
    <meta property="og:type" content="website" />
    <meta property="og:site_name" content="pancakes" />
    <meta
        property="og:url"
        content={"https://trypancakes.com" + $page.url.pathname}
    />
    <meta property="og:title" content={$page.data.title || "pancakes"} />
    <meta property="og:image" content="https://trypancakes.com/favicon.png" />
    <meta property="og:image:alt" content="a black cat with large eyes" />
</svelte:head>

<Navbar />

<slot />

<Footer />
