boursecu_landing/src/pages/index.vue

<template>
  <div class="about-us-page-root">
    <DesktopAboutUsView />
  </div>
</template>

<script lang="ts" setup>
import DesktopAboutUsView from '@/views/base/aboutUs/desktop/DesktopAboutUsView.vue'
import { useAboutUsPage } from '@/views/base/aboutUs/composables/useAboutUsPage'

useAboutUsPage()

const siteName = 'بورس‌مس'
const title = 'خرید آنلاین مس، مستقیم و شفاف | بورس‌مس'
const description =
  'بورس‌مس مسیر خرید و فروش آنلاین مس را ساده، سریع و قابل اعتماد کرده است؛ با پشتوانه تولید‌کننده واقعی مس'

useSeoMeta({
  title,
  description,
  ogTitle: title,
  ogDescription: description,
  ogType: 'website',
  ogSiteName: siteName,
  twitterCard: 'summary_large_image',
  twitterTitle: title,
  twitterDescription: description,
  robots: 'index, follow',
})

useHead({
  title,
  htmlAttrs: {
    lang: 'fa',
    dir: 'rtl',
    class: 'font-dana project-boursecu',
  },
  style: [
    {
      children: `
:root {
  --App-font-family: 'dana', sans-serif;
  --App-brand-nav: #133050;
  --App-brand-red: #bc3c3b;
  --App-brand-red-50: #f8ecec;
  --App-brand-red-100: #f0d8d8;
  --App-brand-red-700: #963130;
}
`,
    },
  ],
  script: [
    {
      type: 'application/ld+json',
      innerHTML: JSON.stringify({
        '@context': 'https://schema.org',
        '@type': 'Organization',
        name: siteName,
        url: 'https://boursemes.com',
        description,
      }),
    },
    {
      type: 'application/ld+json',
      innerHTML: JSON.stringify({
        '@context': 'https://schema.org',
        '@type': 'WebPage',
        name: title,
        description,
        inLanguage: 'fa-IR',
        url: 'https://boursemes.com',
      }),
    },
    {
      type: 'application/ld+json',
      innerHTML: JSON.stringify({
        '@context': 'https://schema.org',
        '@type': 'FAQPage',
        mainEntity: [
          {
            '@type': 'Question',
            name: 'چگونه خرید انجام می‌شود؟',
            acceptedAnswer: {
              '@type': 'Answer',
              text: 'پس از ثبت‌نام و ورود، مقدار مفتول مس مورد نظر را انتخاب کرده و سفارش خود را ثبت می‌کنید. پرداخت به‌صورت امن و آنلاین انجام می‌شود و سفارش شما در پنل کاربری قابل پیگیری است.',
            },
          },
          {
            '@type': 'Question',
            name: 'حداقل میزان خرید چقدر است؟',
            acceptedAnswer: {
              '@type': 'Answer',
              text: 'حداقل میزان خرید از بورس مس یک کیلوگرم است و می‌توانید متناسب با نیاز خود، حجم سفارش را افزایش دهید.',
            },
          },
          {
            '@type': 'Question',
            name: 'قیمت‌ها چگونه محاسبه می‌شوند؟',
            acceptedAnswer: {
              '@type': 'Answer',
              text: 'قیمت‌ها به‌صورت لحظه‌ای بر اساس عرضه و تقاضای بازار به‌روزرسانی می‌شوند و در زمان ثبت سفارش، قیمت نهایی همان قیمت نمایش‌داده‌شده است.',
            },
          },
          {
            '@type': 'Question',
            name: 'ارسال چگونه انجام می‌شود؟',
            acceptedAnswer: {
              '@type': 'Answer',
              text: 'پس از ثبت سفارش، امکان تحویل فیزیکی در زمان و مکان مورد نظر شما فراهم است؛ حتی برای تناژهای بالا.',
            },
          },
          {
            '@type': 'Question',
            name: 'آیا پرداخت امن است؟',
            acceptedAnswer: {
              '@type': 'Answer',
              text: 'بله. تمام پرداخت‌ها از طریق درگاه‌های امن بانکی انجام می‌شود و اطلاعات مالی شما با استانداردهای امنیتی محافظت می‌گردد.',
            },
          },
          {
            '@type': 'Question',
            name: 'چگونه فروشنده شوم؟',
            acceptedAnswer: {
              '@type': 'Answer',
              text: 'پس از تکمیل ثبت‌نام و احراز هویت، می‌توانید از پنل کاربری درخواست فروش ثبت کنید و مس خود را در بستر بورس مس عرضه نمایید.',
            },
          },
        ],
      }),
    },
  ],
})
</script>

<style scoped>
.about-us-page-root {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  background: #f4f5f7;
}
</style>

<style>
html:not(.app-layout--desktop) .app-main > .about-us-page-root {
  min-height: 0;
  height: 100%;
  max-height: 100%;
  overflow: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior-y: contain;
}

html.dlanding-menu-open .about-us-page-root {
  overflow: hidden;
}
</style>