Updates and more

src/pages/[...slug].astro

@@ -4,6 +4,7 @@ import NavbarLayout from "../layouts/NavbarLayout.astro";
 import {astroI18n, createGetStaticPaths} from "astro-i18n";
 import localBau from "../images/2023-10-08_20.43.43.png";
 import {Image} from "astro:assets";
+import PageLayout from "../layouts/PageLayout.astro";
 
 export const getStaticPaths = createGetStaticPaths(async () => {
     let posts = await getCollection("pages");
@@ -18,22 +19,15 @@ const { Content } = await page.render();
 ---
 
 
-<NavbarLayout title={page.data.title}>
-    <div>
-        <Image src={localBau} alt="Bau" width="1920" height="1080" class="w-screen h-screen dark:brightness-75 fixed -z-10 object-cover" draggable="false" />
-        <article>
-            <h1 class="text-left">{page.data.title}</h1>
-            <Content />
-        </article>
-    </div>
-</NavbarLayout>
+<PageLayout title={page.data.title}>
+    <article>
+        <h1 class="text-left">{page.data.title}</h1>
+        <Content />
+    </article>
+</PageLayout>
 
 <style is:global>
     article {
-        width: min(100vw, 75em);
-        @apply mx-auto bg-gray-100 p-8 rounded-b-md shadow-md pt-40 sm:pt-28 md:pt-14
-            dark:text-white dark:bg-neutral-900;
-
         p {
             @apply my-4 leading-7;
         }