Split desktop and mobile layouts with shared page data so APIs fetch once per context.

Add layout shells, desktop views, module-level page caches, and UI fixes for auth, home, wallet, transactions, address, and related pages.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/views/base/about/components/AboutSectionsContent.vue

@@ -0,0 +1,67 @@
+<template>
+  <div
+    :class="variant === 'desktop'
+      ? (isBoursecu ? 'dabout-content--boursecu' : 'dabout-content--default')
+      : (isBoursecuProject()
+        ? 'mt-5 border-solid border-2 border-primary text-primary rounded-[12px] p-4 text-xs leading-5'
+        : 'bg-primary text-white rounded-[12px] p-4 text-xs leading-5')"
+    class="dabout-content"
+  >
+    <template v-for="(section, sectionIndex) in aboutSections" :key="sectionIndex">
+      <div
+        v-if="sectionIndex > 0"
+        :class="variant === 'desktop' ? 'dabout-content__divider' : 'w-full h-1px my-3 bg-tertiary'"
+      ></div>
+      <div
+        v-if="section.title"
+        :class="variant === 'desktop' ? 'dabout-content__title' : 'font-bold text-sm mb-2'"
+      >
+        {{ section.title }}
+      </div>
+      <div
+        v-for="(paragraph, paragraphIndex) in section.paragraphs ?? []"
+        :key="`paragraph-${sectionIndex}-${paragraphIndex}`"
+        :class="[
+          variant === 'desktop' ? 'dabout-content__paragraph' : '',
+          paragraphIndex > 0 ? 'mt-3' : '',
+        ]"
+      >
+        {{ paragraph }}
+      </div>
+      <ul
+        v-if="(section.items ?? []).length"
+        :class="variant === 'desktop' ? 'dabout-content__list' : ''"
+      >
+        <li
+          v-for="(item, itemIndex) in section.items ?? []"
+          :key="`item-${sectionIndex}-${itemIndex}`"
+          :class="variant === 'desktop' ? 'dabout-content__list-item' : 'mt-2'"
+        >
+          <template v-if="variant !== 'desktop'">• {{ item }}</template>
+          <template v-else>{{ item }}</template>
+        </li>
+      </ul>
+    </template>
+    <div
+      v-if="variant !== 'desktop'"
+      class="w-full h-1px my-3 bg-tertiary"
+    ></div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { useAboutPageContext } from '../composables/useAboutPage'
+
+withDefaults(
+  defineProps<{
+    variant?: 'mobile' | 'desktop'
+  }>(),
+  { variant: 'mobile' },
+)
+
+const {
+  aboutSections,
+  isBoursecu,
+  isBoursecuProject,
+} = useAboutPageContext()
+</script>

src/views/base/about/components/AboutSupportActions.vue

@@ -0,0 +1,41 @@
+<template>
+  <div :class="variant === 'desktop' ? 'dabout-support' : 'wrap-fix bottom-0 px-10 pb-3rem flex gap-2 bg-white'">
+    <a class="w-full" :href="supportHref">
+      <BasicButton class="w-full" type="primary">تماس با پشتیبانی</BasicButton>
+    </a>
+    <a :href="baleHref" target="_blank" rel="noopener noreferrer">
+      <img src="@/assets/img/bale.png" alt="بله" :class="variant === 'desktop' ? 'dabout-support__bale' : 'h-10 w-10'" />
+    </a>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+import BasicButton from '@/components/BasicPacks/BasicButton.vue'
+import { useAboutPageContext } from '../composables/useAboutPage'
+
+const props = withDefaults(
+  defineProps<{
+    variant?: 'mobile' | 'desktop'
+  }>(),
+  { variant: 'mobile' },
+)
+
+const {
+  config,
+  getProjectSupportPhoneLink,
+  getProjectBaleLink,
+} = useAboutPageContext()
+
+const supportHref = computed(() =>
+  config.config.name === 'garoosi'
+    ? 'tel:09031265925'
+    : getProjectSupportPhoneLink(),
+)
+
+const baleHref = computed(() =>
+  config.config.name === 'garoosi'
+    ? 'https://ble.ir/garoosigallery'
+    : getProjectBaleLink(),
+)
+</script>