diff --git a/resources/js/pages/Home.vue b/resources/js/pages/Home.vue
index e8de1f0..d3e6f3c 100644
--- a/resources/js/pages/Home.vue
+++ b/resources/js/pages/Home.vue
@@ -15,7 +15,8 @@ import {
     Phone,
     MapPin,
     Mail,
-    Filter
+    Filter,
+    LogIn
 } from '@lucide/vue';
 import { ref, computed } from 'vue';
 import { CatalogSortOption } from '@/constants/catalog-sort-option';
@@ -402,7 +403,7 @@ const resetPriceFilters = () => {
                     <a href="#contact" class="hover:text-amber-600 transition-colors">Hubungi Kami</a>
                 </nav>
 
-                <!-- Action Utilities (Cart) -->
+                <!-- Action Utilities (Cart & Login) -->
                 <div class="flex items-center space-x-4">
                     <!-- Cart button -->
                     <button
@@ -418,6 +419,15 @@ const resetPriceFilters = () => {
                             {{ cartCount }}
                         </span>
                     </button>
+
+                    <!-- Login button -->
+                    <a
+                        href="/admin/dashboard"
+                        class="p-2 rounded-full hover:bg-amber-50 text-slate-600 transition-colors cursor-pointer"
+                        aria-label="Login"
+                    >
+                        <LogIn class="w-4.5 h-4.5 text-amber-600" />
+                    </a>
                 </div>
             </div>
         </header>