5/29-add apk link

src/views/base/aboutUs/desktop/DesktopAboutUsView.vue

@@ -387,15 +387,27 @@
               <p class="dlanding-appcta__text">
                 با اپلیکیشن بورس مس، در هر لحظه به قیمت لحظه‌ای مس دسترسی داشته باشید و معاملات خود را بدون ریسک انجام دهید.
               </p>
-              <button
-                type="button"
-                class="dlanding-appcta__btn"
-                :disabled="!canInstallWebApp"
-                @click="installWebApp"
-              >
-                <img :src="downloadIcon" alt="" class="dlanding-appcta__btn-icon" width="18" height="18" />
-                <span>نصب وب اپلیکیشن</span>
-              </button>
+              <div class="dlanding-appcta__actions">
+                <a
+                  v-if="apkDownloadLink"
+                  class="dlanding-appcta__btn"
+                  :href="apkDownloadLink"
+                  target="_blank"
+                  rel="noopener noreferrer"
+                >
+                  <img :src="downloadIcon" alt="" class="dlanding-appcta__btn-icon" width="18" height="18" />
+                  <span>دانلود اپ اندروید</span>
+                </a>
+                <button
+                  type="button"
+                  class="dlanding-appcta__btn"
+                  :disabled="!canInstallWebApp"
+                  @click="installWebApp"
+                >
+                  <img :src="downloadIcon" alt="" class="dlanding-appcta__btn-icon" width="18" height="18" />
+                  <span>نصب وب اپلیکیشن</span>
+                </button>
+              </div>
             </div>
 
             <div class="dlanding-appcta__visual" aria-hidden="true">
@@ -934,6 +946,7 @@ import {
   isPwaManifestReady,
   promptDeferredPwaInstall,
 } from '@/modules/pwa/manifest'
+import { useSettingsStore } from '@/store/settingsStore'
 import { useAboutUsPageContext } from '../composables/useAboutUsPage'
 
 const DesktopPwaGuideModal = import.meta.client
@@ -969,6 +982,14 @@ const LIVE_CHART_RANGE_OPTIONS: Array<{
 ]
 
 const { config } = useAboutUsPageContext()
+const settingsStore = useSettingsStore()
+
+const apkDownloadLink = computed(() => {
+  const value = settingsStore.getSettingByKey('apk_download_link')
+  if (value == null) return null
+  const trimmed = String(value).trim()
+  return trimmed || null
+})
 
 const activeProduct = ref<'wire' | 'cathode'>('wire')
 const liveChartRange = ref<LiveChartRange>('DAILY')

src/views/base/aboutUs/desktop/styles/desktop-about-us.less

@@ -1080,13 +1080,21 @@ body.dlanding-menu-open {
     line-height: 1.9;
   }
 
+  &__actions {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 10px;
+    margin-top: clamp(18px, 2.2vw, 28px);
+  }
+
   &__btn {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     height: clamp(42px, 4.5vw, 48px);
-    margin-top: clamp(18px, 2.2vw, 28px);
+    margin: 0;
     padding: 0 clamp(18px, 2vw, 24px);
     border: none;
     border-radius: 16px;
@@ -1095,6 +1103,7 @@ body.dlanding-menu-open {
     font-family: inherit;
     font-size: clamp(13px, 1.1vw, 14px);
     font-weight: 700;
+    text-decoration: none;
     cursor: pointer;
     box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
     transition:
@@ -1104,6 +1113,7 @@ body.dlanding-menu-open {
     &:hover:not(:disabled) {
       transform: translateY(-2px);
       box-shadow: 0 12px 28px rgba(15, 23, 42, 0.16);
+      color: #1a2b47;
     }
 
     &:disabled {
@@ -3470,9 +3480,13 @@ body.dlanding-menu-open {
       max-width: 36em;
     }
 
-    &__btn {
+    &__actions {
+      justify-content: center;
       margin-top: 16px;
-      margin-inline: auto;
+    }
+
+    &__btn {
+      margin: 0;
       height: 42px;
     }
 
@@ -4154,11 +4168,15 @@ body.dlanding-menu-open {
       font-size: 13px;
     }
 
+    &__actions {
+      justify-content: center;
+      margin-top: 16px;
+    }
+
     &__btn {
       width: auto;
       max-width: 100%;
-      margin-top: 16px;
-      margin-inline: auto;
+      margin: 0;
       padding-inline: 20px;
       border-radius: 9999px;
     }