@extends ("front.layout")

@section('content')
	<div id="home">
		<front-image :images="data.home.data" :isvideo="data.home.isVideo" v-if="isPhotos"></front-image>
		<home-news :news="data.home.data" :isvideo="data.home.isVideo" v-if="isNews"></home-news>

		<div id="claim">
			<div class="content container">
				<div class="newsletter">
					<div class="content">
						<div class="inscription">
							<div class="titre" v-html="trans('application.subscribe-v2')"></div>
							<div class="inscription__zone">
								<newsletter theme="white" size="big"></newsletter>
							</div>

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

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



		{{-- <typologies :typologies="{{$typologies}}"></typologies> --}}
		<div class="container collections-thumbs">
			<div class="thumbs-list">
				<collection
					v-for="collection in data.collections"
					:key="collection.id"
					:element="collection">
				</collection>
			</div>
		</div>

		<highlight :highlight="getData(data.highlight)"></highlight>

		<front-news :news="data.news"></front-news>
	</div>
@endsection

@section('scripts')
<script type="application/javascript" defer src="https://player.vimeo.com/api/player.js"></script>
@endsection