---
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 w-screen fixed -z-10">
        <BackgroundImage />
    </div>
    <div class="mx-auto p-8 rounded-b-md border-x-gray-100 shadow-md pt-14 relative
            text-white backdrop-blur-3xl" style="width: min(100%, 75em);">
        <slot />
    </div>
</NavbarLayout>