diff --git a/src/components/Navigation.tsx b/src/components/Navigation.tsx
index 6d09333..61756ee 100644
--- a/src/components/Navigation.tsx
+++ b/src/components/Navigation.tsx
@@ -2,7 +2,11 @@ import { Show, createSignal } from "solid-js";
 
 const [mobileNav, showMobileNav] = createSignal(false);
 
-const setShowMobileNav = (val: boolean) => showMobileNav(val);
+const setShowMobileNav = () => {
+  console.log("herre");
+  
+  showMobileNav(!mobileNav())
+};
 
 export const Navigation = () => {
   return (
@@ -11,7 +15,7 @@ export const Navigation = () => {
       <Show when={mobileNav()}>
         <div class={`fixed transition-all z-30 h-screen w-screen bg-zinc-900 flex flex-col`}>
           <div class="w-screen border-b-2 border-b-zinc-50 h-14 bg-zinc-900 flex items-center">
-            <button class="h-full w-auto aspect-square hover:bg-zinc-700" onclick={() => showMobileNav(false)}>
+            <button class="h-full w-auto aspect-square hover:bg-zinc-700" onclick={() => setShowMobileNav()}>
               <img class="ml-4 h-5 w-5" src="/img/x.svg" alt="" />
             </button>
           </div>
@@ -38,7 +42,7 @@ export const Navigation = () => {
         </div>
       </Show>
       <nav class="md:hidden h-14 w-screen bg-emerald-500 flex items-center">
-        <button onclick={() => setShowMobileNav(true)}>
+        <button onclick={() => setShowMobileNav()}>
           <img class="ml-4" src="/img/menu.svg" alt="" />
         </button>
       </nav>
diff --git a/src/layouts/PageLayout.astro b/src/layouts/PageLayout.astro
new file mode 100644
index 0000000..5480151
--- /dev/null
+++ b/src/layouts/PageLayout.astro
@@ -0,0 +1,17 @@
+---
+import {Navigation} from '../components/Navigation'
+import Footer from '../views/Footer.astro';
+---
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+  </head>
+  <body>
+    <Navigation />
+    <article>
+      <slot />
+    </article>
+    <Footer />
+  </body>
+</html>
\ No newline at end of file
diff --git a/src/pages/impress.astro b/src/pages/impress.astro
index 721f9bb..5b19a2d 100644
--- a/src/pages/impress.astro
+++ b/src/pages/impress.astro
@@ -22,7 +22,6 @@ const encryptedPhoneNumber = btoa("+49 176 6400 1756");
     <meta charset="utf-8" />
     <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
     <meta name="viewport" content="width=device-width" />
-    <meta name="generator" content={Astro.generator} />
     <title>Dominik - FullStackDev</title>
   </head>
   <body class="bg-zinc-900 text-zinc-100">
diff --git a/src/pages/products.astro b/src/pages/products.astro
index 0dacb28..d9bdfbc 100644
--- a/src/pages/products.astro
+++ b/src/pages/products.astro
@@ -1,20 +1,19 @@
 ---
 import { Navigation } from "../components/Navigation";
 import Footer from "../views/Footer.astro";
+import PageLayout from '../layouts/PageLayout.astro'
 ---
 
-<Navigation />
+<PageLayout>
 <div class="h-screen w-screen flex flex-col">
   <div class="flex-1 w-screen bg-zinc-900 flex justify-center items-center py-8 px-12">
     <div class="grid grid-cols-1 2xl:grid-cols-2 grid-rows-3 xl:w-1/2 h-full gap-7">
       <div
         class="col-span-1 2xl:row-span-2 bg-yellow-300 rounded-2xl transition hover:scale-[1.02] p-6 duration-300 flex flex-col justify-between"
       >
-        <a target="_blank" class="group" href="https://github.com/ZktSn0w/ColrJS">
-          <p class="text-2xl underline font-bold font-mono group-hover:text-emerald-500 text-emerald-800 transition">
+          <p class="text-2xl font-bold font-mono  text-zinc-800 transition">
             Web-Entwicklung
           </p>
-        </a>
         <div class="flex flex-col gap-4 max-xl:hidden">
           <p class="font-mono text-lg break-words">
             Als Webentwickler nutze ich moderne Frameworks, um erstklassige Websites mit einem herausragenden
@@ -67,5 +66,5 @@ import Footer from "../views/Footer.astro";
       </div>
     </div>
   </div>
-  <Footer />
 </div>
+</PageLayout>
\ No newline at end of file
