{% extends 'base.html.twig' %}

{% block title %}Scobat | Scobat SAS{% endblock %}


{% block body %}
	<main role="main">
		<div class="scobat">
			<div class="container">
				<section class="scobat-apropos">
					<div class="row">
						<div class="col-6">
							<div class="title-section">
								<span>À propos</span>
								<h1>SCOBAT</h1>
								<img class="a-propos-ligne" src="{{ asset("images/title-underline.svg") }}" alt="Ligne jaune">
							</div>
							<p>
								La société <strong>SCOBAT</strong> naît de plusieurs associés en 1992. Elle est rachetée en 2021 par Thibaud Belhadj, à son père et son associé.<br>
								Localisés à Saint-Aubin-Château-Neuf (Le Val D’Ocre) dans l’Yonne en Bourgogne, <strong>nous sommes spécialisés dans les travaux de plâtrerie, d’isolation,</strong> notamment par soufflage,
								<strong>d’aménagement des combles, de menuiseries intérieures, ainsi qu’extérieures</strong> en bois, PVC ou aluminium. <br>
								Si nous sommes implantés dans l’Yonne, notre secteur d’intervention s’étend au-delà du département. Nous pouvons faire jusqu’à 1h30 de trajet <strong>afin de vous accompagner dans vos projets autant dans l’Yonne</strong> (89),
								<strong>que dans l’Aube</strong> (10), <strong>en Côte-d’Or</strong> (21), <strong>dans la Nièvre</strong> (58), <strong>dans le Loiret</strong> (45) <strong>ou même dans le Cher</strong> (18) <strong>et en Seine-et-Marne</strong> (77).
							</p>
						</div>
						<div class="col-1"></div>
						<div class="col-5">
							<img src="{{ asset('images/map-scobat.svg') }}" alt="Carte représentant la zone d'influence de Scobat">
						</div>
					</div>
				</section>
				<section class="scobat-demarche-qualite">
					<div class="title-section">
						<span>Suivi de votre projet</span>
						<h2>Démarche qualité</h2>
						<img class="a-propos-ligne" src="{{ asset("images/title-underline.svg") }}" alt="Ligne jaune">
					</div>
					<div class="flex-row justify-between demarche-wrapper">
						<div class="demarche-item flex-row">
							<img src="{{ asset('images/icons/mail-white.svg') }}" alt="Icone de mail">
							<div class="flex-column">
								<span class="numero">01</span>
								<span class="etape">Présentation de votre projet</span>
							</div>
						</div>
						<div class="demarche-item flex-row">
							<img src="{{ asset('images/icons/devis.svg') }}" alt="Icone de devis">
							<div class="flex-column">
								<span class="numero">02</span>
								<span class="etape">Visite du chantier et réalisation d’un devis sous 15 jours</span>
							</div>
						</div>
						<div class="demarche-item flex-row">
							<img src="{{ asset('images/icons/devis-valide.svg') }}" alt="Icone de devis validé">
							<div class="flex-column">
								<span class="numero">03</span>
								<span class="etape">Validation du devis et formalisation du rétro-planning</span>
							</div>
						</div>
						<div class="demarche-item flex-row">
							<img src="{{ asset('images/icons/idv-scobat.svg') }}" alt="Icone de maison en construction">
							<div class="flex-column">
								<span class="numero">04</span>
								<span class="etape">Réalisation de vos travaux et suivi de votre chantier</span>
							</div>
						</div>
						<div class="demarche-item flex-row">
							<img src="{{ asset('images/icons/fin-projet.svg') }}" alt="Icone de maison finie">
							<div class="flex-column">
								<span class="numero">05</span>
								<span class="etape">Réception de votre projet</span>
							</div>
						</div>
					</div>
				</section>
			</div>
			{% include 'components/_bandeau-avis.html.twig' %}
			<div class="container">
				<section class="scobat-realisations">
					<div class="title-section">
						<span>Notre savoir-faire</span>
						<h2>Les réalisations et actualités</h2>
						<img class="a-propos-ligne" src="{{ asset("images/title-underline.svg") }}" alt="Ligne jaune">
					</div>
					<div class="row realisations-wrapper">
						{% for realisation in realisations %}
							<div class="col-6">
								<a href="{{ path('app_realisations_show', {slug: realisation.slug, id: realisation.id}) }}">
									<img src="{{ vich_uploader_asset(realisation, 'photoFile') | imagine_filter('realisationScobat') }}" alt="Photo de la réalisation">
								</a>
								<div class="titre-realisation">
									<span>{{ realisation.categorie.titre }}</span>
									<a href="{{ path('app_realisations_show', {slug: realisation.slug, id: realisation.id}) }}"><h3>{{ realisation.titre }}</h3></a>
								</div>
							</div>
						{% endfor %}
					</div>
					<a href="{{ path('app_realisations_index') }}" class="btn btn-vert">Voir toutes les actualités et réalisations</a>
				</section>
			</div>
		</div>
	</main>
{% endblock %}