<template>
	<div class="page tech-info--page latin-digits">
		<Hero :title="staticData.title"/>
		<section class="s1">
			<div class="container">
				<div class="panel">
					<div class="content gTech">
						<h2 class="first">{{staticData.t1}}</h2>
						<p>{{staticData.t2}}</p>
						<br>
						<br>
						<br>
						<p>
							<b>{{staticData.t3}}</b>
							<span>{{staticData.t4}}</span>
						</p>
						<p>
							<b>{{staticData.t5}}</b>
							<span>{{staticData.t6}}</span>
						</p>
						<p>
							<b>{{staticData.t7}}</b>
							<span>{{staticData.t8}}</span>
						</p>
						<p>
							<b>{{staticData.t9}}</b>
							<span>{{staticData.t10}}</span>
						</p>
						<p>
							<b>{{staticData.t11}}</b>
							<span>{{staticData.t12}}</span>
						</p>
						<p>
							<b>{{staticData.t13}}</b>
							<span>{{staticData.t14}}</span>
						</p>
						<p>
							<b>{{staticData.t15}}</b>
							<span>{{staticData.t16}}</span>
						</p>
						<p>
							<b>{{staticData.t17}}</b>
							<span>{{staticData.t18}}</span>
						</p>
						<p>
							<b>{{staticData.t19}}</b>
							<span>{{staticData.t20}}</span>
						</p>
						<p>
							<b>{{staticData.t21}}</b>
							<span>{{staticData.t22}}</span>
						</p>
						<p>{{staticData.t23}}</p>

						<div class="imgBox anim-fadeIn">
							<img src="~/assets/img/tech-info/ti-Model-4.jpg" alt="">
							<p>{{staticData.t24}}</p>
						</div>
					</div>
				</div>
			</div>
		</section>
		<section class="s2">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<h2 class="title">{{staticData.t25}}</h2>
						<nuxt-link :to="{name: 'lang-products',params: {lang: $route.params.lang}}" class="btn btn-primary">{{staticData.t26}}</nuxt-link>
					</div>
				</div>
			</div>
		</section>
		<CustomersCommunication/>
	</div>
</template>

<script>
   import {fadeInAnimation} from "~/mixins/animations"

   export default {
      computed: {
         staticData() {
            return this.$store.state.staticData.gTech[this.$route.params.lang]
         }
      },
      mixins: [fadeInAnimation],
      head() {
         return {
            title: this.staticData.title
         }
      }
   }
</script>
