change login-page design

src/views/base/home/desktop/components/DesktopHomeTopbar.vue

@@ -1,12 +1,21 @@
 <template>
   <header class="dhome-topbar">
     <div>
-      <p class="dhome-topbar__eyebrow">نمای کلی</p>
-      <h1 class="dhome-topbar__title">{{ userStore.userInfo?.name ?? 'کاربر' }}</h1>
+      <p class="dhome-topbar__eyebrow">{{ guestMode ? 'بازار مس' : 'نمای کلی' }}</p>
+      <h1 class="dhome-topbar__title">{{ guestMode ? 'قیمت لحظه‌ای مس' : (userStore.userInfo?.name ?? 'کاربر') }}</h1>
     </div>
 
     <div class="dhome-topbar__actions">
-      <button type="button" class="dhome-btn-ghost" @click="router.push({ name: 'user' })">
+      <button
+        v-if="guestMode"
+        type="button"
+        class="dhome-btn-ghost"
+        @click="router.push({ name: 'login' })"
+      >
+        <BasicIcon icon="vuesax-linear:login" size="16" />
+        <span>ورود</span>
+      </button>
+      <button v-if="!guestMode" type="button" class="dhome-btn-ghost" @click="router.push({ name: 'user' })">
         <BasicIcon icon="vuesax-linear:user" size="16" />
         <span>حساب کاربری</span>
       </button>
@@ -21,7 +30,7 @@
         <span>{{ canNativeInstall ? 'نصب وب اپلیکیشن' : 'آموزش نصب' }}</span>
       </button>
       <button
-        v-if="notificationEnabled"
+        v-if="!guestMode && notificationEnabled"
         type="button"
         class="dhome-btn-ghost dhome-btn-ghost--notify"
         aria-label="اعلان"
@@ -36,7 +45,7 @@
         <span>اعلان</span>
       </button>
       <button
-        v-if="chatEnabled"
+        v-if="!guestMode && chatEnabled"
         type="button"
         class="dhome-btn-ghost dhome-btn-ghost--notify"
         aria-label="چت پشتیبانی"
@@ -54,7 +63,7 @@
         <BasicIcon icon="vuesax-linear:refresh-2" size="16" />
       </button>
       <button
-        v-if="showLogout"
+        v-if="!guestMode && showLogout"
         type="button"
         class="dhome-btn-ghost"
         @click="$emit('logout')"
@@ -84,8 +93,9 @@ import router from '@/router'
 withDefaults(
   defineProps<{
     showLogout?: boolean
+    guestMode?: boolean
   }>(),
-  { showLogout: true },
+  { showLogout: true, guestMode: false },
 )
 
 defineEmits<{