---
import NavbarLayout from "./NavbarLayout.astro";
import localBau from "../images/2023-10-08_20.43.43.png";
import {Image} from "astro:assets";

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

<NavbarLayout title={title} description={description}>
    <slot name="head" slot="head"/>
    <Image src={image || localBau} alt="Bau" width="1920" height="1080" densities={[1.5, 2, 3, 4]}
        class="w-full h-screen dark:brightness-75 fixed -z-10 object-cover" draggable="false" />
    <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>