@extends('layouts.public')

@section('title') {{trans('seo.title.index')}} @endsection
@section('description') {{trans('seo.description.index')}} @endsection

@section('content')
<div class="main-contents">
	<section class="background-slide">
		<div class="slide-item">
			<img src="/assets/images/background-full/homepage-1.jpg" alt="" data-parallax="{&quot;y&quot;: 200}" class="img-responsive img-background">
			<div class="container">
				<div class="homepage-banner-warpper">
					<div class="homepage-banner-content">
						<div class="group-title fadeInDown">
							<h1 class="title">Zona</h1>
							<h2 class="subtitle">Okusi i mirisi zadarskog kraja</h2>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="about-us padding-top-100 padding-bottom-100">
		<div class="container">
			<div class="main-titles">
				<h1 class="title">Dobrodošli u Zonu</h1>
			</div>
			<div class="main-content">
				<div class="about-us-wrapper">
					<div class="about-left">
						<div data-wow-delay="0.8s" class="block-icon-1 wow fadeInLeft">
							<div class="table-cell">
								<div class="gamba-circles">
									<div class="circle">
									</div>
									<div class="circle">
									</div>
									<div class="circle">
									</div>
									<div class="circle">
									</div>
								</div>
								<i class="icons flaticon-food-1"></i>
							</div>
							<div class="table-cell">
								<h4 class="title">O Zoni</h4>
								<p class="description">Obuhvaća prehrambene karakteristike zadarskog kraja, mediteransku prehranu koja se temelji na tipičnim autohtonim namirnicama.</p>
							</div>
						</div>
						<div data-wow-delay="1.3s" class="block-icon-1 wow fadeInLeft">
							<div class="table-cell">
								<div class="gamba-circles">
									<div class="circle">
									</div>
									<div class="circle">
									</div>
									<div class="circle">
									</div>
									<div class="circle">
									</div>
								</div>
								<i class="icons flaticon-food-13"></i>
							</div>
							<div class="table-cell">
								<h4 class="title">Zona tradicije</h4>
								<p class="description">Temelj mediteranske prehrane je tradicija, to je model prehrane koji zadržava svoju okosnicu kroz stoljeća.</p>
							</div>
						</div>
					</div>
					<div data-wow-delay="0.3s" class="about-center wow zoomIn">
						<img src="/assets/images/more-image/about-us-1.jpg" alt="" class="img-responsive">
					</div>
					<div class="about-right">
						<div data-wow-delay="0.8s" class="block-icon-1 wow fadeInRight">
							<div class="table-cell">
								<div class="gamba-circles">
									<div class="circle">
									</div>
									<div class="circle">
									</div>
									<div class="circle">
									</div>
									<div class="circle">
									</div>
								</div>
								<i class="icons flaticon-fruit-6"></i>
							</div>
							<div class="table-cell">
								<h4 class="title">Zona okusa</h4>
								<p class="description">Osim što je zdrava, mediteranska prehrana je i ukusna te privlačna svim osjetilima zbog bogatstva boja, aroma, mirisa i okusa.</p>
							</div>
						</div>
						<div data-wow-delay="1.3s" class="block-icon-1 wow fadeInRight">
							<div class="table-cell">
								<div class="gamba-circles">
									<div class="circle">
									</div>
									<div class="circle">
									</div>
									<div class="circle">
									</div>
									<div class="circle">
									</div>
								</div>
								<i class="icons flaticon-food-19"></i>
							</div>
							<div class="table-cell">
								<h4 class="title">Zona zdravlja</h4>
								<p class="description">Još od polovine prošloga stoljeća znanstvenici veličaju mediteransku prehranu zbog povoljnog učinka na zdravlje i dugovječnost čovjeka.</p>
							</div>
						</div>
					</div>
					<div class="clearfix">
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="banner banner-2">
		<div class="container">
			<div class="row">
				<div class="col-lg-8 col-lg-offset-4">
					<div data-parallax="{&quot;y&quot;: 150}" class="banner-text-wrapper">
						<h2 class="title"><span class="main-color">Okusi i mirisi </span> zadarskog kraja</h2>
						<div class="prices"><span class="text-1">ZONA</span></div>
						<a href="{{route('public.about-us')}}" class="btn btn-maincolor">Opširnije</a>
					</div>
				</div>
			</div>
		</div>
	</section>
	<section class="blogs padding-top-100 padding-bottom-100">
		<div class="container">
			<div class="main-titles">
				<h1 class="title">Novosti</h1>
			</div>
			<?php $post = $posts->pull(0) ?>
			<div class="main-content">
				<div class="grid-block-1">
					<div class="block-left">
						<div class="grid-item">
							<div class="block-1">
								<div class="block-image">
									<img src="{{asset($post->thumbnail)}}" alt="{{$post->title}}" class="img-full">
									<a href="{{route('public.post', $post)}}" class="link"></a>
								</div>
								<div class="block-content">
									<a href="{{route('public.post', $post)}}" class="title">{{$post->title}}</a>
									<div class="author">
										<p class="text">{{$post->date}}</p>
									</div>
									<div class="description">
										<p class="text">{{$post->summary}}</p>
									</div>
									<a href="{{route('public.post', $post)}}" class="readmore"><span class="text">Opširnije</span><i class="icons fa fa-long-arrow-right"> </i></a>
								</div>
							</div>
						</div>
					</div>
					<div class="block-right">
						@foreach($posts as $post)
						<div class="grid-item">
							<div class="block-2">
								<div class="block-image">
									<img src="{{asset($post->thumbnail)}}" alt="{{$post->title}}" class="img-full">
									<a href="{{route('public.post', $post)}}" class="link"></a>
								</div>
								<div class="block-content">
									<a href="{{route('public.post', $post)}}" class="title">{{$post->title}}</a>
									<div class="author">
										<p class="text">{{$post->date}}</p>
									</div>
									<div class="description">
										<p class="text">{{$post->summary}}</p>
									</div>
									<a href="{{route('public.post', $post)}}" class="readmore"><span class="text">Opširnije</span><i class="icons fa fa-long-arrow-right"> </i></a>
								</div>
							</div>
						</div>
						@endforeach
					</div>
					<div class="clearfix">
					</div>
				</div>
				<div class="wrapper-btn margin-top-70">
					<a href="{{route('public.posts')}}" class="btn">Vidi sve</a>
				</div>
			</div>
		</div>
	</section>
</div>
@endsection