diff --git a/app.vue b/app.vue
index 30f06c4f891abd2b80980ceb91e1794d17956451..6f4b19e67774f6ed28969b9d264f08290a3ae72a 100644
--- a/app.vue
+++ b/app.vue
@@ -1,8 +1,5 @@
 <template>
-    <NuxtLayout>
+    <NuxtLayout name="default">
         <NuxtPage />
     </NuxtLayout>
 </template>
-<script setup lang="ts">
-
-</script>
\ No newline at end of file
diff --git a/layouts/default.vue b/layouts/default.vue
new file mode 100644
index 0000000000000000000000000000000000000000..39005d49c11e36948912cee742a5ebda784cf796
--- /dev/null
+++ b/layouts/default.vue
@@ -0,0 +1,10 @@
+<template>
+    <div class="flex h-screen">
+        <div class="bg-gray-100 text-white w-64 flex flex-col">
+
+        </div>
+        <div class="flex-grow bg-white p-6">
+            <slot />
+        </div>
+    </div>
+</template>
diff --git a/pages/index.vue b/pages/index.vue
index 80d9902c864eedc082189e7231a05b101957ecc9..21626b22cfbd65aabddd8d92e77e88814b543a5e 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,5 +1,5 @@
 <template>
-
+    Home
 </template>
 <script setup>