diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 3099749..7bde6ed 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import { Inter } from "next/font/google";
 import { Toaster } from "@/components/ui/toaster";
 import "./tailwind.css";
+import Link from "next/link";
 
 const inter = Inter({ subsets: ["latin"] });
 
@@ -18,13 +19,15 @@ export default function RootLayout({
   return (
     <html lang="en">
       <body className={inter.className}>
-        <div id="sidebar">
-          SIDEBAR
+        <div id="layout-container" className="flex">
+          <div id="sidebar" >
+            <Link href="/story/create"><h1>Create Story</h1></Link>
+            <Link href="/publication/create"><h1>Create Publication</h1></Link>
+          </div>
+          {children}
         </div>
-        {children}
-
         <Toaster />
       </body>
-    </html>
+    </html >
   );
 }
