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

src/views/base/about/aboutContent.ts

@@ -0,0 +1,68 @@
+export interface AboutSection {
+  title?: string
+  paragraphs?: string[]
+  items?: string[]
+}
+
+export function getAboutSections(nameProject: string, isBoursecu: boolean): AboutSection[] {
+  if (isBoursecu) {
+    return [
+      {
+        title: 'درباره بورس مس',
+        paragraphs: [
+          'بورس مس یک پلتفرم تخصصی برای تسهیل معاملات، کشف قیمت، تبادل اطلاعات و ایجاد ارتباط مستقیم میان فعالان زنجیره ارزش مس است. ما با هدف شفاف‌سازی بازار، کاهش واسطه‌های غیرضروری و افزایش دسترسی به اطلاعات معتبر، بستری هوشمند و امن را برای خریداران، فروشندگان، تولیدکنندگان، بازرگانان و سرمایه‌گذاران فراهم کرده‌ایم.',
+          'در بازاری که اطلاعات پراکنده، عدم شفافیت قیمت‌ها و دشواری دسترسی به تأمین‌کنندگان معتبر از مهم‌ترین چالش‌ها محسوب می‌شود، بورس مس تلاش می‌کند با بهره‌گیری از فناوری‌های نوین، فرآیند معامله و سرمایه‌گذاری در صنعت مس را ساده‌تر، سریع‌تر و قابل اعتمادتر کند.',
+          'ما باور داریم که مس، فلز آینده جهان است؛ فلزی که نقش کلیدی در توسعه زیرساخت‌ها، انرژی‌های تجدیدپذیر، خودروهای برقی، صنایع الکترونیک و رشد اقتصادی ایفا می‌کند. از این رو، ایجاد یک اکوسیستم تخصصی برای فعالان این صنعت را مأموریت اصلی خود می‌دانیم.',
+        ],
+      },
+      {
+        title: 'چشم‌انداز ما',
+        paragraphs: [
+          'تبدیل شدن به معتبرترین مرجع دیجیتال معاملات، اطلاعات بازار و خدمات تخصصی صنعت مس در ایران و منطقه.',
+        ],
+      },
+      {
+        title: 'مأموریت ما',
+        items: [
+          'افزایش شفافیت در بازار مس',
+          'تسهیل ارتباط میان خریداران و فروشندگان',
+          'فراهم‌سازی دسترسی به قیمت‌ها و اطلاعات معتبر بازار',
+          'توسعه ابزارهای نوین سرمایه‌گذاری و معامله',
+          'حمایت از رشد تجارت داخلی و بین‌المللی محصولات مسی',
+        ],
+      },
+      {
+        title: 'ارزش‌های ما',
+        items: ['شفافیت', 'اعتماد', 'نوآوری', 'مسئولیت‌پذیری', 'توسعه پایدار'],
+      },
+      {
+        paragraphs: [
+          'بورس مس تنها یک پلتفرم معاملاتی نیست؛ بلکه بستری برای شکل‌گیری شبکه‌ای قدرتمند از فعالان صنعت مس است که با همکاری، دانش و اعتماد متقابل، آینده‌ای روشن‌تر برای این صنعت استراتژیک رقم می‌زنند.',
+        ],
+      },
+    ]
+  }
+
+  return [
+    {
+      paragraphs: [
+        'طلا علاوه بر کاربرد در ساخت زیورآلات، از دوران کهن به عنوان یک فلز ارزشمند و دارایی مقاوم در برابر تورم شناخته می‌شود، به طوری که سرمایه‌گذاران حرفه‌ای همواره بخشی از سبد سرمایه‌گذاری‌شان را به طلا اختصاص می‌دهند.',
+      ],
+    },
+    {
+      paragraphs: [
+        `با وجود گسترش فناوری‌های نوین در همه حوزه‌ها، ما در شرکت پخش طلای حاجی ابوالفتح با تلفیق تجربه سنتی خود در بازار طلا و با دانش تخصصی خود و با بهره‌گیری از سوابق موفق قبلی در حوزه فینتک، اقدام به ایجاد ${nameProject} نمودیم.`,
+      ],
+    },
+    {
+      paragraphs: [
+        `مهم‌ترین ارزش پیشنهادی ${nameProject}، امکان پس انداز تدریجی طلا با سرمایه‌های خرد و بدون پرداخت هزینه‌های جانبی است و در این راستا ${nameProject} تمام تلاش خود را نموده است تا از ابتدای سال 1401 با رونمایی محصول اولیه، برای همه افراد با هر سطحی از دارایی، بستری امن و مطمئن ایجاد نماید.`,
+      ],
+    },
+    {
+      paragraphs: [
+        `علاوه بر این ${nameProject} به عنوان یک واحد فناور از سال 1403 با رونمایی نسخه کاملا آنلاین و نرم افزاری وارد فاز جدیدی از خرید و فروش طلای آب شده، شده است.`,
+      ],
+    },
+  ]
+}

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 = () => {