@extends ("front.layout")

@section('content')
	<div id="home">
		<front-image :images="{{$images}}"></front-image>

		<div id="newsletter">
			<div class="tambour">
				<img src="/storage/img/app/tambour.gif" alt="">
			</div>

			<div class="inscription">
				<div class="titre">
					ABONNEZ-VOUS<br> À NOTRE NEWSLETTER
				</div>

				<div class="inscription__zone">
					<newsletter theme="black" size="big"></newsletter>
				</div>

				<div class="approval">
					<input class="checkbox" id="approval" type="checkbox" :checked="approval" v-model="approval">
					<label class="approval__label" for="approval">J'ai lu et j'approuve les informations relatives à la protection des données</label>
				</div>

				<div class="networks">
					<social-networks theme="black"></social-networks>
				</div>
			</div>

			<div class="tambour reverse">
				<img src="/storage/img/app/tambour.gif" alt="">
			</div>
		</div>

		<div class="claim">
			<div class="sentences">
				<div class="quote">
					{{trans('application.claim-quote')}}
				</div>

				<div class="body">
					{!!nl2br(trans('application.claim-body'))!!}
				</div>
			</div>
		</div>

		<div class="typologies-home">
			@foreach($typologies as $t)
				<div class="typologie">
					<a href="/typologies/{{$t->id}}/{{$t->slug}}">
						<div class="name">{{$t->fr}}</div>
						<div class="thumb"><img src="{{$t->url}}" alt="{{$t->name}}"></div>
					</a>
				</div>
			@endforeach
		</div>


		<div class="highlight"></div>

		<div class="news">
			<front-news :news="{{$news['generale']}}"></front-news>
			<front-news :news="{{$news['salon']}}"></front-news>
		</div>
	</div>
@endsection