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

{% block title %}
	Contacter votre affûteur coutelier à Clermont-Ferrand
{% endblock %}

{% block metaDesc %}Contactez Vulcan' Affûtage, votre artisan coutelier et affûteur à Clermont-Ferrand. Adresse : 26 Rue Saint-Dominique. Horaires d'ouverture, plan d'accès et informations de contact.{% endblock %}

{% block canonical %}contact{% endblock %}

{% block headerContact %}
	gColor
{% endblock %}

{% block body %}
	<div class="header-image w-100-p h-100-vh dp-f j-c-c a-i-c p-f z-i--1">
		<img class="p-a max-h-65-p max-w-90-p b-60 op-3" src="/assets/logo-sf2.webp" alt="Header image">
	</div>
	<div class="pageContainer">
		<div class="p-r dp-f-c bg-va-transparent pad-30 gp-30 b-s-b-b b-r-10 ovf-h">
			<div class="contact-header p-a t-0 l-0 w-100-p h-200 dp-f-c j-c-c a-i-c pad-10 gBgColor b-s-b-b">
				<div class="dp-f b-r-10 dp-f-c j-c-c a-i-c gBgColor b-s-b-b w-100-p h-100-p pad-15 b-s-b-b" style="border: 2px solid var(--dom-cwhite);">
					<h1 class="cwColor ft-s-45 t-a-c ft-s-30-r600">
						Nous Contacter
					</h1>
				</div>
			</div>

			<div class="dp-f-r gp-25 a-i-c mar-t-220">
				<div class="separator-l w-10-p dgBgColor dp-n-r800"></div>
				<h2 class="ft-s-45 ft-f-chomsky dg2Color ft-s-40-r1000 ft-s-30-r600">
					Nos coordonnées
				</h2>
				<div class="separator-l f-1 dgBgColor dp-n-r800"></div>
			</div>
			<div class="dp-f-c gp-10 mar-l-20 ft-s-20 ft-s-16-r600">
				<p>
					<b class="dg2Color ft-s-23 ft-s-18-r600">Téléphone</b>
					:
					<a href="tel:0473372905">
						<u>04.73.37.29.05</u>
					</a>
				</p>
				<p>
					<b class="dg2Color ft-s-23 ft-s-18-r600">E-Mail</b>
					:
					<a href="mailto:vulcanaffutage@gmail.com">
						<u>vulcanaffutage@gmail.com</u>
					</a>
				</p>
				<p>
					<b class="dg2Color ft-s-23 ft-s-18-r600">Instagram</b>
					:
					<a href="https://www.instagram.com/vulcan_affutage/">
						<u>@vulcan_affutage</u>
					</a>
				</p>
				<p>
					<b class="dg2Color ft-s-23 ft-s-18-r600">Facebook</b>
					:
					<a href="https://www.facebook.com/people/Vulcan-Aff%C3%BBtage/61569242744081/">
						<u>Vulcan Affûtage</u>
					</a>
				</p>
			</div>

			<div id="horaires" class="dp-f-r gp-25 a-i-c mar-t-20">
				<div class="separator-l w-10-p dgBgColor dp-n-r800"></div>
				<h2 class="ft-s-45 ft-f-chomsky dg2Color ft-s-40-r1000 ft-s-30-r600">
					Nos horaires
				</h2>
				<div class="separator-l f-1 dgBgColor dp-n-r800"></div>
			</div>
			<div class="dp-f-c gp-10 mar-l-20 ft-s-20 ft-s-16-r600">
				<p>
					<b class="dg2Color ft-s-23 ft-s-18-r600">
						Lundi
					</b>
					: Fermé</p>
				<p>
					<b class="dg2Color ft-s-23 ft-s-18-r600">
						Mardi
					</b>
					: 9h - 12h & 14h - 19h</p>
				<p>
					<b class="dg2Color ft-s-23 ft-s-18-r600">
						Mercredi
					</b>
					: 9h - 12h & 14h - 19h</p>
				<p>
					<b class="dg2Color ft-s-23 ft-s-18-r600">Jeudi
					</b>
					: 9h - 12h & 14h - 19h</p>
				<p>
					<b class="dg2Color ft-s-23 ft-s-18-r600">Vendredi
					</b>
					: 9h - 12h & 14h - 19h</p>
				<p>
					<b class="dg2Color ft-s-23 ft-s-18-r600">Samedi
					</b>
					: 9h - 13h</p>
				<p>
					<b class="dg2Color ft-s-23 ft-s-18-r600">Dimanche</b>
					: Fermé</p>
			</div>

			<div class="dp-f-r gp-25 a-i-c">
				<div class="separator-l w-10-p dgBgColor dp-n-r800"></div>
				<h2 class="ft-s-45 ft-f-chomsky dg2Color ft-s-40-r1000 ft-s-30-r600">
					Où nous trouver ?
				</h2>
				<div class="separator-l f-1 dgBgColor dp-n-r800"></div>
			</div>
			<h2 class="ft-s-20 ft-s-16-r600">Retrouvez nous
				<a href="https://www.google.com/maps/dir/?api=1&destination=Vulcan+Affutage,Clermont-Ferrand" class="gColor" target="_BLANK">
					<u>26 Rue Saint-Dominque</u>
				</a>
				proche du centre de
				<a href="https://www.google.com/maps/dir/?api=1&destination=Vulcan+Affutage,Clermont-Ferrand" class="gColor" target="_BLANK">
					<u>Clermont-Ferrand, 63000</u>
				</a>
				et de la place de Jaude</h2>
			{% if app.request.cookies.get('va_consent') == 'accepted' %}
				<iframe class="w-100-p h-300 b-r-5" style="border:1px solid var(--dgreen2);" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d264.5094934602022!2d3.080066398326057!3d45.7783977114082!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47f71bdc964b4f6b%3A0xe4f4310113eeb1a8!2sVULCAN&#39;%20AFF%C3%9BTAGE!5e0!3m2!1sfr!2sfr!4v1738073167668!5m2!1sfr!2sfr&layer=0" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
			{% else %}
				<div class="w-100-p h-300 b-r-5 dp-f-c j-c-c a-i-c gp-30 pad-20 b-s-b-b" style="border:1px solid var(--dgreen2);">
					<p class="t-a-c">Cette carte utilise des cookies.</p>
					<button onclick="acceptCookies()" class="button t-a-c dp-f-r gp-8 a-i-c">
						<p>Accepter les cookies et afficher la carte</p>
						<?xml version="1.0" encoding="UTF-8"?>
						<svg xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 24 24" width="15" height="15" class="cwColor" fill="currentColor">
							<path d="M12,2a10.032,10.032,0,0,1,7.122,3H16a1,1,0,0,0-1,1h0a1,1,0,0,0,1,1h4.143A1.858,1.858,0,0,0,22,5.143V1a1,1,0,0,0-1-1h0a1,1,0,0,0-1,1V3.078A11.981,11.981,0,0,0,.05,10.9a1.007,1.007,0,0,0,1,1.1h0a.982.982,0,0,0,.989-.878A10.014,10.014,0,0,1,12,2Z"/>
							<path d="M22.951,12a.982.982,0,0,0-.989.878A9.986,9.986,0,0,1,4.878,19H8a1,1,0,0,0,1-1H9a1,1,0,0,0-1-1H3.857A1.856,1.856,0,0,0,2,18.857V23a1,1,0,0,0,1,1H3a1,1,0,0,0,1-1V20.922A11.981,11.981,0,0,0,23.95,13.1a1.007,1.007,0,0,0-1-1.1Z"/>
						</svg>
					</button>
				</div>
			{% endif %}
			<a href="https://www.google.com/maps/dir/?api=1&destination=Vulcan+Affutage,Clermont-Ferrand" class="button ft-s-20 dp-f-r gp-10 a-i-c j-c-c" target="_BLANK" loading="lazy">
				S'y rendre
				<?xml version="1.0" encoding="UTF-8"?>
				<svg xmlns="http://www.w3.org/2000/svg" id="Layer_1" data-name="Layer 1" viewBox="0 0 24 24" width="26" height="25" class="cwColor" fill="currentColor">
					<path d="m23,12c-.553,0-1,.447-1,1v3h-6.086l-5.914-5.914V2h1c.552,0,1-.447,1-1s-.448-1-1-1h-6C2.243,0,0,2.243,0,5v14c0,2.757,2.243,5,5,5h14c2.757,0,5-2.243,5-5v-6c0-.553-.447-1-1-1ZM5,2h3v7.9l-6,3.199V5c0-1.654,1.346-3,3-3Zm-3,17v-3.633l6.817-3.636,5.362,5.362-3.679,4.906h-5.5c-1.654,0-3-1.346-3-3Zm17,3h-6l3-4h6v1c0,1.654-1.346,3-3,3Zm-2.549-10.811c.564.553,1.307.829,2.049.828.742,0,1.484-.275,2.049-.828l1.84-1.801c1.039-1.038,1.611-2.419,1.611-3.889s-.572-2.851-1.611-3.889c-1.039-1.039-2.42-1.611-3.889-1.611s-2.851.572-3.889,1.611c-1.039,1.038-1.611,2.419-1.611,3.889s.572,2.851,1.619,3.896l1.832,1.793Zm-.426-8.164c.661-.661,1.539-1.025,2.475-1.025s1.813.364,2.475,1.025,1.025,1.54,1.025,2.475-.364,1.813-1.018,2.467l-1.832,1.793c-.359.35-.941.352-1.301,0l-1.824-1.785c-.661-.661-1.025-1.54-1.025-2.475s.364-1.813,1.025-2.475Zm.974,2.469c0-.828.672-1.5,1.5-1.5s1.5.672,1.5,1.5-.672,1.5-1.5,1.5-1.5-.672-1.5-1.5Z"/>
				</svg>
			</a>
		</div>
	</div>
{% endblock %}