diff --git a/src/backoffice-header/Header.astro b/src/backoffice-header/Header.astro
deleted file mode 100644
index d936d65..0000000
--- a/src/backoffice-header/Header.astro
+++ /dev/null
@@ -1,13 +0,0 @@
----
-
-/**
- * Profile Stuff
- * @returns 
- */
-
----
-
-        <div class="flex flex-row justify-end">
-            <p>Profile Stuff</p>
-        </div>
- 
\ No newline at end of file
diff --git a/src/backoffice-layout/Sidebar.astro b/src/backoffice-layout/Sidebar.astro
index c71e7c5..47ea79a 100644
--- a/src/backoffice-layout/Sidebar.astro
+++ b/src/backoffice-layout/Sidebar.astro
@@ -1,6 +1,6 @@
 ---
 import Header from "~/backoffice-layout/Header.astro";
-import SidebarItems from "../backoffice-sidebar./backoffice-layout/SidebarItems.astro";
+import SidebarItems from "./SidebarItems.astro";
 ---
 
 
diff --git a/src/backoffice-sidebar/Sidebar.astro b/src/backoffice-sidebar/Sidebar.astro
deleted file mode 100644
index cb8a9c7..0000000
--- a/src/backoffice-sidebar/Sidebar.astro
+++ /dev/null
@@ -1,36 +0,0 @@
----
-import Header from "~/backoffice-header/Header.astro";
-import SidebarItems from "./SidebarItems.astro";
----
-
-
-<div class="drawer lg:drawer-open">
-  <input id="my-drawer-2" type="checkbox" class="drawer-toggle" />
-  <div class="drawer-content">
-    <div class="flex flex-col items-center">
-      <div class="flex flex-row justify-between items-center w-full px-5 mt-2">
-        <label for="my-drawer-2" class="btn btn-primary drawer-button lg:hidden"
-          >Open drawer</label
-        >
-        <div class="m-0 lg:w-5/6 w-full">
-          <Header />
-        </div>
-      </div>
-    </div>
-    <slot />
-  </div>
-  <div class="drawer-side">
-    <label for="my-drawer-2" aria-label="close sidebar" class="drawer-overlay"
-    ></label>
-    <SidebarItems
-      content={[
-        { icon: "A", item: "Sidebar Item A", url: "#" },
-        { icon: "B", item: "Sidebar Item B", url: "#" },
-        { icon: "C", item: "Sidebar Item C", url: "#" },
-        { icon: "D", item: "Sidebar Item D", url: "#" },
-        { icon: "E", item: "Sidebar Item E", url: "#" },
-        { icon: "F", item: "Sidebar Item F", url: "#" },
-      ]}
-    />
-  </div>
-</div>
diff --git a/src/backoffice-sidebar/SidebarItems.astro b/src/backoffice-sidebar/SidebarItems.astro
deleted file mode 100644
index 8f335e0..0000000
--- a/src/backoffice-sidebar/SidebarItems.astro
+++ /dev/null
@@ -1,24 +0,0 @@
----
-
-/**
- * Sidebar list items
- * @prop content: elements that can be represented by a list 
- * @returns 
- */
-interface Props {
-  content: {
-    item?: string;
-    url?: string;
-    icon?:string;
-  }[]
-}
-const {content} = Astro.props;  
-
----
-
-<ul class="menu h-full bg-base-200 text-base-content content-stretch justify-start">
-    {content.map((item=><li key={item.item || item.icon}><div class="flex flex-row gap-5">
-        <p>{item.icon}</p>
-        <a href={item.url}>{item.item}</a>
-        </div></li>))}
-</ul>
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 3750500..218524b 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -3,6 +3,7 @@ import i18next, { changeLanguage } from "i18next";
 
 import { UserRecord, getAuth } from "firebase-admin/auth";
 import { app } from "../firebase/server";
+import BackofficeLayout from "~/backoffice-layout/BackofficeLayout.astro";
 
 changeLanguage("en");
 
@@ -30,6 +31,9 @@ if (sessionCookie) {
   </head>
   <body>
     <main role="main">
+      <BackofficeLayout>
+        <p>My page content, wrapped in a layout!</p>
+
       <h1>Welcome to Hedwig!</h1>
       <p>We are happy to see you here</p>
       {user && (
@@ -38,6 +42,8 @@ if (sessionCookie) {
           <button type="submit">Sign out</button>
         </form>
       )}
+            </BackofficeLayout>
+
     </main>
   </body>
 </html>
