change font,loginLogo,text,... for boursemes

src/views/base/about/index.vue

@@ -13,29 +13,28 @@
       <div class="text-justify text-base z-200000 relative">
         <div class="px-10">
 <!--          <img :src="logoFull" class="mb-20 mt-5" />-->
-          <div class="overflow-y-auto h-65vh">
+          <div class="overflow-y-auto h-65vh pb-20">
             <div class="bg-primary text-white rounded-[12px] p-4 text-xs leading-5">
-              <div class="w-full h-1px my-3 bg-tertiary"></div>
-              <div>
-                طلا علاوه بر کاربرد در ساخت زیورآلات، از دوران کهن به عنوان یک فلز ارزشمند و دارایی
-                مقاوم در برابر تورم شناخته می‌شود، به طوری که سرمایه‌گذاران حرفه‌ای همواره بخشی از
-                سبد سرمایه‌گذاری‌شان را به طلا اختصاص می‌دهند.
-              </div>
-              <div class="mt-3">
-                با وجود گسترش فناوری‌های نوین در همه حوزه‌ها، ما در شرکت پخش طلای حاجی ابوالفتح با
-                تلفیق تجربه سنتی خود در بازار طلا و با دانش تخصصی خود و با بهره‌گیری از سوابق موفق
-                قبلی در حوزه فینتک، اقدام به ایجاد {{ nameProject }} نمودیم.
-              </div>
-              <div class="mt-3">
-                مهم‌ترین ارزش پیشنهادی  {{ nameProject }}، امکان پس انداز تدریجی طلا با سرمایه‌های خرد و بدون
-                پرداخت هزینه‌های جانبی است و در این راستا {{ nameProject }} تمام تلاش خود را نموده است تا از
-                ابتدای سال 1401 با رونمایی محصول اولیه، برای همه افراد با هر سطحی از دارایی، بستری
-                امن و مطمئن ایجاد نماید.
-              </div>
-              <div class="mt-3">
-                علاوه بر این  {{ nameProject }} به عنوان یک واحد فناور از سال 1403 با رونمایی نسخه کاملا آنلاین
-                و نرم افزاری وارد فاز جدیدی از خرید و فروش طلای آب شده، شده است.
-              </div>
+              <template v-for="(section, sectionIndex) in aboutSections" :key="sectionIndex">
+                <div v-if="sectionIndex > 0" class="w-full h-1px my-3 bg-tertiary"></div>
+                <div v-if="section.title" class="font-bold text-sm mb-2">
+                  {{ section.title }}
+                </div>
+                <div
+                  v-for="(paragraph, paragraphIndex) in section.paragraphs ?? []"
+                  :key="`paragraph-${sectionIndex}-${paragraphIndex}`"
+                  :class="paragraphIndex > 0 ? 'mt-3' : ''"
+                >
+                  {{ paragraph }}
+                </div>
+                <div
+                  v-for="(item, itemIndex) in section.items ?? []"
+                  :key="`item-${sectionIndex}-${itemIndex}`"
+                  class="mt-2"
+                >
+                  • {{ item }}
+                </div>
+              </template>
               <div class="w-full h-1px my-3 bg-tertiary"></div>
             </div>
           </div>
@@ -63,7 +62,7 @@
 </template>
 
 <script lang="ts" setup>
-import { onMounted, reactive, ref } from 'vue'
+import { onMounted, reactive, ref, computed } from 'vue'
 import img from '@/assets/img/user_ly1.svg'
 import gr_bottom from './assets/img/gr_bottom_white.svg'
 import { loading } from '@/utils'
@@ -79,6 +78,8 @@ import { message } from 'ant-design-vue'
 import { updateMe } from '@/api/me'
 import { useUserStore } from '@/store/userStore'
 import {useConfigStore} from "@/store/configStore";
+import {getReferralShareText, getReferralShareTitle, isBoursecuProject} from "@/utils/config";
+import { getAboutSections } from './aboutContent'
 
 const config=useConfigStore()
 
@@ -95,6 +96,7 @@ const userFormState = ref<User>({
 const formRef = ref<FormInstance>()
 const userStore = useUserStore()
 const nameProject= useConfigStore().config.name_fa
+const aboutSections = computed(() => getAboutSections(nameProject, isBoursecuProject()))
 
 // const editPassVisible = ref<boolean>(false)
 const editPassVisible = ref<boolean>(false)
@@ -112,20 +114,15 @@ function copyCode() {
 }
 
 function shareCode() {
-  // nextTick(() => {
-  const val = `⭐️الان طلا بخر؛ آخر ماه سودشو ببر!
-با خرید طلای آبشده در مقدارهای کم ولی مستمر، سود بیشتری ببر!
-
-این دعوت نامه از طرف "${userStore.userInfo?.name}" عزیز برای شما ارسال شده تا شما هم از بازار طلای ${nameProject} جا نمونید.
-روی لینک زیر کلیک کنید و ثبت نام خود را تکمیل کنید.
-
-${window.location.hostname}/login?id=${userStore.userInfo?.referral_id}`
+  const val = getReferralShareText({
+    userName: userStore.userInfo?.name,
+    projectName: nameProject,
+    referralId: userStore.userInfo?.referral_id,
+  })
   navigator.share({
-    title: nameProject,
+    title: getReferralShareTitle(nameProject),
     text: val
   })
-  // message.info('کد رونوشت شد')
-  // })
 }
 
 const resetData = () => {