51 lines
1.9 KiB
Vue
51 lines
1.9 KiB
Vue
 
|
<template>
|
|||
|
|
<div class="dabout">
|
|||
|
|
<div class="dabout__container">
|
|||
|
|
<header class="dabout-topbar">
|
|||
|
|
<button type="button" class="dabout-topbar__back" @click="router.back()">
|
|||
|
|
<BasicIcon icon="vuesax-linear:arrow-right-1" size="18" />
|
|||
|
|
<span>بازگشت</span>
|
|||
|
|
</button>
|
|||
|
|
<div class="dabout-topbar__meta">
|
|||
|
|
<p class="dabout-topbar__eyebrow">اطلاعات</p>
|
|||
|
|
<h1 class="dabout-topbar__title">درباره ما</h1>
|
|||
|
|
</div>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<div class="dabout-layout">
|
|||
|
|
<section class="dabout-surface dabout-main">
|
|||
|
|
<div class="dabout-main__intro">
|
|||
|
|
<div class="dabout-main__logo">
|
|||
|
|
<BasicIcon icon="vuesax-linear:info-circle" size="28" />
|
|||
|
|
</div>
|
|||
|
|
<div>
|
|||
|
|
<h2 class="dabout-main__project">{{ config.config.name_fa }}</h2>
|
|||
|
|
<p class="dabout-main__tagline">آشنایی با خدمات و چشمانداز ما</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<AboutSectionsContent variant="desktop" />
|
|||
|
|
</section>
|
|||
|
|
|
|||
|
|
<aside class="dabout-surface dabout-side">
|
|||
|
|
<h3 class="dabout-side__title">پشتیبانی و ارتباط</h3>
|
|||
|
|
<p class="dabout-side__text">
|
|||
|
|
در صورت نیاز به راهنمایی یا پاسخ به سوالات، از راههای زیر با ما در ارتباط باشید.
|
|||
|
|
</p>
|
|||
|
|
<AboutSupportActions variant="desktop" />
|
|||
|
|
</aside>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script lang="ts" setup>
|
|||
|
|
import BasicIcon from '@/components/BasicPacks/BasicIcon.vue'
|
|||
|
|
import router from '@/router'
|
|||
|
|
import AboutSectionsContent from '../components/AboutSectionsContent.vue'
|
|||
|
|
import AboutSupportActions from '../components/AboutSupportActions.vue'
|
|||
|
|
import { useAboutPageContext } from '../composables/useAboutPage'
|
|||
|
|
|
|||
|
|
const { config } = useAboutPageContext()
|
|||
|
|
</script>
|