<template>
	<section class="customers-communication anim-fadeIn">
		<div class="container clearfix">
			<div class="panel">
				<div class="row align-items-center">
					<div class="col-12 col-lg-6 mb-5 mb-lg-0">
						<div class="imgBox imgBox-reverse">
							<div class="img">
								<div class="shape"></div>
								<img src="~/assets/img/customersCommunication.jpg" alt="">
							</div>
						</div>
					</div>
					<div class="col-12 col-lg-6">
						<h2 class="title title-shape">{{staticData.t1}}</h2>
						<p>{{staticData.t2}}</p>
						<nuxt-link :to="{name: 'lang-contact',params: {lang: $route.params.lang}}" class="btn btn-reverse-fill">{{staticData.link}}</nuxt-link>
					</div>
				</div>
			</div>
		</div>
	</section>
</template>

<script>
   export default {
      computed: {
         staticData() {
            return this.$store.state.staticData.customersCommunication[this.$route.params.lang]
         }
      }
   }
</script>
