<!DOCTYPE html>
<html>
<head>
<script src="{{asset('tarteaucitron/tarteaucitron.js')}}"></script>
<script type="text/javascript">
tarteaucitron.init({
"privacyUrl": "", /* Privacy policy url */
"bodyPosition": "bottom", /* or top to bring it as first element for accessibility */
"hashtag": "#tarteaucitron", /* Open the panel with this hashtag */
"cookieName": "tarteaucitron", /* Cookie name */
"orientation": "bottom", /* Banner position (top - bottom) */
"groupServices": false, /* Group services by category */
"serviceDefaultState": "wait", /* Default state (true - wait - false) */
"showAlertSmall": false, /* Show the small banner on bottom right */
"cookieslist": false, /* Show the cookie list */
"closePopup": false , /* Show a close X on the banner */
"showIcon": true, /* Show cookie icon to manage cookies */
//"iconSrc": "", /* Optionnal: URL or base64 encoded image */
"iconPosition": "BottomRight", /* BottomRight, BottomLeft, TopRight and TopLeft */
"adblocker": false, /* Show a Warning if an adblocker is detected */
"DenyAllCta" : true, /* Show the deny all button */
"AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
"highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */
"handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */
"removeCredit": true, /* Remove credit link */
"moreInfoLink": true, /* Show more info link */
"useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */
"useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */
//"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */
"readmoreLink": "", /* Change the default readmore link */
"mandatory": true, /* Show a message about mandatory cookies */
"mandatoryCta": true /* Show the disabled accept button when mandatory on */
});
(tarteaucitron.job = tarteaucitron.job || []).push('youtube');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>{% block title %}Renov'At Home - Un artisant près de chez vous!{% endblock %}</title>
<link rel="icon" href="{{ asset('assets/images/logo_transparent_72x72.png')}}" type="image/png"><link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.1/css/all.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap" rel="stylesheet">
{% block stylesheets %}
<link rel="stylesheet" href="{{ asset('assets/styles/style.css')}}">
<link rel="stylesheet" href="{{ asset('assets/styles/navStyle.css')}}">
{% endblock %}
{% block javascripts %}
<script src="https://code.jquery.com/jquery-3.6.0.js"
integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
{% endblock %}
</head>
<body>
{% if block ('promo') is defined %}
<div class="promo-banner">
<div class="container-promo">
<span class="text-promo">👋 Renov’At Home réalise pour vous votre dossier d’aide pour la prime
rénovation</span>
<a class="show-promo" href="{{ path('prime')}}">En savoir plus<i class="fa-solid fa-arrow-right"></i></a>
</div>
</div>
{% endif %}
<header>
<nav class="navbar{{ app.request.pathinfo == "/" ? ' relative' }}">
<a href="{{ path('home') }}" class="logo-nav">
<img src="{{ asset('assets/images/logo_renovathome.png')}}" class="logo-renovathome" alt="Logo de renov at home">
<img src="{{ asset('assets/images/logo_transparent_72x72.png')}}" class="logo-renovathome declinaison" alt="Déclinaison du logo renov at home">
</a>
<ul class="no-hamburger">
<li><a class="surlignage" href="{{ path('home') }}">ACCUEIL</a></li>
<li class="menu-deroulant">
<a href="#">NOS DOMAINES D’EXPERTISES <i class="arrow down navbar"></i></a>
<ul class="sous-menu">
<li><a href="{{ path('traitement_des_toitures') }}">TRAITEMENT DES TOITURES<i class="fa-solid fa-arrow-right"></i></a></li>
<li><a href="{{ path('isolation_thermique_exterieur') }}">ISOLATION THERMIQUE EXTÉRIEUR<i
class="fa-solid fa-arrow-right"></i></a></li>
<li><a href="{{ path('isolation_des_combles') }}">ISOLATION DES COMBLES<i
class="fa-solid fa-arrow-right"></i></a></li>
<li><a href="{{ path('traitement_des_facades') }}">RAVALEMENT DE FAÇADE<i class="fa-solid fa-arrow-right"></i></a>
</li>
<li><a href="{{ path('interieur') }}">INTÉRIEUR<i class="fa-solid fa-arrow-right"></i></a></li>
</ul>
</li>
<li><a class="surlignage" href="{{ path('achievements') }}">NOS RÉALISATIONS</a></li>
<li><a class="surlignage" href="{{ path('events') }}">ÉVÈVEMENTS</a></li>
<li><a class="surlignage" href="{{ path('about_us') }}">QUI SOMMES-NOUS</a></li>
<li><a href="{{ path('quote') }}"><span class="btn-devis">DEMANDER UN DEVIS GRATUIT</span></a></li>
<li class="menu-reseau">
<div class="menu-reseau-logo">
<a class="logo-a" target="_blank" href="https://www.facebook.com/renovathome">
<img src="{{ asset('assets/images/logo-fb-bleu.svg')}}" class="navbar-logo" alt="logo facebook">
<img src="{{ asset('assets/images/logo-fb-bleu.svg')}}" class="navbar-logo" alt="logo facebook">
</a>
</div>
<div class="menu-reseau-logo">
<a class="logo-a" target="_blank" href="https://www.instagram.com/renovathome/">
<img src="{{ asset('assets/images/logo-insta-couleur.svg')}}" class="navbar-logo" alt="logo instagram">
<img src="{{ asset('assets/images/logo-insta-couleur.svg')}}"
class="navbar-logo logo-insta-couleur" alt="logo instagram">
</a>
</div>
</li>
</ul>
<input type="checkbox">
<div class="hamburger-lines">
<span class="line line1"></span>
<span class="line line2"></span>
<span class="line line3"></span>
</div>
<div class="menu-hamburger">
<ul class="ul-hamburger">
<li><a class="surlignage" href="{{ path('home') }}">ACCUEIL</a></li>
<li class="menu-deroulant">
<a href="#">NOS DOMAINES D’EXPERTISES <i class="arrow down navbar"></i></a>
<ul class="sous-menu">
<li><a href="{{ path('traitement_des_toitures') }}">TRAITEMENT DES TOITURES<i class="fa-solid fa-arrow-right"></i></a></li>
<li><a href="{{ path('isolation_thermique_exterieur') }}">ISOLATION THERMIQUE EXTÉRIEUR<i
class="fa-solid fa-arrow-right"></i></a></li>
<li><a href="{{ path('isolation_des_combles') }}">ISOLATION DES COMBLES<i
class="fa-solid fa-arrow-right"></i></a></li>
<li><a href="{{ path('traitement_des_facades') }}">RAVALEMENT DE FAÇADE<i
class="fa-solid fa-arrow-right"></i></a></li>
<li><a href="{{ path('interieur') }}">INTÉRIEUR<i class="fa-solid fa-arrow-right"></i></a></li>
</ul>
</li>
<li><a class="surlignage" href="{{ path('achievements') }}">NOS RÉALISATIONS</a></li>
<li><a class="surlignage" href="{{ path('events') }}">ÉVÈVEMENTS</a></li>
<li><a class="surlignage" href="{{ path('about_us') }}">QUI SOMMES-NOUS</a></li>
<li><a class="btn-devis" href="{{ path('quote') }}"><span>DEMANDER UN DEVIS GRATUIT</span></a></li>
</ul>
<div class="reseau-hamburger">
<a target="_blank" href="https://www.facebook.com/renovathome">
<img src="{{ asset('assets/images/logo-fb-bleu.svg') }}" class="navbar-logo-hamburger" alt="trait pour menu mobile">
</a>
<a target="_blank" href="https://www.instagram.com/renovathome/">
<img src="{{ asset('assets/images/logo-insta-couleur.svg') }}"
class="navbar-logo-hamburger" alt="trait pour menu mobile">
</a>
</div>
</div>
</nav>
</header>
{% if block ('banner') is defined %}
<div class="banniere" style="background-image:url({{ asset('assets/images/'~ banner) | imagine_filter('middle')}});">
<div class="contenu-banniere">
<div class="sous-titre-banniere">
<div class="deco-sous-titre"></div>
<span class="text-uppercase">{{ sousTitre }}</span>
<div class="deco-sous-titre"></div>
</div>
<h1 class="titre-banniere">{{ titre }}</h1>
</div>
</div>
{% endif %}
{% block main %}
{% endblock %}
{% if block ('contact') is defined %}
<div class="footer-contact">
<img src="{{ asset('assets/images/footer-photo.png') | imagine_filter('middle')}}" class="photo-contact" alt="Couple heureux">
<div class="footer-contact-content">
<div class="photos-contact">
<img src="{{ asset('assets/images/brush_green_2.png')}}" class="back-green" alt="trait de pinceaux vert">
<div class="photos-contact-top">
<img src="{{ asset('assets/images/batiment_Renov_at_home.png')}}" alt="vue en drone du batiment renov at home">
</div>
<div class="photos-contact-bot">
<img src="{{ asset('assets/images/accueil_renov_at_home.png')}}" alt="accueil renov at home">
<img src="{{ asset('assets/images/salon_renov_at_home.png')}}" alt="salon renov at home">
</div>
</div>
<div class="contacter">
<div class="titre">
<div class="deco-sous-titre"></div>
<span class="contacter-sous-titre">NOUS RENCONTRER</span>
</div>
<span class="contacter-titre">Nous contacter</span>
<p>
Vous avez un projet de rénovation pour votre maison et souhaitez faire appel à des artisans qualifiés. <br>
Pour toute demande de devis n'hésitez pas à nous contacter par mail, téléphone ou en cliquant ci-dessous pour remplir notre formulaire. Nous vous répondrons dans les plus brefs délais.
</p>
<div class="coordonnees">
<img src="{{ asset('assets/images/icon_pinhouse.svg')}}" alt="carte">
<span><a href="https://g.page/renovathome?share">2 Chem. de la Croix Raudière, 53400 Craon</a></span>
</div>
<div class="coordonnees">
<img src="{{ asset('assets/images/icon_phone.svg') }}" alt="téléphone">
<span> <a href="tel:+33967067349">09.67.06.73.49</a></span>
</div>
<div class="coordonnees">
<img src="{{ asset('assets/images/icon_mail.svg') }}" alt="enveloppe">
<span> <a href="mailto:renovathome53@gmail.com">renovathome53@gmail.com</a></span>
</div>
<div class="coordonnees">
<img src="{{ asset('assets/images/icon_calendar.svg') }}" alt="calendrier">
<div class="calendar-footer">
<span>Lundi - Vendredi : 08h30 - 20h30</span>
<span>Samedi : 08h30 - 16h00</span>
<span>Dimanche : Fermé</span>
</div>
</div>
<a href="{{ path('quote') }}" class="btn-devis">DEMANDER UN DEVIS GRATUIT</a>
<a target="_blank" href="https://g.page/renovathome?share" class="btn-prime-contact">NOUS TROUVER SUR GOOGLE MAPS</a>
</div>
</div>
</div>
{% endif %}
{% if block ('footer') is defined %}
<footer>
<div class="info-footer">
<div class="footer">
<div class="titre">
<div class="deco-sous-titre"></div><span>MENU</span>
</div>
<a href="{{ path('traitement_des_toitures') }}" class="hover-link">
Traitement des toitures
</a>
<a href="{{ path('isolation_thermique_exterieur') }}" class="hover-link">
Isolation thermique extérieur
</a>
<a href="{{ path('isolation_des_combles') }}" class="hover-link">
Isolation des combles
</a>
<a href="{{ path('traitement_des_facades') }}" class="hover-link">
Ravalement de façade
</a>
<a href="{{ path('interieur') }}" class="hover-link">
Intérieur
</a>
<a href="{{ path('achievements') }}" class="hover-link">
Nos réalisations
</a>
<a href="{{ path('events') }}" class="hover-link">
Évènements
</a>
<a href="{{ path('about_us') }}" class="hover-link">
Qui sommes-nous ?
</a>
</div>
<div class="footer">
<div class="titre">
<div class="deco-sous-titre"></div><span>COORDONNÉES</span>
</div>
<a class="hover-link" href="https://g.page/renovathome?share">
<span class="coordonnees">
<img class="footer-logo-coordonnees" src="{{ asset('assets/images/icon_pinhouse_white.svg') }}"
alt="carte"> 2 Chem. de la Croix Raudière
</span>
<span class="code-postal">
53400 Craon
</span>
</a>
<span class="coordonnees">
<img class="footer-logo-coordonnees" src="{{ asset('assets/images/icon_phone_white.svg') }}" alt="telephone">
<a href="tel:+33967067349" class="hover-link">09.67.06.73.49</a>
</span>
<span class="coordonnees">
<img class="footer-logo-coordonnees" src="{{ asset('assets/images/icon_mail_white.svg') }}" alt="enveloppe">
<a href="mailto:renovathome53@gmail.com" class="hover-link">renovathome53@gmail.com</a>
</span>
</div>
<div class="footer">
<div class="titre">
<div class="deco-sous-titre"></div><span>HORAIRES</span>
</div>
<span>
Lundi - Vendredi : 08h30 - 20h30
</span>
<span>
Samedi : 08h30 - 16h00
</span>
<span>
Dimanche : Fermé
</span>
</div>
<div class="footer">
<div class="titre">
<div class="deco-sous-titre"></div><span>SUIVEZ-NOUS</span>
</div>
<div class="rs">
<a href="https://www.facebook.com/renovathome" target="_blank"><img class="logo-footer" src="{{ asset('assets/images/medium_white_icon_facebook.svg')}}" alt="facebook"></a>
<a target="_blank" href="https://www.instagram.com/renovathome/"><img class="logo-footer" src="{{ asset('assets/images/medium_white_icon_instagram.svg')}}" alt="instagram"></a>
</div>
<a href="{{ path('quote') }}" class="end"><span>DEMANDER UN DEVIS GRATUIT</span></a>
</div>
</div>
<div class="legal">
<a href="{{ path('mentions_legales') }}" class="hover-link">Mentions légales </a> - <a href="{{ path('politique_confidentialite') }}" class="hover-link"> Politique de confidentialité</a>
</div>
<div class="copyright">
© RenovAtHome - <span>Réalisé par <a target="_BLANK" href="https://www.djabdigital.com"><img class="logo-footer" src="{{ asset('assets/images/djab-logo-blanc.svg')}}"></a></span>
</div>
</footer>
{% endif %}
{% block script %}
<script>
$('.menu-deroulant').click(
function(){
if ($('.ul-hamburger .sous-menu').hasClass('h-100')) {
$('.ul-hamburger .sous-menu').removeClass('h-100')
}
else{
$('.ul-hamburger .sous-menu').addClass('h-100');
}
}
);
$('.close-notif').click(
function(){
$('.alert.alert-success').addClass("disparition-notif");
setTimeout(
function()
{
$('.alert.alert-success').remove();
}, 1000
);
}
);
setTimeout(
function(){
$('.alert.alert-success').addClass("disparition-notif");
setTimeout(
function()
{
$('.alert.alert-success').remove();
}, 1000
);
}, 10000
);
</script>
{% endblock %}
</body>
</html>