diff --git a/app/components/ui/navbar/Navbar.vue b/app/components/ui/navbar/Navbar.vue
index 3d368ab..ffa53f8 100644
--- a/app/components/ui/navbar/Navbar.vue
+++ b/app/components/ui/navbar/Navbar.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { Icon } from '@iconify/vue'
 import Button from '../button/Button.vue'
+import { NuxtLink } from '#components'
 
 const colorMode = useColorMode()
 
@@ -17,11 +18,11 @@ function toggleColorMode(): void {
 
 <template>
     <div class="flex justify-around items-center p-2 border-b-2 backdrop-blur">
-        <div class="self-start">
+        <NuxtLink to="/" class="self-start">
             <h3 class="scroll-m-20 text-2xl font-semibold tracking-tight select-none">
                 Anyame
             </h3>
-        </div>
+        </NuxtLink>
         <div class="self-end">
             <Button variant="outline" @click="toggleColorMode()">
                 <Icon icon="radix-icons:moon"