<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>
