refactor code to nuxt and add ssr and edit some text in landing
This commit is contained in:
@@ -0,0 +1,158 @@
|
||||
<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/landing',
|
||||
description,
|
||||
}),
|
||||
},
|
||||
{
|
||||
type: 'application/ld+json',
|
||||
innerHTML: JSON.stringify({
|
||||
'@context': 'https://schema.org',
|
||||
'@type': 'WebPage',
|
||||
name: title,
|
||||
description,
|
||||
inLanguage: 'fa-IR',
|
||||
url: 'https://boursemes.com/landing',
|
||||
}),
|
||||
},
|
||||
{
|
||||
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>
|
||||
Reference in New Issue
Block a user