diff --git a/components/Navbar.vue b/components/Navbar.vue
index 1f5aeb7..21d330e 100644
--- a/components/Navbar.vue
+++ b/components/Navbar.vue
@@ -21,7 +21,7 @@ import IconHamburger from "@/assets/images/hamburger.svg?component";
 
 <style scoped>
 nav {
-  height: 5rem;
+  height: 4rem;
   width: 100%;
   border: 1px solid red;
   padding: 1rem;
diff --git a/content/blog/index.md b/content/blog/index.md
deleted file mode 100644
index 1ddcba6..0000000
--- a/content/blog/index.md
+++ /dev/null
@@ -1,5 +0,0 @@
-*markdown*
-
-**is great**
-
-but this is cool
\ No newline at end of file
diff --git a/layouts/default.vue b/layouts/default.vue
index c9e00c4..17b7a58 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,9 +1,11 @@
 <script setup lang="ts">
 import Navbar from "../components/Navbar.vue";
+
+useHead({ title: "Eggworld" });
 </script>
 
 <template>
-  <div class="flex flex-col items-center w-full h-full">
+  <div class="flex flex-col items-center w-full h-full justify-between">
     <Navbar />
     <slot />
     <footer
diff --git a/pages/about.vue b/pages/about.vue
index 97ac792..cd0cc1e 100644
--- a/pages/about.vue
+++ b/pages/about.vue
@@ -1,3 +1,7 @@
+<script setup lang="ts">
+useHead({ title: "About | Eggworld" });
+</script>
+
 <template>
   <div>about</div>
 </template>
diff --git a/pages/blog.vue b/pages/blog.vue
new file mode 100644
index 0000000..adc8c75
--- /dev/null
+++ b/pages/blog.vue
@@ -0,0 +1,5 @@
+<script setup lang="ts">
+useHead({ title: "Blog | Eggworld" });
+</script>
+
+<template></template>
diff --git a/pages/index.vue b/pages/index.vue
index f8779f1..c498ab8 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,4 +1,6 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+useHead({ title: "Home | Eggworld" });
+</script>
 
 <template>
   <main class="flex flex-col items-center justify-evenly">
diff --git a/pages/stories.vue b/pages/stories.vue
index cc340bc..949b9f2 100644
--- a/pages/stories.vue
+++ b/pages/stories.vue
@@ -1 +1,5 @@
+<script setup lang="ts">
+useHead({ title: "Stories | Eggworld" });
+</script>
+
 <template></template>