diff --git a/resources/js/components/UserNav.vue b/resources/js/components/UserNav.vue
index c897049..c0a529a 100644
--- a/resources/js/components/UserNav.vue
+++ b/resources/js/components/UserNav.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { router, usePage } from '@inertiajs/vue3';
-import { LogOut, User } from '@lucide/vue';
+import { Home, LogOut, User } from '@lucide/vue';
 import { computed } from 'vue';
 import NotificationBell from '@/components/NotificationBell.vue';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
@@ -34,6 +34,9 @@ function logout() {
 
 <template>
     <div class="flex items-center gap-2">
+        <a href="/" class="flex size-8 items-center justify-center rounded-full text-muted-foreground transition-colors hover:bg-muted hover:text-foreground" title="Halaman Depan">
+            <Home class="size-4" />
+        </a>
         <NotificationBell />
         <DropdownMenu v-if="user">
             <DropdownMenuTrigger as-child>