diff --git a/components/layout.vue b/components/layout.vue
new file mode 100644
index 0000000..33af7f4
--- /dev/null
+++ b/components/layout.vue
@@ -0,0 +1,18 @@
+<template>
+    <div class="app-wrapper text-gray-300 bg-gray-800">
+        <Navbar />
+        <div class="app-main min-h-screen flex items-center">
+            <slot />
+        </div>
+    </div>
+</template>
+
+<script>
+import Navbar from '~/components/navbar.vue'
+
+export default {
+    components: {
+        Navbar
+    }
+}
+</script>