@extends('layouts.main')

@section('title')
WEBISCUS agence web - {{ $title }} 
@endsection

@section('description')
{{ $caption }}
@endsection


@section('seo_title')
{{ $seo_title }} 
@endsection

@section('seo_description')
{{ $seo_description }}
@endsection

@section('content')
<div class="rightbar phone" id="rightbar" itemprop="telephone">
	<div class="nu icon">
		<div class="img phone"></div>
	</div>
	<div class="nu">07</div>
	<div class="nu">83</div>
	<div class="nu">64</div>
	<div class="nu">82</div>
	<div class="nu">16</div>
</div>

<div class="rightbar menu" id="menu">
	<div class="nu icon menu">
		<div class="bar"></div>
		<div class="bar"></div>
		<div class="bar"></div>
	</div>
	<div class="content">
		<a class="smooth" href="/#realisations">RÉALISATIONS</a>
		<a class="smooth" href="/#valeurs">VALEURS</a>
		<a class="smooth" href="/#offres">OFFRES</a>
		<a class="smooth" href="/blog">BLOG</a>
		<a class="smooth" href="/#contact">CONTACT</a>
	</div>
</div>

<a href="#contact" class="smooth">
	<div class="messenger" id="messenger"></div>
	<div class="message" id="message" data-show="true">
		<p>Une question ?</p>
	</div>
</a>
<header class="page">
	<div class="wrap project">
		<h2>{{ $title }}</h2>
	
		<!--<h1 class="main-title" itemprop="description">Un site vitrine pour presenter l'association.
		Un site vitrine simple, sans prise de tete, et eco-concu.</h1>-->
		<div class="main-picture" style="background-image:url('{{ $main_image }}')"></div>
	</div>
</header>
<div class="page presentation">
	<div class="wrap">
		<div class="left">
			<h3>{{ $caption }}</h3>
			{!! $content !!}
		</div>
		<div class="right">
			<a class="button" href="{{ $url }}" target="_blank">Visiter le site</a>
			<div class="picture" style="background-image:url('{{ $right_image }}')"></div>
			<div class="infos">
				<div class="bloc">
					<h2>OBJECTIFS</h2>
					{!! $goal !!}
				</div>
				<div class="bloc">
					<h2>CIBLES</h2>
					{!! $target !!}
				</div>
				<div class="bloc">
					<h2>TECHNIQUES</h2>
					{!! $technical !!}
				</div>
				<!--<div class="bloc">
					<h2>SCORES</h2>
					<p>YSLOW : 90/100</p>
					<p>INSIGHT : 90/100</p>
					<p>QUALITE : 90/100</p>
					<p>SEO : 90/100</p>
				</div>-->
			</div>	
			<div class="quote">	
				<p>“</p>
				<p>
					{{ $quote }}
				</p>
				<p>”</p>
			</div>
		</div>
	</div>
</div>
<div class="page show desktop">
	<div class="wrap">
		<div class="picture" style="background-image:url('{{ $full_image }}')"></div>
	</div>
</div>
<div class="page show mobile">
	<div class="wrap">
		<div class="mobile" style="background-image:url('{{ $mobile_a_image }}')"></div>
		<div class="mobile" style="background-image:url('{{ $mobile_b_image }}')"></div>
		<div class="mobile" style="background-image:url('{{ $mobile_c_image }}')"></div>
	</div>
</div>
<div class="page call_to_action" id="contact">
	<div class="wrap">
		@if ($offer == 1)
			<h2>EN SAVOIR PLUS SUR L'OFFRE BONSAÏ</h2>
			<h3>Découvrez l'offre bonsaï ! </h3>
			<a class="button" href="/bonsai">DÉCOUVRIR</a>
		@else
			<h2>EN SAVOIR PLUS SUR L'OFFRE JEUNE POUSSE</h2>
			<h3>Découvrez l'offre jeune pousse ! </h3>
			<a class="button" href="/jeunepousse">DÉCOUVRIR</a>
			
		@endif
	</div>
</div>

@endsection