<template>
	<div class="page blog--page">
		<Hero :title="staticData.hero"/>
		<section class="s1">
			<div class="container">
				<div class="panel">
					<h2 class="title">{{staticData.t1}}</h2>
					<p>{{staticData.t2}}</p>
				</div>
			</div>
		</section>
		<section class="s2">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="filters">
							<h2 class="title">{{staticData.t3}}</h2>
							<ul>
								<li>همه</li>
								<li>مقالات</li>
								<li>اخبار</li>
								<li>آموزش ها</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</section>
		
		<section class="s3">
			<div class="container">
				<div class="row">
					<div class="col-12 clearfix post">
						<div class="panel">
							<div class="imgBox imgBox-reverse">
								<div class="img">
									<img src="~/assets/img/blog/blog-post.jpg" alt="">
								</div>
							</div>
							<div class="txtBox">
								<div class="date-category">
									<span class="category">
										<span>{{staticData.t4}}</span>
										<span>News</span>
									</span>
									<span class="date">30/05/2020</span>
								</div>
								<h4>گریتینگ چیست</h4>
								<p>گریتینگ چیست در این نوشته به پاسخ به سوال گریتینگ چیست خواهیم پرداخت گریتینگ در اصل به صفحات مشبکی گفته میشود که به دلیل داشتن خصوصیات بارزی مانند وزن پایین تر, امکان عبور هوا و نور, قیمت تمام شده پایین تر, ظاهری زیباتر و مزایای بسیار دیگری نسبت به سایر محصولات مشابه خود امروزه جایگاه ویژه ای در صنایع گوناگون و همچنین شهرسازی بدست آورده است و هر روزه بر کاربرد آن افزوده میشود. با توجه به این افزایش کاربرد امروز گریتینگ ها را در […]</p>
								<nuxt-link :to="{name: 'lang-blog-post',params: {lang: $route.params.lang,post: 1}}" class="btn btn-primary">{{staticData.t5}}</nuxt-link>
							</div>
						</div>
					</div>
					
					<div class="col-12 clearfix post">
						<div class="panel">
							<div class="imgBox imgBox-reverse">
								<div class="img">
									<img src="~/assets/img/blog/blog-post.jpg" alt="">
								</div>
							</div>
							<div class="txtBox">
								<div class="date-category">
									<span class="category">
										<span>Category /</span>
										<span>News</span>
									</span>
									<span class="date">30/05/2020</span>
								</div>
								<h4>گریتینگ چیست</h4>
								<p>گریتینگ چیست در این نوشته به پاسخ به سوال گریتینگ چیست خواهیم پرداخت گریتینگ در اصل به صفحات مشبکی گفته میشود که به دلیل داشتن خصوصیات بارزی مانند وزن پایین تر, امکان عبور هوا و نور, قیمت تمام شده پایین تر, ظاهری زیباتر و مزایای بسیار دیگری نسبت به سایر محصولات مشابه خود امروزه جایگاه ویژه ای در صنایع گوناگون و همچنین شهرسازی بدست آورده است و هر روزه بر کاربرد آن افزوده میشود. با توجه به این افزایش کاربرد امروز گریتینگ ها را در […]</p>
								<nuxt-link :to="{name: 'lang-blog-post',params: {lang: $route.params.lang,post: 2}}" class="btn btn-primary">{{staticData.t5}}</nuxt-link>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
	</div>
</template>

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