Amir Mohamadi
35 lines
984 B
Vue
35 lines
984 B
Vue
<template>
|
|
<section class="customers-communication">
|
|
<div class="container">
|
|
<div class="panel">
|
|
<div class="row align-items-center">
|
|
<div class="col-6">
|
|
<div class="imgBox imgBox-reverse">
|
|
<img src="~/assets/img/customersCommunication.jpg" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="col-6">
|
|
<h2 class="title title-shape">{{staticData.t1}}</h2>
|
|
<p>{{staticData.t2}}</p>
|
|
<nuxt-link :to="{name: staticData.link.url}" class="btn btn-reverse-fill">{{staticData.link.txt}}</nuxt-link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<script>
|
|
export default {
|
|
computed: {
|
|
staticData() {
|
|
if (this.$route.params.lang === 'fa') {
|
|
return this.$store.state.staticData.customersCommunication.fa
|
|
} else if (this.$route.params.lang === 'en') {
|
|
return this.$store.state.staticData.customersCommunication.en
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|