---
import NavbarLayout from "./NavbarLayout.astro";
import BackgroundImage from "../components/BackgroundImage.astro";

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

<NavbarLayout title={title} description={description}>
    <slot name="head" slot="head"/>
    <div class="h-screen fixed -z-10">
        <BackgroundImage />
    </div>
    <div class="mx-auto bg-gray-100 p-8 rounded-b-md shadow-md pt-40 sm:pt-28 md:pt-14 relative
            dark:text-white dark:bg-neutral-900" style="width: min(100%, 75em);">
        <slot/>
    </div>
</NavbarLayout>