<!DOCTYPE html>
<html lang="fr">
<head>
<!-- Metas -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="csrf-token" content="t08OQIfkZdEwcrdgVhXUzMkPgzou6RNJMq1zcUXl">
<meta name="description" content="Trustup, entrepreneur, construction, professionnel, confiance, construction générale, rénovation, sérieux">
<meta name="keywords" content="Avec TrustUp, trouvez les entrepreneurs en construction de confiance dans votre région !">
<meta property="og:title" content="TrustUp.fr — La plate-forme pour vos projets de construction ou rénovation">
<meta property="og:url" content="https://www.trustup.fr/fr">
<meta property="og:image" content="https://www.trustup.fr/old/images/meta/og.jpg">
<meta property="og:description" content="Avec TrustUp, trouvez les entrepreneurs de confiance dans votre région ! C'est gratuit, simple et efficace !">
<meta property="og:type" content="website">
<meta property="og:locale" content="fr-fr">
<meta property="og:site_name" content="TrustUp.be">
<meta property="fb:app_id" content="430318370494062" />
<meta name=“facebook-domain-verification” content=“2jny70yqnr87b3rmgl5ankar6cbq9p” />
<meta name="p:domain_verify" content="cdf9595036a0449e73c0dd4bebd26471"/>
<title>
TrustUp.fr — La plate-forme pour vos projets de construction ou rénovation </title>
<link rel="alternate" href="https://trustup.be/fr" hreflang="x-default">
<link rel="alternate" href="https://trustup.be/fr" hreflang="fr-be">
<link rel="alternate" href="https://trustup.be/nl" hreflang="nl">
<link rel="alternate" href="https://trustup.fr/fr" hreflang="fr-fr">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="https://www.trustup.fr/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://www.trustup.fr/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://www.trustup.fr/favicon/favicon-16x16.png">
<link rel="manifest" href="https://www.trustup.fr/favicon/site.webmanifest">
<link rel="mask-icon" href="https://www.trustup.fr/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="canonical" href="https://www.trustup.fr/fr">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<!-- Styles CSS -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" integrity="sha384-AYmEC3Yw5cVb3ZcuHtOA93w35dYTsvhLPVnYs9eStHfGJvOvKxVfELGroGkvsg+p" crossorigin="anonymous"/>
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://www.trustup.fr/css/toasteo.e3b38ec2ba21b364598b48421c0ab0e1.css" />
<style>
[x-cloak] {
display: none;
}
.duration-300 {
transition-duration: 300ms;
}
.ease-in {
transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
}
.ease-out {
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
}
.scale-90 {
transform: scale(.9);
}
.scale-100 {
transform: scale(1);
}
* {
font-family: "Raleway", sans-serif;
}
</style>
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-855686520"></script>
<script>
window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'AW-855686520');
</script>
<script>
gtag('config', 'AW-417716973');
</script>
<script>
gtag('config', 'AW-370898768');
</script>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://metrics.trustup.fr/iaf64c2mrmyho77.js?aw='+i.replace(/^GTM-/, '')+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-N6ZQZ4JS');</script>
<link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
</head>
<body
class=""
id="body"
>
<noscript><iframe src="https://metrics.trustup.fr/ns.html?id=GTM-N6ZQZ4JS"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!--<div class="alert-card alert-card--orange">
<div class="alert-card__title">Information Covid-19</div>
<div class="alert-card__text">
<p>En cette période de crise, TrustUp.be est plus que jamais disponible pour répondre à vos demandes d'intervention d'un Pro,
en cas de nécessité. Nous gérerons celles-ci en fonction des priorités. Merci pour votre compréhension.</p>
</div>
<div class="alert-card__button">
<a href="#" class="l-button">En savoir plus</a>
</div>
</div>-->
<div id="site-wrapper">
<header class="z-50 relative">
<div class="sticky top-0 w-full">
<script src="https://www.trustup.fr/js/initializeBothSearch.1c74087c4b59f6b843cdb650db69c9b1.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDhSsZYZLkPQ95xIbelqhmvnU7GZEn7tG8&libraries=places&language=fr"></script>
<div class="bg-white hidden lg:flex justify-center w-full h-[80px] border-b border-black/10">
<div class="flex items-center justify-between w-full max-w-[1300px] mx-20 h-full">
<div class="flex items-center relative gap-[20px] lg:gap-[30px]">
<a class="relative" href="https://www.trustup.fr/fr">
<!-- <div class="absolute -top-[11px] left-[16px]">
<i class="fa-duotone fa-solid fa-hat-santa text-xl text-red-400 rotate-[30deg]" style="--fa-primary-color: #d22d2d; --fa-secondary-color: #e2e2e2; --fa-secondary-opacity: 1;"></i>
</div> -->
<svg width="137" height="32" viewbox="0 0 137 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_295177_3787)">
<path d="M47.3367 9.271V13.1993H43.9259V26.1523H39.6276V13.1993H36.3799V9.271H39.6276V5.22513L43.9259 4.2858V9.26473H47.3367V9.271Z" fill="black"/>
<path d="M52.7026 11.7424C54.0121 9.91708 55.6445 8.995 57.6345 8.995V13.4392C54.5107 13.4392 52.7026 15.2363 52.7026 18.0951V26.1445H48.4043V9.27099H52.7026V11.7424Z" fill="black"/>
<path d="M69.9477 9.271H74.2461V26.1523H69.9477V24.098C68.6383 25.7305 66.9415 26.5585 64.8214 26.5585C62.9302 26.5585 61.3918 25.9594 60.2298 24.7802C59.049 23.5993 58.4688 22.0327 58.4688 20.0882V9.271H62.7671V18.8305C62.7671 19.9173 63.0901 20.7688 63.7362 21.4196C64.3651 22.0657 65.2103 22.3887 66.2437 22.3887C67.3414 22.3887 68.2337 22.0484 68.9269 21.3851C69.6074 20.7217 69.943 19.8467 69.943 18.7662L69.9493 9.27256L69.9477 9.271Z" fill="black"/>
<path d="M77.4458 24.9542C76.2305 23.9036 75.6377 22.6114 75.6377 21.0903H79.9878C79.9878 21.625 80.1822 22.0594 80.5868 22.4342C80.9742 22.8043 81.4446 22.9972 82.0076 22.9972C83.0583 22.9972 83.88 22.3166 83.88 21.476C83.88 20.554 82.9407 19.8436 81.0683 19.3559C77.5916 18.5342 75.8604 16.7668 75.8776 14.0539C75.8776 12.4387 76.4594 11.1591 77.6387 10.237C78.8007 9.31491 80.2403 8.86328 81.937 8.86328C83.6338 8.86328 85.1079 9.36196 86.2699 10.3672C87.4319 11.3708 88.0137 12.5987 88.0137 14.0539H83.6808C83.6808 13.1318 82.9234 12.4042 81.9025 12.4042C80.9804 12.4042 80.2058 13.033 80.2058 13.7952C80.2058 14.7172 81.1921 15.4276 83.1476 15.9153C86.5412 16.7731 88.2442 18.5169 88.2552 21.1232C88.2552 22.8027 87.6561 24.1294 86.458 25.1048C85.2427 26.0739 83.7577 26.5616 81.9605 26.5616C80.1587 26.5506 78.6548 26.0222 77.4458 24.9527V24.9542Z" fill="black"/>
<path d="M99.1519 9.271V13.1993H95.7412V26.1523H91.4428V13.1993H88.1904V9.271H91.4381V5.22513L95.7364 4.2858V9.26473H99.1535V9.271H99.1519Z" fill="black"/>
<path d="M111.435 9.271H115.733V26.1523H111.435V24.098C110.126 25.7305 108.429 26.5585 106.309 26.5585C104.417 26.5585 102.879 25.9594 101.717 24.7802C100.536 23.5993 99.9561 22.0327 99.9561 20.0882V9.271H104.254V18.8305C104.254 19.9173 104.577 20.7688 105.224 21.4196C105.852 22.0657 106.698 22.3887 107.731 22.3887C108.829 22.3887 109.721 22.0484 110.414 21.3851C111.095 20.7217 111.43 19.8467 111.43 18.7662L111.437 9.27256L111.435 9.271Z" fill="black"/>
<path d="M133.853 11.3849C135.421 13.0817 136.195 15.183 136.195 17.6905C136.195 20.198 135.421 22.3166 133.853 24.0133C132.284 25.7101 130.329 26.5491 127.981 26.5491C125.634 26.5491 123.888 25.674 122.485 23.9302V31.263H118.187V9.27101H122.485V11.4853C123.895 9.74146 125.737 8.86642 127.981 8.86642C130.225 8.86642 132.284 9.70539 133.853 11.3849ZM127.13 22.3824C128.456 22.3824 129.554 21.9308 130.446 21.0385C131.339 20.1462 131.773 19.036 131.773 17.7093C131.773 16.3826 131.339 15.2661 130.446 14.3801C129.554 13.4941 128.456 13.0362 127.13 13.0362C125.803 13.0362 124.705 13.4878 123.813 14.3801C122.927 15.2724 122.486 16.3889 122.486 17.7093C122.486 19.0297 122.921 20.1525 123.813 21.0385C124.705 21.9245 125.803 22.3824 127.13 22.3824Z" fill="black"/>
<path d="M14.8959 14.4318C14.543 14.573 14.2263 14.7847 13.9565 15.0544C13.3167 15.6942 13.0172 16.61 13.1583 17.5023C13.1991 17.7955 13.4579 18.001 13.7401 18.001C13.7699 18.001 13.7982 17.9947 13.828 17.9947C14.1447 17.9414 14.3674 17.6419 14.3157 17.3188C14.2341 16.7966 14.4097 16.2556 14.7861 15.8855C14.9445 15.7271 15.1327 15.6032 15.3381 15.5217C15.6376 15.3978 15.785 15.0513 15.6674 14.758C15.5435 14.4585 15.2032 14.3111 14.899 14.4287L14.8959 14.4318Z" fill="#FFC200"/>
<path d="M16 0C7.16338 0 0 7.16338 0 16C0 24.8366 7.16338 32 16 32C24.8366 32 32 24.8366 32 16C32 7.16338 24.8366 0 16 0ZM25.8528 14.4914L25.3823 14.562C24.6077 14.6859 23.9679 15.4198 23.9679 16.2054V22.4938L22.3589 20.8848C22.188 20.7139 21.9183 20.7139 21.7426 20.8848L21.5309 21.0965L20.692 20.2576C22.1896 18.0386 21.9653 14.9964 19.9925 13.0299C17.761 10.7984 14.1511 10.7984 11.9196 13.0299C9.68813 15.2614 9.68813 18.8713 11.9196 21.1028C13.8861 23.0693 16.9284 23.3045 19.1473 21.8022L19.9863 22.6412L19.7746 22.8529C19.6036 23.0238 19.6036 23.2935 19.7746 23.4692L22.188 25.8763H9.46545C8.67823 25.8763 8.03215 25.2302 8.03215 24.443V16.2054C8.03215 15.4182 7.39861 14.6796 6.61766 14.562L6.14251 14.4914C5.36783 14.3675 5.20945 13.8453 5.79594 13.3231L14.9258 5.1624C15.5076 4.6402 16.4704 4.6402 17.0569 5.1624L26.1868 13.3231C26.7858 13.8453 26.6275 14.3675 25.8528 14.4914ZM18.3428 19.4468C17.0224 20.7625 14.8897 20.7625 13.5756 19.4468C12.2599 18.1264 12.2599 15.9937 13.5756 14.6796C14.896 13.3592 17.0287 13.3592 18.3428 14.6796C19.6632 15.9953 19.6632 18.1264 18.3428 19.4468Z" fill="#FFC200"/>
</g>
<defs>
<clippath id="clip0_295177_3787">
<rect width="136.195" height="32" fill="white"/>
</clippath>
</defs>
</svg>
</a>
<div class="flex items-center gap-[20px] lg:gap-[30px] text-[16px] font-semibold">
<div class="group relative">Trouver un pro<i class="fa-regular fa-chevron-down text-[14px] pl-[7px] text-[#6E6E6E]"></i>
<div class="absolute h-10 top-0 w-full"></div>
<div class="hidden text-[15px] group-hover:block absolute w-[240px] -left-[30px] top-10 bg-white rounded-[6px] border p-[10px] z-10">
<div class="group/item pl-[20px] py-[12px] pr-[10px] hover:bg-[#F2F2F2] cursor-default rounded relative flex gap-[10px] justify-between items-center">
Recherches fréquentes
<i class="fa-solid fa-chevron-right text-[14px] text-neutral-400"></i>
<div class="absolute w-6 -right-[24px] h-full"></div>
<div class="hidden group-hover/item:block absolute w-[240px] -right-[250px] -top-[10px] bg-white rounded-[6px] border p-[10px] z-20">
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/toiture/velux">
Installation Velux
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/toiture/ardoisier">
Ardoisier
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/chauffagiste">
Chauffagiste
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/carreleur">
Carreleur
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/jardinier">
Jardinier
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/toiture/toitures-plates">
Toiture plate
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/electricite/mise-en-conformite-electrique">
Mise en conformité électrique
</a>
</div>
</div>
<div class="group/item pl-[20px] py-[12px] pr-[10px] hover:bg-[#F2F2F2] cursor-default rounded relative flex gap-[10px] justify-between items-center">
Électricien
<i class="fa-solid fa-chevron-right text-[14px] text-neutral-400"></i>
<div class="absolute w-6 -right-[24px] h-full"></div>
<div class="hidden group-hover/item:block absolute w-[240px] -right-[250px] -top-[10px] bg-white rounded-[6px] border p-[10px] z-20">
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/electricien">
Électricien autour de moi
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/electricien/a-lille">
Électricien Lille
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="https://www.trustup.fr/fr/entreprises/electricien/a-tourcoing">
Électricien Tourcoing
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/electricien/a-roubaix">
Électricien Roubaix
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/electricien/a-dunkerque">
Électricien Dunkerque
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/electricien/a-valenciennes">
Électricien Valenciennes
</a>
</div>
</div>
<div class="group/item pl-[20px] py-[12px] pr-[10px] hover:bg-[#F2F2F2] cursor-default rounded relative flex gap-[10px] justify-between items-center">
Plombier
<i class="fa-solid fa-chevron-right text-[14px] text-neutral-400"></i>
<div class="absolute w-6 -right-[24px] h-full"></div>
<div class="hidden group-hover/item:block absolute w-[240px] -right-[250px] -top-[10px] bg-white rounded-[6px] border p-[10px] z-20">
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/plomberie">
Plombier autour de moi
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/plombier/a-lille">
Plombier Lille
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/plombier/a-tourcoing">
Plombier Tourcoing
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/plombier/a-roubaix">
Plombier Roubaix
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/plombier/a-dunkerque">
Plombier Dunkerque
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/plombier/a-valenciennes">
Plombier Valenciennes
</a>
</div>
</div>
<div class="group/item pl-[20px] py-[12px] pr-[10px] hover:bg-[#F2F2F2] cursor-default rounded relative flex gap-[10px] justify-between items-center">
Couvreur
<i class="fa-solid fa-chevron-right text-[14px] text-neutral-400"></i>
<div class="absolute w-6 -right-[24px] h-full"></div>
<div class="hidden group-hover/item:block absolute w-[240px] -right-[250px] -top-[10px] bg-white rounded-[6px] border p-[10px] z-20">
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/couvreur">
Couvreur autour de moi
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/couvreur/a-lille">
Couvreur Lille
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/couvreur/a-tourcoing">
Couvreur Tourcoing
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/couvreur/a-roubaix">
Couvreur Roubaix
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/couvreur/a-dunkerque">
Couvreur Dunkerque
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/couvreur/a-valenciennes">
Couvreur Valenciennes
</a>
</div>
</div>
<div class="group/item pl-[20px] py-[12px] pr-[10px] hover:bg-[#F2F2F2] cursor-default rounded relative flex gap-[10px] justify-between items-center">
Menuisier
<i class="fa-solid fa-chevron-right text-[14px] text-neutral-400"></i>
<div class="absolute w-6 -right-[24px] h-full"></div>
<div class="hidden group-hover/item:block absolute w-[240px] -right-[250px] -top-[10px] bg-white rounded-[6px] border p-[10px] z-20">
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/menuisier">
Menuisier autour de moi
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/menuisier/a-lille">
Menuisier Lille
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/menuisier/a-tourcoing">
Menuisier Tourcoing
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/menuisier/a-roubaix">
Menuisier Roubaix
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/menuisier/a-dunkerque">
Menuisier Dunkerque
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/menuisier/a-valenciennes">
Menuisier Valenciennes
</a>
</div>
</div>
<div class="group/item pl-[20px] py-[12px] pr-[10px] hover:bg-[#F2F2F2] cursor-default rounded relative flex gap-[10px] justify-between items-center">
Peintre en bâtiment
<i class="fa-solid fa-chevron-right text-[14px] text-neutral-400"></i>
<div class="absolute w-6 -right-[24px] h-full"></div>
<div class="hidden group-hover/item:block absolute w-[240px] -right-[250px] -top-[10px] bg-white rounded-[6px] border p-[10px] z-20">
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/peintre-en-batiment">
Peintre en bâtiment autour de moi
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/peintre-en-batiment/a-lille">
Peintre en bâtiment Lille
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/peintre-en-batiment/a-tourcoing">
Peintre en bâtiment Tourcoing
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/peintre-en-batiment/a-roubaix">
Peintre en bâtiment Roubaix
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/peintre-en-batiment/a-dunkerque">
Peintre en bâtiment Dunkerque
</a>
<a class="pl-[20px] py-[12px] pr-[10px] block hover:bg-[#F2F2F2] rounded" href="/fr/entreprises/peintre-en-batiment/a-valenciennes">
Peintre en bâtiment Valenciennes
</a>
</div>
</div>
</div>
</div>
<a href="https://blog.trustup.be/fr/"> <div>Guides travaux </div></a>
</div>
</div>
<div class="text-[14px] font-semibold flex items-center gap-[5px]">
<a href="https://pro.trustup.fr/plateforme/?utm_source=trustup&utm_medium=button&utm_campaign=become-pro&utm_term=vous-etes-professionnel&utm_content=header">
<button class="h-[32px] text-white hidden md:block hover:bg-black bg-[#2E2E2E] rounded-full px-[20px]">Vous êtes professionnel ?</button>
</a>
<a href="https://www.trustup.fr/fr/login">
<button class="h-[32px] bg-[#F3F3F3] hover:bg-gray-200 rounded-full px-[15px]"><i class="fa-regular fa-user"></i> <span class="hidden xl:inline">Connexion</span> </button>
</a>
<div x-init="document.getElementById('modal').classList.remove('opacity-0')" x-data="{ openLocaleMenu : false}" class="group relative">
<div @click="openLocaleMenu = true">
<div class="flex gap-2 h-[32px] items-center rounded-full bg-[#F3F3F3] px-[15px] cursor-pointer hover:bg-gray-100">
<img class="h-[20px]" src="https://trustup-io-shared-assets.ams3.cdn.digitaloceanspaces.com/images/translations/flags/fr.svg" alt="">
<span>FR</span>
</div>
</div>
<div x-show="openLocaleMenu" id="modal" class="fixed opacity-0 flex justify-center items-center h-screen w-screen top-0 left-0 overflow-hidden">
<div class="w-full h-full top-0 left-0 absolute bg-black/50 z-10"></div>
<div @click.away="openLocaleMenu = false" class="rounded-[5px] bg-white w-[340px] relative shadow px-[35px] py-[30px] z-20 flex flex-col items-center">
<div class="absolute top-0 flex justify-end p-[20px] w-full"><i @click="openLocaleMenu = false" class="fa-solid cursor-pointer text-[22px] text-[#A2A2A2] fa-xmark"></i></div>
<h3 class="text-[26px] font-semibold mb-4">Choisissez votre pays et langue</h3>
<div class="w-full flex flex-col">
<a x-bind:class="``" class="hover:bg-[#F2F2F2] font-medium p-[15px] text-[15px] flex gap-2 items-center rounded" href="https://trustup.be/fr?switch-lang=be-fr">
<img class="h-[20px]" src="https://trustup-io-shared-assets.ams3.cdn.digitaloceanspaces.com/images/translations/flags/be.svg" alt="">
<span>Belgique</span>
</a>
<a x-bind:class="``" class="hover:bg-[#F2F2F2] font-medium p-[15px] text-[15px] flex gap-2 items-center rounded" href="https://trustup.be/nl?switch-lang=be-nl">
<img class="h-[20px]" src="https://trustup-io-shared-assets.ams3.cdn.digitaloceanspaces.com/images/translations/flags/be.svg" alt="">
<span>België</span>
</a>
<a x-bind:class="`border-2`" class="hover:bg-[#F2F2F2] font-medium p-[15px] text-[15px] flex gap-2 items-center rounded" href="https://trustup.fr/fr?switch-lang=fr-fr">
<img class="h-[20px]" src="https://trustup-io-shared-assets.ams3.cdn.digitaloceanspaces.com/images/translations/flags/fr.svg" alt="">
<span>France</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="lg:hidden border-b h-[70px] flex justify-center w-full" x-data="{ burgerMenu: false, tab: null, tab_pro_category: null}">
<div class="flex h-full w-full z-50 items-center justify-between px-[20px] bg-white relative">
<!-- <div class="absolute top-[11px] left-[42px]">
<i class="fa-duotone fa-solid fa-hat-santa text-xl text-red-400 rotate-[30deg]" style="--fa-primary-color: #d22d2d; --fa-secondary-color: #e2e2e2; --fa-secondary-opacity: 1;"></i>
</div> -->
<a href="https://www.trustup.fr/fr" class="block h-[26px]">
<svg width="150" height="32" viewbox="0 0 137 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_295177_3787)">
<path d="M47.3367 9.271V13.1993H43.9259V26.1523H39.6276V13.1993H36.3799V9.271H39.6276V5.22513L43.9259 4.2858V9.26473H47.3367V9.271Z" fill="black"/>
<path d="M52.7026 11.7424C54.0121 9.91708 55.6445 8.995 57.6345 8.995V13.4392C54.5107 13.4392 52.7026 15.2363 52.7026 18.0951V26.1445H48.4043V9.27099H52.7026V11.7424Z" fill="black"/>
<path d="M69.9477 9.271H74.2461V26.1523H69.9477V24.098C68.6383 25.7305 66.9415 26.5585 64.8214 26.5585C62.9302 26.5585 61.3918 25.9594 60.2298 24.7802C59.049 23.5993 58.4688 22.0327 58.4688 20.0882V9.271H62.7671V18.8305C62.7671 19.9173 63.0901 20.7688 63.7362 21.4196C64.3651 22.0657 65.2103 22.3887 66.2437 22.3887C67.3414 22.3887 68.2337 22.0484 68.9269 21.3851C69.6074 20.7217 69.943 19.8467 69.943 18.7662L69.9493 9.27256L69.9477 9.271Z" fill="black"/>
<path d="M77.4458 24.9542C76.2305 23.9036 75.6377 22.6114 75.6377 21.0903H79.9878C79.9878 21.625 80.1822 22.0594 80.5868 22.4342C80.9742 22.8043 81.4446 22.9972 82.0076 22.9972C83.0583 22.9972 83.88 22.3166 83.88 21.476C83.88 20.554 82.9407 19.8436 81.0683 19.3559C77.5916 18.5342 75.8604 16.7668 75.8776 14.0539C75.8776 12.4387 76.4594 11.1591 77.6387 10.237C78.8007 9.31491 80.2403 8.86328 81.937 8.86328C83.6338 8.86328 85.1079 9.36196 86.2699 10.3672C87.4319 11.3708 88.0137 12.5987 88.0137 14.0539H83.6808C83.6808 13.1318 82.9234 12.4042 81.9025 12.4042C80.9804 12.4042 80.2058 13.033 80.2058 13.7952C80.2058 14.7172 81.1921 15.4276 83.1476 15.9153C86.5412 16.7731 88.2442 18.5169 88.2552 21.1232C88.2552 22.8027 87.6561 24.1294 86.458 25.1048C85.2427 26.0739 83.7577 26.5616 81.9605 26.5616C80.1587 26.5506 78.6548 26.0222 77.4458 24.9527V24.9542Z" fill="black"/>
<path d="M99.1519 9.271V13.1993H95.7412V26.1523H91.4428V13.1993H88.1904V9.271H91.4381V5.22513L95.7364 4.2858V9.26473H99.1535V9.271H99.1519Z" fill="black"/>
<path d="M111.435 9.271H115.733V26.1523H111.435V24.098C110.126 25.7305 108.429 26.5585 106.309 26.5585C104.417 26.5585 102.879 25.9594 101.717 24.7802C100.536 23.5993 99.9561 22.0327 99.9561 20.0882V9.271H104.254V18.8305C104.254 19.9173 104.577 20.7688 105.224 21.4196C105.852 22.0657 106.698 22.3887 107.731 22.3887C108.829 22.3887 109.721 22.0484 110.414 21.3851C111.095 20.7217 111.43 19.8467 111.43 18.7662L111.437 9.27256L111.435 9.271Z" fill="black"/>
<path d="M133.853 11.3849C135.421 13.0817 136.195 15.183 136.195 17.6905C136.195 20.198 135.421 22.3166 133.853 24.0133C132.284 25.7101 130.329 26.5491 127.981 26.5491C125.634 26.5491 123.888 25.674 122.485 23.9302V31.263H118.187V9.27101H122.485V11.4853C123.895 9.74146 125.737 8.86642 127.981 8.86642C130.225 8.86642 132.284 9.70539 133.853 11.3849ZM127.13 22.3824C128.456 22.3824 129.554 21.9308 130.446 21.0385C131.339 20.1462 131.773 19.036 131.773 17.7093C131.773 16.3826 131.339 15.2661 130.446 14.3801C129.554 13.4941 128.456 13.0362 127.13 13.0362C125.803 13.0362 124.705 13.4878 123.813 14.3801C122.927 15.2724 122.486 16.3889 122.486 17.7093C122.486 19.0297 122.921 20.1525 123.813 21.0385C124.705 21.9245 125.803 22.3824 127.13 22.3824Z" fill="black"/>
<path d="M14.8959 14.4318C14.543 14.573 14.2263 14.7847 13.9565 15.0544C13.3167 15.6942 13.0172 16.61 13.1583 17.5023C13.1991 17.7955 13.4579 18.001 13.7401 18.001C13.7699 18.001 13.7982 17.9947 13.828 17.9947C14.1447 17.9414 14.3674 17.6419 14.3157 17.3188C14.2341 16.7966 14.4097 16.2556 14.7861 15.8855C14.9445 15.7271 15.1327 15.6032 15.3381 15.5217C15.6376 15.3978 15.785 15.0513 15.6674 14.758C15.5435 14.4585 15.2032 14.3111 14.899 14.4287L14.8959 14.4318Z" fill="#FFC200"/>
<path d="M16 0C7.16338 0 0 7.16338 0 16C0 24.8366 7.16338 32 16 32C24.8366 32 32 24.8366 32 16C32 7.16338 24.8366 0 16 0ZM25.8528 14.4914L25.3823 14.562C24.6077 14.6859 23.9679 15.4198 23.9679 16.2054V22.4938L22.3589 20.8848C22.188 20.7139 21.9183 20.7139 21.7426 20.8848L21.5309 21.0965L20.692 20.2576C22.1896 18.0386 21.9653 14.9964 19.9925 13.0299C17.761 10.7984 14.1511 10.7984 11.9196 13.0299C9.68813 15.2614 9.68813 18.8713 11.9196 21.1028C13.8861 23.0693 16.9284 23.3045 19.1473 21.8022L19.9863 22.6412L19.7746 22.8529C19.6036 23.0238 19.6036 23.2935 19.7746 23.4692L22.188 25.8763H9.46545C8.67823 25.8763 8.03215 25.2302 8.03215 24.443V16.2054C8.03215 15.4182 7.39861 14.6796 6.61766 14.562L6.14251 14.4914C5.36783 14.3675 5.20945 13.8453 5.79594 13.3231L14.9258 5.1624C15.5076 4.6402 16.4704 4.6402 17.0569 5.1624L26.1868 13.3231C26.7858 13.8453 26.6275 14.3675 25.8528 14.4914ZM18.3428 19.4468C17.0224 20.7625 14.8897 20.7625 13.5756 19.4468C12.2599 18.1264 12.2599 15.9937 13.5756 14.6796C14.896 13.3592 17.0287 13.3592 18.3428 14.6796C19.6632 15.9953 19.6632 18.1264 18.3428 19.4468Z" fill="#FFC200"/>
</g>
<defs>
<clippath id="clip0_295177_3787">
<rect width="136.195" height="32" fill="white"/>
</clippath>
</defs>
</svg>
</a>
<div class="flex gap-[5px]">
<div x-data="SearchInput([{"id":18,"title":"Toiture","slug":"toiture","search_url_parameter":"toiture","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"},{"id":22,"title":"Isolation","slug":"isolation","search_url_parameter":"isolation","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"},{"id":23,"title":"Plomberie","slug":"plomberie","search_url_parameter":"plomberie","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"},{"id":24,"title":"Chauffage","slug":"chauffage","search_url_parameter":"chauffage","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"},{"id":25,"title":"\u00c9lectricit\u00e9","slug":"electricite","search_url_parameter":"electricite","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"},{"id":26,"title":"Am\u00e9nagement ext\u00e9rieur","slug":"exterieur","search_url_parameter":"exterieur","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"},{"id":187,"title":"Panneaux solaires","slug":"panneaux-solaires","search_url_parameter":"electricite\/panneaux-solaires","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"},{"id":193,"title":"Pompe \u00e0 chaleur","slug":"pompe-a-chaleur","search_url_parameter":"chauffage\/pompe-a-chaleur","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"},{"id":216,"title":"Peinture","slug":"peinture","search_url_parameter":"murs-et-plafonds\/peinture","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"},{"id":218,"title":"Plafonnage","slug":"plafonnage","search_url_parameter":"murs-et-plafonds\/plafonnage","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"}])">
<div class="px-[15px] flex justify-center items-center h-[32px] text-[16px] bg-[#F3F3F3] rounded-[30px]">
<i class="far fa-search hover:cursor-pointer" @click="focus()"></i>
</div>
<template x-if="focused" x-cloak>
<div class="block lg:hidden fixed inset-0 bg-white z-50">
<div class="h-full flex flex-col">
<div class="py-2 px-4 flex items-center">
<a href="#" @click.prevent="closeModal()" class="flex items-center mr-4 h-full">
<svg class="h-4 w-4 opacity-60" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 492 492" style="enable-background:new 0 0 492 492;" xml:space="preserve"><g><path d="M198.608,246.104L382.664,62.04c5.068-5.056,7.856-11.816,7.856-19.024c0-7.212-2.788-13.968-7.856-19.032l-16.128-16.12 C361.476,2.792,354.712,0,347.504,0s-13.964,2.792-19.028,7.864L109.328,227.008c-5.084,5.08-7.868,11.868-7.848,19.084 c-0.02,7.248,2.76,14.028,7.848,19.112l218.944,218.932c5.064,5.072,11.82,7.864,19.032,7.864c7.208,0,13.964-2.792,19.032-7.864 l16.124-16.12c10.492-10.492,10.492-27.572,0-38.06L198.608,246.104z"/></g></svg>
</a>
<div class="flex-1 w-full relative">
<span class="absolute inset-y-0 right-0 flex items-center pr-2">
<button @click.prevent="submit()" type="submit" class="bg-[#FFC200] text-white p-1 focus:outline-none focus:shadow-outline rounded-full">
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24" class="svg-icon block fill-current h-6 w-6 p-1"><path d="M18.031 16.617l4.283 4.282-1.415 1.415-4.282-4.283A8.96 8.96 0 0 1 11 20c-4.968 0-9-4.032-9-9s4.032-9 9-9 9 4.032 9 9a8.96 8.96 0 0 1-1.969 5.617zm-2.006-.742A6.977 6.977 0 0 0 18 11c0-3.868-3.133-7-7-7-3.868 0-7 3.132-7 7 0 3.867 3.132 7 7 7a6.977 6.977 0 0 0 4.875-1.975l.15-.15z"></path></svg>
</button>
</span>
<input x-ref="responsive_search_bar_input" type="text" x-model="query" x-on:keyup="search()" class="w-full py-4 pl-4 pr-10 border-none text-base" placeholder="Exemple : peintre" />
</div>
</div>
<div class="px-4 pb-2 -mt-2 flex-1 overflow-y-scroll border-t">
<template x-if="focused && hasResults()" x-cloak>
<div class="w-full bg-white pb-4 pt-2 mt-2 rounded-b">
<div>
<template x-for="w in getResults()" :key="w.id">
<a
href="#"
class="text-left px-3 py-2 rounded block md:text-sm text-gray-600 hover:text-gray-700 hover:bg-gray-200 font-normal cursor-pointer"
x-text="w.title"
@click.prevent="setWorkfieldWithoutClosing(w)"
></a>
</template>
</div>
</div>
</template> </div>
</div>
</div>
</template> </div>
<div class="flex ml-[5px]">
<div class="flex flex-col w-[32px] justify-end items-center hover:cursor-pointer" @click.prevent="burgerMenu = !burgerMenu; tab = null; tab_pro_category = null; document.getElementById('body').classList.toggle('disable-scroll'); document.getElementById('site-wrapper').classList.toggle('disable-scroll')">
<i class="text-xl fal" :class="burgerMenu ? 'fa-times' : 'fa-bars'" ></i>
<span class="uppercase -mt-1 text-[8px] font-medium lg:hidden" x-html="burgerMenu ? 'FERMER' : 'MENU'"></span>
</div>
</div>
</div>
</div>
<div class="fixed z-40 top-0 bottom-0 pt-[71px] left-0 w-full overflow-y-auto bg-white flex flex-col justify-between font-medium"
x-transition:enter="transition ease-out duration-450"
x-transition:enter-start="-translate-y-full"
x-transition:enter-end="translate-y-0"
x-transition:leave="transition ease-in duration-450"
x-transition:leave-start="translate-y-0"
x-transition:leave-end="-translate-y-full"
style="display: none"
x-show="burgerMenu">
<div class="flex flex-col border-t">
<div class="border-b">
<div class="container flex justify-between items-center py-5 px-4 hover:cursor-pointer" @click="tab = 'find-pro'">
<span>Trouver un professionnel</span>
<i class="far fa-angle-right text-[16px]"></i>
</div>
</div>
<div class="border-b">
<a href="https://blog.trustup.be/fr/" class="container flex justify-between items-center py-5 px-4">
<span>Guides travaux</span>
</a>
</div>
<div class="pt-5">
<div class="container bg-[#F5F5F5] py-5 rounded-lg">
<div class="px-6">
<span class="block mb-4">Mon compte</span>
<div class="flex justify-between text-[#545454] text-sm space-x-2">
<a href="https://www.trustup.fr/fr/register" class="w-full max-w-[250px] bg-white border rounded-full px-5 py-3 text-center">Inscription</a>
<a href="https://www.trustup.fr/fr/login" class="w-full max-w-[250px] bg-white border rounded-full px-5 py-3 text-center">Connexion</a>
</div>
</div>
</div>
</div>
</div>
<div class="flex flex-col pt-20">
<div class="border-t">
<a href="https://pro.trustup.fr/plateforme/?utm_source=trustup&utm_medium=button&utm_campaign=become-pro&utm_term=inscrire-mon-entreprise&utm_content=mobile-nav" target="_blank" rel="noopener" class="container flex justify-between items-center py-5 px-4 text-[#0E43FF]">
<span>S'inscrire comme professionnel</span>
</a>
</div>
<div class="border-t">
<div class="container flex justify-between items-center py-5 px-4 hover:cursor-pointer" @click="tab = 'lang'">
<div class="flex space-x-2 items-center">
<img class="h-[28px]" src="https://trustup-io-shared-assets.ams3.cdn.digitaloceanspaces.com/images/translations/flags/fr.svg" alt="">
<span>Français</span>
</div>
<i class="far fa-angle-right text-[16px]"></i>
</div>
</div>
</div>
</div>
<div class="border-l top-0 bottom-0 pt-[71px] fixed z-40 left-0 w-full overflow-y-auto bg-white flex flex-col font-medium"
style="display: none"
x-transition:enter="transition ease-out duration-400"
x-transition:enter-start="translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave="transition ease-in duration-400"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="translate-x-full" x-show="tab == 'find-pro'">
<hr class="w-full border-0 border-t">
<div class="px-4 py-5 flex space-x-2 items-center hover:cursor-pointer" @click="tab = null">
<i class="far fa-angle-left text-xl"></i><span>Retour</span>
</div>
<div class="flex flex-col">
<div class="border-b">
<div class="px-4 flex justify-between items-center pt-5 pb-2 text-xs text-[#717171] font-medium uppercase">
<span>Trouver un professionnel</span>
</div>
</div>
<div class="px-4 hover:cursor-pointer">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5" @click="tab_pro_category = 11">
<span>Recherches fréquentes</span>
<i class="far fa-angle-right text-[16px]"></i>
</div>
</div>
</div>
<div class="px-4 hover:cursor-pointer">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5" @click="tab_pro_category = 17">
<span>Électricien</span>
<i class="far fa-angle-right text-[16px]"></i>
</div>
</div>
</div>
<div class="px-4 hover:cursor-pointer">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5" @click="tab_pro_category = 18">
<span>Plombier</span>
<i class="far fa-angle-right text-[16px]"></i>
</div>
</div>
</div>
<div class="px-4 hover:cursor-pointer">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5" @click="tab_pro_category = 19">
<span>Couvreur</span>
<i class="far fa-angle-right text-[16px]"></i>
</div>
</div>
</div>
<div class="px-4 hover:cursor-pointer">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5" @click="tab_pro_category = 20">
<span>Menuisier</span>
<i class="far fa-angle-right text-[16px]"></i>
</div>
</div>
</div>
<div class="px-4 hover:cursor-pointer">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5" @click="tab_pro_category = 21">
<span>Peintre en bâtiment</span>
<i class="far fa-angle-right text-[16px]"></i>
</div>
</div>
</div>
</div>
</div>
<div class="border-l top-0 bottom-0 pt-[71px] fixed z-40 left-0 w-full overflow-y-auto bg-white flex flex-col font-medium"
style="display: none"
x-transition:enter="transition ease-out duration-400"
x-transition:enter-start="translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave="transition ease-in duration-400"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="translate-x-full" x-show="tab_pro_category == 11">
<hr class="w-full border-0 border-t">
<div class="px-4 py-5 flex space-x-2 items-center hover:cursor-pointer" @click="tab_pro_category = null">
<i class="far fa-angle-left text-xl"></i><span>Retour</span>
</div>
<div class="flex flex-col">
<div class="border-b">
<div class="px-4 flex justify-between items-center pt-5 pb-2 text-xs text-[#717171] font-medium uppercase">
<span>Recherches fréquentes</span>
</div>
</div>
<a href="/fr/entreprises/toiture/velux" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Installation Velux</span>
</div>
</div>
</a>
<a href="/fr/entreprises/toiture/ardoisier" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Ardoisier</span>
</div>
</div>
</a>
<a href="/fr/entreprises/chauffagiste" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Chauffagiste</span>
</div>
</div>
</a>
<a href="/fr/entreprises/carreleur" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Carreleur</span>
</div>
</div>
</a>
<a href="/fr/entreprises/jardinier" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Jardinier</span>
</div>
</div>
</a>
<a href="/fr/entreprises/toiture/toitures-plates" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Toiture plate</span>
</div>
</div>
</a>
<a href="/fr/entreprises/electricite/mise-en-conformite-electrique" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Mise en conformité électrique</span>
</div>
</div>
</a>
</div>
</div> <div class="border-l top-0 bottom-0 pt-[71px] fixed z-40 left-0 w-full overflow-y-auto bg-white flex flex-col font-medium"
style="display: none"
x-transition:enter="transition ease-out duration-400"
x-transition:enter-start="translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave="transition ease-in duration-400"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="translate-x-full" x-show="tab_pro_category == 17">
<hr class="w-full border-0 border-t">
<div class="px-4 py-5 flex space-x-2 items-center hover:cursor-pointer" @click="tab_pro_category = null">
<i class="far fa-angle-left text-xl"></i><span>Retour</span>
</div>
<div class="flex flex-col">
<div class="border-b">
<div class="px-4 flex justify-between items-center pt-5 pb-2 text-xs text-[#717171] font-medium uppercase">
<span>Électricien</span>
</div>
</div>
<a href="/fr/entreprises/electricien" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Électricien autour de moi</span>
</div>
</div>
</a>
<a href="/fr/entreprises/electricien/a-lille" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Électricien Lille</span>
</div>
</div>
</a>
<a href="https://www.trustup.fr/fr/entreprises/electricien/a-tourcoing" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Électricien Tourcoing</span>
</div>
</div>
</a>
<a href="/fr/entreprises/electricien/a-roubaix" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Électricien Roubaix</span>
</div>
</div>
</a>
<a href="/fr/entreprises/electricien/a-dunkerque" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Électricien Dunkerque</span>
</div>
</div>
</a>
<a href="/fr/entreprises/electricien/a-valenciennes" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Électricien Valenciennes</span>
</div>
</div>
</a>
</div>
</div> <div class="border-l top-0 bottom-0 pt-[71px] fixed z-40 left-0 w-full overflow-y-auto bg-white flex flex-col font-medium"
style="display: none"
x-transition:enter="transition ease-out duration-400"
x-transition:enter-start="translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave="transition ease-in duration-400"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="translate-x-full" x-show="tab_pro_category == 18">
<hr class="w-full border-0 border-t">
<div class="px-4 py-5 flex space-x-2 items-center hover:cursor-pointer" @click="tab_pro_category = null">
<i class="far fa-angle-left text-xl"></i><span>Retour</span>
</div>
<div class="flex flex-col">
<div class="border-b">
<div class="px-4 flex justify-between items-center pt-5 pb-2 text-xs text-[#717171] font-medium uppercase">
<span>Plombier</span>
</div>
</div>
<a href="/fr/entreprises/plomberie" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Plombier autour de moi</span>
</div>
</div>
</a>
<a href="/fr/entreprises/plombier/a-lille" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Plombier Lille</span>
</div>
</div>
</a>
<a href="/fr/entreprises/plombier/a-tourcoing" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Plombier Tourcoing</span>
</div>
</div>
</a>
<a href="/fr/entreprises/plombier/a-roubaix" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Plombier Roubaix</span>
</div>
</div>
</a>
<a href="/fr/entreprises/plombier/a-dunkerque" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Plombier Dunkerque</span>
</div>
</div>
</a>
<a href="/fr/entreprises/plombier/a-valenciennes" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Plombier Valenciennes</span>
</div>
</div>
</a>
</div>
</div> <div class="border-l top-0 bottom-0 pt-[71px] fixed z-40 left-0 w-full overflow-y-auto bg-white flex flex-col font-medium"
style="display: none"
x-transition:enter="transition ease-out duration-400"
x-transition:enter-start="translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave="transition ease-in duration-400"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="translate-x-full" x-show="tab_pro_category == 19">
<hr class="w-full border-0 border-t">
<div class="px-4 py-5 flex space-x-2 items-center hover:cursor-pointer" @click="tab_pro_category = null">
<i class="far fa-angle-left text-xl"></i><span>Retour</span>
</div>
<div class="flex flex-col">
<div class="border-b">
<div class="px-4 flex justify-between items-center pt-5 pb-2 text-xs text-[#717171] font-medium uppercase">
<span>Couvreur</span>
</div>
</div>
<a href="/fr/entreprises/couvreur" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Couvreur autour de moi</span>
</div>
</div>
</a>
<a href="/fr/entreprises/couvreur/a-lille" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Couvreur Lille</span>
</div>
</div>
</a>
<a href="/fr/entreprises/couvreur/a-tourcoing" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Couvreur Tourcoing</span>
</div>
</div>
</a>
<a href="/fr/entreprises/couvreur/a-roubaix" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Couvreur Roubaix</span>
</div>
</div>
</a>
<a href="/fr/entreprises/couvreur/a-dunkerque" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Couvreur Dunkerque</span>
</div>
</div>
</a>
<a href="/fr/entreprises/couvreur/a-valenciennes" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Couvreur Valenciennes</span>
</div>
</div>
</a>
</div>
</div> <div class="border-l top-0 bottom-0 pt-[71px] fixed z-40 left-0 w-full overflow-y-auto bg-white flex flex-col font-medium"
style="display: none"
x-transition:enter="transition ease-out duration-400"
x-transition:enter-start="translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave="transition ease-in duration-400"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="translate-x-full" x-show="tab_pro_category == 20">
<hr class="w-full border-0 border-t">
<div class="px-4 py-5 flex space-x-2 items-center hover:cursor-pointer" @click="tab_pro_category = null">
<i class="far fa-angle-left text-xl"></i><span>Retour</span>
</div>
<div class="flex flex-col">
<div class="border-b">
<div class="px-4 flex justify-between items-center pt-5 pb-2 text-xs text-[#717171] font-medium uppercase">
<span>Menuisier</span>
</div>
</div>
<a href="/fr/entreprises/menuisier" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Menuisier autour de moi</span>
</div>
</div>
</a>
<a href="/fr/entreprises/menuisier/a-lille" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Menuisier Lille</span>
</div>
</div>
</a>
<a href="/fr/entreprises/menuisier/a-tourcoing" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Menuisier Tourcoing</span>
</div>
</div>
</a>
<a href="/fr/entreprises/menuisier/a-roubaix" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Menuisier Roubaix</span>
</div>
</div>
</a>
<a href="/fr/entreprises/menuisier/a-dunkerque" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Menuisier Dunkerque</span>
</div>
</div>
</a>
<a href="/fr/entreprises/menuisier/a-valenciennes" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Menuisier Valenciennes</span>
</div>
</div>
</a>
</div>
</div> <div class="border-l top-0 bottom-0 pt-[71px] fixed z-40 left-0 w-full overflow-y-auto bg-white flex flex-col font-medium"
style="display: none"
x-transition:enter="transition ease-out duration-400"
x-transition:enter-start="translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave="transition ease-in duration-400"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="translate-x-full" x-show="tab_pro_category == 21">
<hr class="w-full border-0 border-t">
<div class="px-4 py-5 flex space-x-2 items-center hover:cursor-pointer" @click="tab_pro_category = null">
<i class="far fa-angle-left text-xl"></i><span>Retour</span>
</div>
<div class="flex flex-col">
<div class="border-b">
<div class="px-4 flex justify-between items-center pt-5 pb-2 text-xs text-[#717171] font-medium uppercase">
<span>Peintre en bâtiment</span>
</div>
</div>
<a href="/fr/entreprises/peintre-en-batiment" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Peintre en bâtiment autour de moi</span>
</div>
</div>
</a>
<a href="/fr/entreprises/peintre-en-batiment/a-lille" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Peintre en bâtiment Lille</span>
</div>
</div>
</a>
<a href="/fr/entreprises/peintre-en-batiment/a-tourcoing" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Peintre en bâtiment Tourcoing</span>
</div>
</div>
</a>
<a href="/fr/entreprises/peintre-en-batiment/a-roubaix" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Peintre en bâtiment Roubaix</span>
</div>
</div>
</a>
<a href="/fr/entreprises/peintre-en-batiment/a-dunkerque" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Peintre en bâtiment Dunkerque</span>
</div>
</div>
</a>
<a href="/fr/entreprises/peintre-en-batiment/a-valenciennes" class="pl-5">
<div class="border-b">
<div class="!ml-0 px-4 flex justify-between items-center py-5">
<span>Peintre en bâtiment Valenciennes</span>
</div>
</div>
</a>
</div>
</div>
<div class="border-l top-0 bottom-0 pt-[71px] fixed z-40 left-0 w-full overflow-y-auto bg-white flex flex-col font-medium"
style="display: none"
x-transition:enter="transition ease-out duration-400"
x-transition:enter-start="translate-x-full"
x-transition:enter-end="translate-x-0"
x-transition:leave="transition ease-in duration-400"
x-transition:leave-start="translate-x-0"
x-transition:leave-end="translate-x-full" x-show="tab == 'lang'">
<hr class="w-full border-0 border-t">
<div class="px-4 py-5 flex space-x-2 items-center hover:cursor-pointer" @click="tab = null">
<i class="far fa-angle-left text-xl"></i><span>Retour</span>
</div>
<div class="flex flex-col">
<div class="border-b">
<div class="px-4 flex justify-between items-center pt-5 pb-2 text-xs text-[#717171] font-medium uppercase">
<span>Choisissez votre pays et langue</span>
</div>
</div>
<a href="https://trustup.be/fr?switch-lang=be-fr" class="div pl-5">
<div class="border-b">
<div class="!ml-0 container flex justify-between items-center py-5 hover:cursor-pointer">
<div class="flex space-x-2 items-center">
<img class="h-[20px]" src="https://trustup-io-shared-assets.ams3.cdn.digitaloceanspaces.com/images/translations/flags/be.svg" alt="">
<span>Belgique</span>
</div>
</div>
</div>
</a>
<a href="https://trustup.be/nl?switch-lang=be-nl" class="div pl-5">
<div class="border-b">
<div class="!ml-0 container flex justify-between items-center py-5 hover:cursor-pointer">
<div class="flex space-x-2 items-center">
<img class="h-[20px]" src="https://trustup-io-shared-assets.ams3.cdn.digitaloceanspaces.com/images/translations/flags/be.svg" alt="">
<span>België</span>
</div>
</div>
</div>
</a>
<a href="https://trustup.fr/fr?switch-lang=fr-fr" class="div pl-5">
<div class="border-b">
<div class="!ml-0 container flex justify-between items-center py-5 hover:cursor-pointer">
<div class="flex space-x-2 items-center">
<img class="h-[20px]" src="https://trustup-io-shared-assets.ams3.cdn.digitaloceanspaces.com/images/translations/flags/fr.svg" alt="">
<span>France</span>
</div>
</div>
</div>
</a>
</div>
</div></div> </div>
</header>
<script src="https://www.trustup.fr/js/search.bea3783821880bb8f4ea182516de0a8d.js"></script>
<script src="https://www.trustup.fr/js/initializeBothSearch.1c74087c4b59f6b843cdb650db69c9b1.js"></script>
<style>
* {
font-family: "Raleway", sans-serif;
}
</style>
<div>
<section x-data="InitializeBothSearch([{"id":18,"title":"Toiture","slug":"toiture","search_url_parameter":"toiture","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"},{"id":22,"title":"Isolation","slug":"isolation","search_url_parameter":"isolation","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"},{"id":23,"title":"Plomberie","slug":"plomberie","search_url_parameter":"plomberie","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"},{"id":24,"title":"Chauffage","slug":"chauffage","search_url_parameter":"chauffage","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"},{"id":25,"title":"\u00c9lectricit\u00e9","slug":"electricite","search_url_parameter":"electricite","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"},{"id":26,"title":"Am\u00e9nagement ext\u00e9rieur","slug":"exterieur","search_url_parameter":"exterieur","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"},{"id":187,"title":"Panneaux solaires","slug":"panneaux-solaires","search_url_parameter":"electricite\/panneaux-solaires","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"},{"id":193,"title":"Pompe \u00e0 chaleur","slug":"pompe-a-chaleur","search_url_parameter":"chauffage\/pompe-a-chaleur","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"},{"id":216,"title":"Peinture","slug":"peinture","search_url_parameter":"murs-et-plafonds\/peinture","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"},{"id":218,"title":"Plafonnage","slug":"plafonnage","search_url_parameter":"murs-et-plafonds\/plafonnage","fa_icon":"https:\/\/assets.trustup.be\/images\/workfield_icons\/construction.svg"}])" class="w-full h-[510px] bg-gradient-to-r from-[#FFD960] to-[#FFC201] flex justify-center items-center relative">
<div class="max-w-[1120px] mx-10 md:mx-20 w-full flex justify-center md:justify-between items-center">
<div class="flex flex-col">
<div class="text-[38px] md:text-[44px] lg:text-[60px] tracking-[-1.8px] text-center md:text-left leading-[42px] md:leading-[44px] lg:leading-[64px] font-bold mb-[40px]">Trouvez le
<span class="relative inline-flex md:inline-block justify-center w-full md:w-auto"> <span class="text-transparent">menuisier</span>
<span class="underline font-extrabold header-job-active header-job absolute md:left-0"></span>
<span class="underline font-extrabold header-job-pending header-job absolute md:left-0"></span>
</span>
<br> parfait pour vous !
</div>
<div class="w-full md:w-[548px] lg:w-[648px] max-w-[648px] mb-[30px]">
<form @click.away="searchInput.closeModal()" class="w-full" :class="{ 'focus': searchInput.focused, 'has-results': searchInput.hasResults(), '!rounded-b-[0px]' : search.location.results.length > 0 }" method="GET" action="/" @submit.prevent="searchInput.submit()" x-on:click.away="searchInput.removeFocus">
<div class="w-full bg-white rounded-full outline outline-[8px] outline-black/5 shadow flex items-center justify-between h-[68px] px-2">
<div class="w-full mr-2 md:mr-0 md:w-[45%] py-[8px] h-full flex items-center gap-2">
<div class="focus-within:outline-black focus-within:outline focus-within:outline-2 pl-2 md:pl-6 h-full w-full right-5 flex items-center gap-2 rounded-full">
<label>
<i class="fa-regular fa-search text-[18px] text-[#2C2C2C]"></i>
</label>
<input x-model="searchInput.query" x-on:keyup="searchInput.search()" x-on:focus="searchInput.focus()" class="w-full bg-transparent appearance-none !outline-0 !outline-none text-black/50 text-[16px]" type="text" placeholder="Exemple : Peintre">
</div>
</div>
<div class="w-[30%] py-[8px] hidden md:flex h-full items-center gap-2 relative" x-init="search.init()">
<div class="focus-within:outline-black focus-within:outline focus-within:outline-2 pl-6 h-full w-full right-5 flex items-center gap-2 rounded-full">
<label>
<i class="fa-regular fa-location-dot text-[18px] text-[#2C2C2C]"></i>
</label>
<input x-on:click.away="search.location.results = []" x-on:focus="search.defaultLocations(["Lille","Tourcoing","Roubaix","Dunkerque","Villeneuve-d'Ascq","Valenciennes","Douai","Wattrelos","Marcq-en-Bar\u0153ul","Cambrai","Maubeuge","Lambersart","Armenti\u00e8res","La Madeleine","Coudekerque-Branche","Hazebrouck","Grande-Synthe","Loos","Mons-en-Bar\u0153ul","Halluin","Croix","Wasquehal","Denain","Ronchin","Hem"])" class="bg-transparent appearance-none outline-0 w-full text-black/50 text-[16px]" x-model="searchInput.postalCode" x-ref="search.locationFilterInput" x-on:keyup.debounce="search.locationSearch(searchInput.postalCode, ["Lille","Tourcoing","Roubaix","Dunkerque","Villeneuve-d'Ascq","Valenciennes","Douai","Wattrelos","Marcq-en-Bar\u0153ul","Cambrai","Maubeuge","Lambersart","Armenti\u00e8res","La Madeleine","Coudekerque-Branche","Hazebrouck","Grande-Synthe","Loos","Mons-en-Bar\u0153ul","Halluin","Croix","Wasquehal","Denain","Ronchin","Hem"])" type="text" placeholder="Lieu">
</div>
<template x-if="search.location.results.length > 0">
<div class="absolute border bg-white h-[320px] overflow-y-auto scrollbar-hide shadow-lg top-[73px] py-[20px] px-[10px] w-[280px] z-50 text-[14px] font-medium rounded-[8px]">
<div class="bg-white w-full pb-[10px] pl-[7px]">
<span class="text-[16px] leading-none font-semibold">Lieux populaires</span>
</div>
<template x-for="result in search.location.results" >
<div @click="searchInput.postalCode = result.city; search.location.results = []; selected = true" class="hover:bg-[#F2F2F2] cursor-pointer p-[10px] rounded-[4px] flex items-center gap-[10px]">
<div class="rounded-full w-[26px] h-[26px] flex justify-center items-center bg-[#E8E8E8]">
<i class="fa-solid fa-location-dot text-[#B7B7B7]"></i>
</div>
<div x-text="result.city"></div>
</div>
</template>
</div>
</template>
</div>
<button @click.prevent="searchInput.submit()" class="w-fit h-[56px] px-[20px] rounded-full bg-[#FFC200] hover:bg-[#ebb401] font-bold text-[16px]">
<i class="fa-solid fa-search"></i>
<span class="hidden lg:inline">Trouver</span>
</button>
</div>
<div class="w-[calc(100%-48px)] md:w-[45%] relative mt-[5px]">
<template x-if="searchInput.focused && searchInput.hasResults()" x-cloak>
<div class="w-full scrollbar-hide text-[14px] font-medium z-50 h-[320px] top-0 px-[10px] py-[20px] shadow-lg absolute -bottom-[155px] bg-white border rounded-[8px] max-h-333px overflow-y-auto">
<div class="bg-white w-full pb-[10px] pl-[7px]">
<span class="text-[16px] leading-none font-semibold">Catégories les plus populaires</span>
</div>
<div>
<template x-for="w in searchInput.getResults()" :key="w.id">
<a
href="#"
class="text-left p-[7px] rounded-[4px] hover:bg-[#F2F2F2] cursor-pointer relative flex gap-[10px] items-center"
@click.prevent="searchInput.setWorkfield(w); selected = true;"
>
<div class="w-[34px] h-[34px] flex items-center justify-center bg-white border border-[#D2D2D2] rounded-[5px]">
<img class="w-[20px] h-[20px] opacity-80" :src="w.fa_icon" alt="icon">
</div>
<div x-text="w.title"></div>
</a>
</template>
</div>
<div x-show="searchInput.getResults().length > 4" class="flex md:hidden justify-center items-center sticky bottom-0 left-0 w-full">
<i class="fa-regular fa-chevron-down animate-bounce"></i>
</div>
</div>
</template>
<script>
function highlightMatch(text, query) {
if (!query) return "";
const regex = new RegExp(`(${query})`, 'gi');
return text.replace(regex, '<b><u>$1</u></b>');
}
</script> </div>
</form>
</div> <div class="text-[14px] flex flex-col items-center md:items-start text-black">
<div>
<strong class="font-bold"> 1339 demandes de devis</strong> ces dernières 24h
</div>
<div>
<strong class="font-bold"> 383.457 professionnels</strong> partout en France
</div>
</div> </div>
<div class="overflow-hidden h-[410px] w-[277px] mr-[37px] hidden xl:block rounded-full rotate-[35deg] relative">
<div style="z-index: 0" class="rounded-[150px] transition-all header-job header-image-active hidden md:block h-[410px] w-[368px] rotate-[-35deg] b-lazy bg-cover bg-no-repeat absolute -left-14 bg-center" data-src="https://www.trustup.fr/images/pages/homepage/cover-homepage-trustup.jpg"></div>
<div style="z-index: 1" class="rounded-[150px] transition-all header-job header-image-pending hidden md:block h-[410px] w-[368px] rotate-[-35deg] b-lazy bg-cover bg-no-repeat absolute -left-14 bg-center" data-src="https://www.trustup.fr/images/pages/homepage/cover-homepage-trustup.jpg"></div>
</div>
</div>
<div class="w-full flex justify-center absolute px-[20px] md:px-20 -bottom-[35px]">
<div class="overflow-x-scroll no-scrollbar px-[5px] sm:px-[20px] py-[5px] h-[100px] rounded-xl w-full max-w-[1120px] bg-white flex justify-between items-center outline outline-[4px] outline-black/5" data-draggable="true" data-mousedown="false" data-start-x="0" data-scroll-left="0">
<a draggable="false" class="text-sm block group flex-none hover:bg-gray-100 w-[90px] lg:w-[100px] p-2 py-4 h-full rounded-md" href="https://www.trustup.fr/fr/entreprises/toiture">
<div class="text-center leading-[12px] flex flex-col justify-between h-full">
<div class="w-full flex justify-center">
<div class="w-[35px] h-[35px] flex justify-center">
<div class="w-[20px] opacity-40 group-hover:opacity-100">
<img src="https://assets.trustup.be/images/workfield_icons/construction.svg" alt="icon">
</div>
</div>
</div>
<div class="text-[12px] h-[24px] flex justify-center items-start">Toiture</div>
</div>
</a>
<a draggable="false" class="text-sm block group flex-none hover:bg-gray-100 w-[90px] lg:w-[100px] p-2 py-4 h-full rounded-md" href="https://www.trustup.fr/fr/entreprises/isolation">
<div class="text-center leading-[12px] flex flex-col justify-between h-full">
<div class="w-full flex justify-center">
<div class="w-[35px] h-[35px] flex justify-center">
<div class="w-[20px] opacity-40 group-hover:opacity-100">
<img src="https://assets.trustup.be/images/workfield_icons/construction.svg" alt="icon">
</div>
</div>
</div>
<div class="text-[12px] h-[24px] flex justify-center items-start">Isolation</div>
</div>
</a>
<a draggable="false" class="text-sm block group flex-none hover:bg-gray-100 w-[90px] lg:w-[100px] p-2 py-4 h-full rounded-md" href="https://www.trustup.fr/fr/entreprises/plomberie">
<div class="text-center leading-[12px] flex flex-col justify-between h-full">
<div class="w-full flex justify-center">
<div class="w-[35px] h-[35px] flex justify-center">
<div class="w-[20px] opacity-40 group-hover:opacity-100">
<img src="https://assets.trustup.be/images/workfield_icons/construction.svg" alt="icon">
</div>
</div>
</div>
<div class="text-[12px] h-[24px] flex justify-center items-start">Plomberie</div>
</div>
</a>
<a draggable="false" class="text-sm block group flex-none hover:bg-gray-100 w-[90px] lg:w-[100px] p-2 py-4 h-full rounded-md" href="https://www.trustup.fr/fr/entreprises/chauffage">
<div class="text-center leading-[12px] flex flex-col justify-between h-full">
<div class="w-full flex justify-center">
<div class="w-[35px] h-[35px] flex justify-center">
<div class="w-[20px] opacity-40 group-hover:opacity-100">
<img src="https://assets.trustup.be/images/workfield_icons/construction.svg" alt="icon">
</div>
</div>
</div>
<div class="text-[12px] h-[24px] flex justify-center items-start">Chauffage</div>
</div>
</a>
<a draggable="false" class="text-sm block group flex-none hover:bg-gray-100 w-[90px] lg:w-[100px] p-2 py-4 h-full rounded-md" href="https://www.trustup.fr/fr/entreprises/electricite">
<div class="text-center leading-[12px] flex flex-col justify-between h-full">
<div class="w-full flex justify-center">
<div class="w-[35px] h-[35px] flex justify-center">
<div class="w-[20px] opacity-40 group-hover:opacity-100">
<img src="https://assets.trustup.be/images/workfield_icons/construction.svg" alt="icon">
</div>
</div>
</div>
<div class="text-[12px] h-[24px] flex justify-center items-start">Électricité</div>
</div>
</a>
<a draggable="false" class="text-sm block group flex-none hover:bg-gray-100 w-[90px] lg:w-[100px] p-2 py-4 h-full rounded-md" href="https://www.trustup.fr/fr/entreprises/exterieur">
<div class="text-center leading-[12px] flex flex-col justify-between h-full">
<div class="w-full flex justify-center">
<div class="w-[35px] h-[35px] flex justify-center">
<div class="w-[20px] opacity-40 group-hover:opacity-100">
<img src="https://assets.trustup.be/images/workfield_icons/construction.svg" alt="icon">
</div>
</div>
</div>
<div class="text-[12px] h-[24px] flex justify-center items-start">Aménagement extérieur</div>
</div>
</a>
<a draggable="false" class="text-sm block group flex-none hover:bg-gray-100 w-[90px] lg:w-[100px] p-2 py-4 h-full rounded-md" href="https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires">
<div class="text-center leading-[12px] flex flex-col justify-between h-full">
<div class="w-full flex justify-center">
<div class="w-[35px] h-[35px] flex justify-center">
<div class="w-[20px] opacity-40 group-hover:opacity-100">
<img src="https://assets.trustup.be/images/workfield_icons/construction.svg" alt="icon">
</div>
</div>
</div>
<div class="text-[12px] h-[24px] flex justify-center items-start">Panneaux solaires</div>
</div>
</a>
<a draggable="false" class="text-sm block group flex-none hover:bg-gray-100 w-[90px] lg:w-[100px] p-2 py-4 h-full rounded-md" href="https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur">
<div class="text-center leading-[12px] flex flex-col justify-between h-full">
<div class="w-full flex justify-center">
<div class="w-[35px] h-[35px] flex justify-center">
<div class="w-[20px] opacity-40 group-hover:opacity-100">
<img src="https://assets.trustup.be/images/workfield_icons/construction.svg" alt="icon">
</div>
</div>
</div>
<div class="text-[12px] h-[24px] flex justify-center items-start">Pompe à chaleur</div>
</div>
</a>
<a draggable="false" class="text-sm block group flex-none hover:bg-gray-100 w-[90px] lg:w-[100px] p-2 py-4 h-full rounded-md" href="https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture">
<div class="text-center leading-[12px] flex flex-col justify-between h-full">
<div class="w-full flex justify-center">
<div class="w-[35px] h-[35px] flex justify-center">
<div class="w-[20px] opacity-40 group-hover:opacity-100">
<img src="https://assets.trustup.be/images/workfield_icons/construction.svg" alt="icon">
</div>
</div>
</div>
<div class="text-[12px] h-[24px] flex justify-center items-start">Peinture</div>
</div>
</a>
<a draggable="false" class="text-sm block group flex-none hover:bg-gray-100 w-[90px] lg:w-[100px] p-2 py-4 h-full rounded-md" href="https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage">
<div class="text-center leading-[12px] flex flex-col justify-between h-full">
<div class="w-full flex justify-center">
<div class="w-[35px] h-[35px] flex justify-center">
<div class="w-[20px] opacity-40 group-hover:opacity-100">
<img src="https://assets.trustup.be/images/workfield_icons/construction.svg" alt="icon">
</div>
</div>
</div>
<div class="text-[12px] h-[24px] flex justify-center items-start">Plafonnage</div>
</div>
</a>
</div>
</div>
</section>
<style>
.header-job-inactive {
top: -80px;
filter: blur(10px);
opacity: 0;
}
.header-job-active {
top: 0px;
filter: blur(0px);
opacity: 1;
}
.header-job-pending {
top: 80px;
filter: blur(10px);
opacity: 0;
}
.header-image-inactive {
bottom: 0px;
}
.header-image-active {
bottom: 0px;
}
.header-image-pending {
bottom: -550px;
}
.header-job {
transition: all ease-in-out 300ms;
}
.no-scrollbar {
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
}
</style>
<script>
const stringArray = "[{"title":"menuisier","img":"images\/menuiserie.png"},{"title":"plombier","img":"https:\/\/www.renovationettravaux.fr\/wp-content\/uploads\/2021\/03\/faire-appel-plombier.jpeg"},{"title":"jardinier","img":"images\/jardinier.png"},{"title":"plaquiste","img":"images\/plaquiste.png"},{"title":"peintre","img":"images\/peintre.png"},{"title":"professionnel","img":"images\/construction.png"}]";
const jobs = JSON.parse(stringArray.replace(/"/g,'"'));
var loop = 1;
let currentKey = randomizeKey();
function replaceTitleAndImage()
{
let job = document.querySelector(".header-job-active");
let jobPending = document.querySelector(".header-job-pending");
let jobImage = document.querySelector(".header-image-active");
let jobImagePending = document.querySelector(".header-image-pending");
job.innerHTML = jobs[currentKey].title;
jobPending.innerHTML = jobs[getNextKey()].title;
jobImage.style.backgroundImage = `url('${jobs[currentKey].img}')`;
jobImage.setAttribute('data-src', jobs[currentKey].img);
jobImagePending.style.backgroundImage = `url('${jobs[getNextKey()].img}')`;
jobImagePending.setAttribute('data-src', jobs[getNextKey()].img);
loop++;
}
function startTransition()
{
let job = document.querySelector(".header-job-active");
let jobPending = document.querySelector(".header-job-pending");
let jobImage = document.querySelector(".header-image-active");
let jobImagePending = document.querySelector(".header-image-pending");
job.classList.remove('header-job-active');
job.classList.add('header-job-inactive');
jobPending.classList.remove('header-job-pending');
jobPending.classList.add('header-job-active');
jobImage.classList.remove('header-image-active');
jobImage.classList.add('header-image-inactive');
jobImagePending.classList.remove('header-image-pending');
jobImagePending.classList.add('header-image-active');
setTimeout(() => {
job.classList.remove('header-job-inactive');
job.classList.add('header-job-pending');
jobImage.classList.remove('header-image-inactive');
jobImage.classList.add('header-image-pending');
replaceTitleAndImage();
}, 500);
setTimeout(() => {
jobImagePending.style.zIndex = 0;
jobImage.style.zIndex = 1;
}, 1000);
}
function randomizeKey()
{
return Math.floor(Math.random() * jobs.length);
}
function next() {
currentKey = getNextKey();
}
function getNextKey() {
if(currentKey === jobs.length - 1) return 0;
return currentKey + 1;
}
replaceTitleAndImage();
setInterval(() => {
next();
startTransition();
}, 3000);
</script>
<div class="w-full flex justify-center px-[20px] md:px-20">
<div class="max-w-[1120px] flex flex-col gap-16 pt-[90px] w-full">
<section class="w-full gap-[15px] grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4" >
<div class="rounded-[5px] border border-[#DDDDDD] text-center p-[20px]">
<h4 class="font-bold text-[34px]">160.000</h4>
<h5 class="text-[14px] font-semibold">Utilisateurs mensuels</h5>
</div>
<div class="rounded-[5px] border border-[#DDDDDD] text-center p-[20px]">
<h4 class="font-bold text-[34px]">383.457</h4>
<h5 class="text-[14px] font-semibold">Artisans</h5>
</div>
<div class="rounded-[5px] border border-[#DDDDDD] text-center p-[20px]">
<h4 class="font-bold text-[34px]">60.000+</h4>
<h5 class="text-[14px] font-semibold">Avis sur les pros</h5>
</div>
<div class="rounded-[5px] border border-[#DDDDDD] text-center p-[20px]">
<h4 class="font-bold text-[34px]">+40</h4>
<h5 class="text-[14px] font-semibold">Catégories métiers</h5>
</div>
</section> <section class="w-full">
<div class="text-[30px] font-semibold mb-4">
Recherches fréquentes
</div>
<div class="w-full relative overflow-hidden">
<div class="absolute z-40 right-0 top-0 h-full w-[20px] animate-pulse bg-gradient-to-r from-transparent to-white">
</div>
<div class="overflow-x-scroll relative scrollbar-hide w-full" data-draggable="true" data-mousedown="false" data-start-x="0" data-scroll-left="0">
<div class="flex gap-3">
<a draggable="false" class="group last-of-type:z-50" href="/fr/entreprises/toiture/velux">
<div class="w-[260px] h-[260px] flex flex-col justify-between rounded-lg overflow-hidden relative">
<div class="w-[260px] h-[260px] absolute top-0 left-0 group-hover:scale-110 transition-all duration-700 aspect-square bg-cover bg-center rounded-lg flex flex-col justify-between" data-src="https://assets.trustup.be/bc9c7f1621acbd62d1e380e9de13b8ca/installation-velux.jpg"
style="background-image: url('https://assets.trustup.be/bc9c7f1621acbd62d1e380e9de13b8ca/installation-velux.jpg')">
</div>
<div class="flex justify-end p-4">
<div style="color: #000000 ; background-color: #cdcdcd;" class="p-1 px-3 z-10 rounded-md text-[14px]">Très populaire</div>
</div>
<div class="text-white font-bold text-[17px] p-4 z-10">
Installation Velux
</div>
<div class="top-0 left-0 absolute group-hover:opacity-0 transition-all duration-700 bg-black/25 w-full h-full">
</div>
</div>
</a>
<a draggable="false" class="group last-of-type:z-50" href="/fr/entreprises/toiture/ardoisier">
<div class="w-[260px] h-[260px] flex flex-col justify-between rounded-lg overflow-hidden relative">
<div class="w-[260px] h-[260px] absolute top-0 left-0 group-hover:scale-110 transition-all duration-700 aspect-square bg-cover bg-center rounded-lg flex flex-col justify-between" data-src="https://assets.trustup.be/a44f19735518f46270acc9b5fdf8c56a/ardoisier.jpg"
style="background-image: url('https://assets.trustup.be/a44f19735518f46270acc9b5fdf8c56a/ardoisier.jpg')">
</div>
<div></div>
<div class="text-white font-bold text-[17px] p-4 z-10">
Ardoisier
</div>
<div class="top-0 left-0 absolute group-hover:opacity-0 transition-all duration-700 bg-black/25 w-full h-full">
</div>
</div>
</a>
<a draggable="false" class="group last-of-type:z-50" href="/fr/entreprises/chauffagiste">
<div class="w-[260px] h-[260px] flex flex-col justify-between rounded-lg overflow-hidden relative">
<div class="w-[260px] h-[260px] absolute top-0 left-0 group-hover:scale-110 transition-all duration-700 aspect-square bg-cover bg-center rounded-lg flex flex-col justify-between" data-src="https://assets.trustup.be/6bfeda40e852ea791ed18e71414a2925/chauffagiste.jpg"
style="background-image: url('https://assets.trustup.be/6bfeda40e852ea791ed18e71414a2925/chauffagiste.jpg')">
</div>
<div class="flex justify-end p-4">
<div style="color: #ffffff ; background-color: #e76136;" class="p-1 px-3 z-10 rounded-md text-[14px]">Le plus demandé</div>
</div>
<div class="text-white font-bold text-[17px] p-4 z-10">
Chauffagiste
</div>
<div class="top-0 left-0 absolute group-hover:opacity-0 transition-all duration-700 bg-black/25 w-full h-full">
</div>
</div>
</a>
<a draggable="false" class="group last-of-type:z-50" href="/fr/entreprises/carreleur">
<div class="w-[260px] h-[260px] flex flex-col justify-between rounded-lg overflow-hidden relative">
<div class="w-[260px] h-[260px] absolute top-0 left-0 group-hover:scale-110 transition-all duration-700 aspect-square bg-cover bg-center rounded-lg flex flex-col justify-between" data-src="https://assets.trustup.be/148c1accf78e9a6968bdca9a96eb6fc3/carreleur.jpg"
style="background-image: url('https://assets.trustup.be/148c1accf78e9a6968bdca9a96eb6fc3/carreleur.jpg')">
</div>
<div></div>
<div class="text-white font-bold text-[17px] p-4 z-10">
Carreleur
</div>
<div class="top-0 left-0 absolute group-hover:opacity-0 transition-all duration-700 bg-black/25 w-full h-full">
</div>
</div>
</a>
<a draggable="false" class="group last-of-type:z-50" href="/fr/entreprises/jardinier">
<div class="w-[260px] h-[260px] flex flex-col justify-between rounded-lg overflow-hidden relative">
<div class="w-[260px] h-[260px] absolute top-0 left-0 group-hover:scale-110 transition-all duration-700 aspect-square bg-cover bg-center rounded-lg flex flex-col justify-between" data-src="https://assets.trustup.be/0e69b265145cac1a39b295db929845a9/jardinier.jpg"
style="background-image: url('https://assets.trustup.be/0e69b265145cac1a39b295db929845a9/jardinier.jpg')">
</div>
<div></div>
<div class="text-white font-bold text-[17px] p-4 z-10">
Jardinier
</div>
<div class="top-0 left-0 absolute group-hover:opacity-0 transition-all duration-700 bg-black/25 w-full h-full">
</div>
</div>
</a>
<a draggable="false" class="group last-of-type:z-50" href="/fr/entreprises/toiture/toitures-plates">
<div class="w-[260px] h-[260px] flex flex-col justify-between rounded-lg overflow-hidden relative">
<div class="w-[260px] h-[260px] absolute top-0 left-0 group-hover:scale-110 transition-all duration-700 aspect-square bg-cover bg-center rounded-lg flex flex-col justify-between" data-src="https://assets.trustup.be/ef19bb5f82f5b9678c0cbd594eff3878/toiture-plate.jpg"
style="background-image: url('https://assets.trustup.be/ef19bb5f82f5b9678c0cbd594eff3878/toiture-plate.jpg')">
</div>
<div></div>
<div class="text-white font-bold text-[17px] p-4 z-10">
Toiture plate
</div>
<div class="top-0 left-0 absolute group-hover:opacity-0 transition-all duration-700 bg-black/25 w-full h-full">
</div>
</div>
</a>
<a draggable="false" class="group last-of-type:z-50" href="/fr/entreprises/electricite/mise-en-conformite-electrique">
<div class="w-[260px] h-[260px] flex flex-col justify-between rounded-lg overflow-hidden relative">
<div class="w-[260px] h-[260px] absolute top-0 left-0 group-hover:scale-110 transition-all duration-700 aspect-square bg-cover bg-center rounded-lg flex flex-col justify-between" data-src="https://assets.trustup.be/b445918d4cb94000bb13cfccb8de6d5e/electricien.jpg"
style="background-image: url('https://assets.trustup.be/b445918d4cb94000bb13cfccb8de6d5e/electricien.jpg')">
</div>
<div></div>
<div class="text-white font-bold text-[17px] p-4 z-10">
Mise en conformité électrique
</div>
<div class="top-0 left-0 absolute group-hover:opacity-0 transition-all duration-700 bg-black/25 w-full h-full">
</div>
</div>
</a>
</div>
</div>
</div>
</section>
<style>
.scrollbar-hide::-webkit-scrollbar {
display: none;
}
</style>
<section class="w-full">
<h3 class="text-[40px] lg:text-[70px] text-center md:text-left font-bold"><i class="fa-solid text-[#FFC200] fa-stars"></i> 4,8/5</h3>
<h4 class="mb-[30px] text-[18px] text-center md:text-left font-medium"> Note moyenne de nos <strong class="font-bold">383.457 professionnels</strong> inscrits
</h4>
<div class="gap-[15px] hidden md:flex lg:flex-row">
</div>
<div class="flex flex-col md:hidden w-full gap-[15px]">
</div>
</section> <section class="w-full flex flex-col-reverse lg:flex-row text-white" >
<div class="bg-[#13544E] w-full lg:w-[calc(100%-400px)] rounded-t-none rounded-b-xl lg:rounded-xl lg:rounded-r-none text-left flex flex-col gap-[20px] sm:gap-[30px] py-[25px] px-[20px] sm:py-[50px] sm:px-[40px] lg:py-[50px] lg:px-[60px] lg:pr-[95px] text-[18px]">
<h3 class="text-[35px] sm:text-[40px] md:text-[50px] lg:text-[70px] leading-[60px] tracking-[-2.1px] font-bold">
Trouvez l'artisan <strong class="font-bold text-[#90E6B3]">idéal</strong> pour votre projet
</h3>
<p class="font-medium">Trouvez un artisan fiable et local, où et quand vous voulez. Les professionnels TrustUp sont vérifiés sur base de plusieurs critères objectifs avant d’être intégrés sur notre plateforme.</p>
<div class="flex justify-start">
<div class="flex flex-col gap-[20px] items-start text-left text-[16px]">
<div class="flex items-center gap-[20px]"> <div class="bg-black/25 flex justify-center items-center aspect-square h-[60px] rounded-md"><i class="fa-light fa-handshake text-[32px] text-[#90E6B3]"></i></div> <span> <strong class="font-semibold">Nos professionnels sont rigoureusement sélectionnés !</strong><br> Rencontrez les et lancez-vous ! </span> </div>
<div class="flex items-center gap-[20px]"> <div class="bg-black/25 flex justify-center items-center aspect-square h-[60px] rounded-md"><i class="fa-light fa-headset text-[32px] text-[#90E6B3]"></i></div><span> <strong class="font-semibold">Un conseiller suit votre projet.</strong><br> Respirez, vous êtes bien entouré </span> </div>
<div class="flex items-center gap-[20px]"> <div class="bg-black/25 flex justify-center items-center aspect-square h-[60px] rounded-md"><i class="fa-light fa-database text-[32px] text-[#90E6B3]"></i></div><span> <strong class="font-semibold">Notre service est gratuit.</strong><br> Soyez rassuré, nous ne prenons pas de commission et ne revendons pas vos données.</span> </div>
</div>
</div>
</div>
<img class="w-full rounded-t-xl h-[375px] lg:h-full lg:w-[400px] object-cover lg:rounded-tl-none lg:rounded-r-xl lg:block" src="https://www.trustup.fr/images/artisan.jpg" alt="artisan">
</section> </div>
</div>
<div class="w-full flex justify-center px-[20px] md:px-20">
<div class="max-w-[1120px] flex flex-col gap-16 pt-[90px] w-full">
<section class="w-full">
<div class="text-[30px] sm:text-[35px] md:text-[40px] tracking-[-1.8px] lg:text-[60px] tracking[-3px] text-center md:text-left font-bold mb-4">
Nos guides travaux gratuits
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-[35px]">
<a href="https://blog.trustup.be/fr/prix-renovation-maison/">
<div class="relative h-full group rounded-lg overflow-hidden">
<img class="w-full h-full object-cover group-hover:scale-110 transition-all duration-700 rounded-lg" src="https://blog.trustup.be/wp-content/uploads/2024/07/prix-renovation-maison-300x162.webp" alt="article image">
<div class="absolute top-0 left-0 w-full h-full bg-gradient-to-b from-transparent to-black/80">
</div>
<div class="absolute right-4 left-4 bottom-4">
<h3 class="font-semibold text-[26px] text-white">Quel est le prix d’une rénovation de maison ?</h3>
</div>
</div>
</a>
<div class="flex flex-col gap-[15px]">
<a class="group" href="https://blog.trustup.be/fr/quel-prix-terrasse-composite/">
<div class="flex gap-[15px]">
<div class="h-20 w-28 overflow-hidden rounded-md">
<img class="h-full w-full transition-all duration-700 group-hover:scale-110 object-cover" src="https://blog.trustup.be/wp-content/uploads/2024/07/prix-terrasse-composite-300x162.webp" alt="article image">
</div>
<div class="flex-1">
<h3 class="font-semibold leading-[16px] text-[16px] mb-2">Prix terrasse bois composite : quel budget prévoir en 2025 ?</h3>
<p class="text-xs text-black/70 break-words"> Le prix d’une terrasse en bois composite varie généralement entre ... </p>
</div>
</div>
</a>
<a class="group" href="https://blog.trustup.be/fr/comment-ameliorer-score-peb-prix/">
<div class="flex gap-[15px]">
<div class="h-20 w-28 overflow-hidden rounded-md">
<img class="h-full w-full transition-all duration-700 group-hover:scale-110 object-cover" src="https://blog.trustup.be/wp-content/uploads/2024/06/augmenter-score-peb-300x162.png" alt="article image">
</div>
<div class="flex-1">
<h3 class="font-semibold leading-[16px] text-[16px] mb-2">Comment améliorer mon score PEB rapidement et à quel prix ?</h3>
<p class="text-xs text-black/70 break-words"> Le score PEB, ou performance énergétique des bâtiments, correspond ... </p>
</div>
</div>
</a>
<a class="group" href="https://blog.trustup.be/fr/prix-destruction-nid-de-guepes/">
<div class="flex gap-[15px]">
<div class="h-20 w-28 overflow-hidden rounded-md">
<img class="h-full w-full transition-all duration-700 group-hover:scale-110 object-cover" src="https://blog.trustup.be/wp-content/uploads/2022/08/Shutterstock_693287872-216x162.webp" alt="article image">
</div>
<div class="flex-1">
<h3 class="font-semibold leading-[16px] text-[16px] mb-2">Quel prix pour la destruction d’un nid de guêpes ?</h3>
<p class="text-xs text-black/70 break-words"> Cette année bat tous les records en matière de guêpes. En effet, le... </p>
</div>
</div>
</a>
<a class="group" href="https://blog.trustup.be/fr/prix-entretien-chaudiere/">
<div class="flex gap-[15px]">
<div class="h-20 w-28 overflow-hidden rounded-md">
<img class="h-full w-full transition-all duration-700 group-hover:scale-110 object-cover" src="https://blog.trustup.be/wp-content/uploads/2021/01/entretien-chaudiere-300x162.webp" alt="article image">
</div>
<div class="flex-1">
<h3 class="font-semibold leading-[16px] text-[16px] mb-2">Prix d’un entretien de chaudière</h3>
<p class="text-xs text-black/70 break-words"> L’allumage de votre chaudière vous semble difficile ? Vous entende... </p>
</div>
</div>
</a>
</div>
</div>
</section>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<section class="bg-[url(https://www.trustup.fr/images/bgpro.png)] bg-cover bg-no-repeat lg:h-[387px] lg:px-[50px] pl-0 py-[30px] lg:py-[40px] rounded-xl flex flex-col-reverse justify-center lg:justify-start lg:flex-row gap-[70px] items-center">
<div class="w-full px-[25px] lg:px-0 flex flex-col justify-center items-center lg:justify-start lg:items-start text-center lg:text-left">
<svg class="mb-4" width="170" height="31" version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewbox="0 0 3111.4 545" style="enable-background:new 0 0 3111.4 545;" xml:space="preserve">
<style type="text/css">
.st0{fill:#0B00E8;}
</style>
<g>
<path d="M806.2,157.9v66.9h-58.1v220.6h-73.2V224.8h-55.3v-66.9h55.3V89l73.2-16v84.8L806.2,157.9L806.2,157.9z"/>
<path d="M897.6,200c22.3-31.1,50.1-46.8,84-46.8v75.7c-53.2,0-84,30.6-84,79.3v137.1h-73.2V157.9h73.2V200z"/>
<path d="M1191.3,157.9h73.2v287.5h-73.2v-35c-22.3,27.8-51.2,41.9-87.3,41.9c-32.2,0-58.4-10.2-78.2-30.3 c-20.1-20.1-30-46.8-30-79.9V157.9h73.2v162.8c0,18.5,5.5,33,16.5,44.1c10.7,11,25.1,16.5,42.7,16.5c18.7,0,33.9-5.8,45.7-17.1 c11.6-11.3,17.3-26.2,17.3-44.6L1191.3,157.9L1191.3,157.9z"/>
<path d="M1319,425c-20.7-17.9-30.8-39.9-30.8-65.8h74.1c0,9.1,3.3,16.5,10.2,22.9c6.6,6.3,14.6,9.6,24.2,9.6 c17.9,0,31.9-11.6,31.9-25.9c0-15.7-16-27.8-47.9-36.1c-59.2-14-88.7-44.1-88.4-90.3c0-27.5,9.9-49.3,30-65 c19.8-15.7,44.3-23.4,73.2-23.4c29.5,0,54,8.5,73.8,25.6s29.7,38,29.7,62.8h-73.8c0-15.7-12.9-28.1-30.3-28.1 c-15.7,0-28.9,10.7-28.9,23.7c0,15.7,16.8,27.8,50.1,36.1c57.8,14.6,86.8,44.3,87,88.7c0,28.6-10.2,51.2-30.6,67.8 c-20.7,16.5-46,24.8-76.6,24.8C1365.2,452.2,1339.6,443.2,1319,425z"/>
<path d="M1688.7,157.9v66.9h-58.1v220.6h-73.2V224.8H1502v-66.9h55.3V89l73.2-16v84.8L1688.7,157.9L1688.7,157.9z"/>
<path d="M1897.9,157.9h73.2v287.5h-73.2v-35c-22.3,27.8-51.2,41.9-87.3,41.9c-32.2,0-58.4-10.2-78.2-30.3 c-20.1-20.1-30-46.8-30-79.9V157.9h73.2v162.8c0,18.5,5.5,33,16.5,44.1c10.7,11,25.1,16.5,42.7,16.5c18.7,0,33.9-5.8,45.7-17.1 c11.6-11.3,17.3-26.2,17.3-44.6L1897.9,157.9L1897.9,157.9z"/>
<path d="M2279.7,193.9c26.7,28.9,39.9,64.7,39.9,107.4c0,43-13.2,78.8-39.9,107.7s-60,43.2-100,43.2c-38.3,0-69.7-14.9-93.6-44.6 v124.9h-73.2V157.9h73.2v37.7c24-29.7,55.4-44.6,93.6-44.6C2219.7,151,2253,165.3,2279.7,193.9z M2165.2,381.2 c22.6,0,41.3-7.7,56.5-22.9s22.6-34.1,22.6-56.7s-7.4-41.6-22.6-56.7s-33.9-22.9-56.5-22.9s-41.3,7.7-56.5,22.9 c-15.1,15.2-22.6,34.2-22.6,56.7s7.4,41.6,22.6,56.7S2142.6,381.2,2165.2,381.2z"/>
</g>
<g>
<path class="st0" d="M253.7,245.8c-6,2.4-11.4,6-16,10.6c-10.9,10.9-16,26.5-13.6,41.7c0.7,5,5.1,8.5,9.9,8.5c0.5,0,1-0.1,1.5-0.1 c5.4-0.9,9.2-6,8.3-11.5c-1.4-8.9,1.6-18.1,8-24.4c2.7-2.7,5.9-4.8,9.4-6.2c5.1-2.1,7.6-8,5.6-13 C264.7,246.3,258.9,243.8,253.7,245.8z"/>
<path class="st0" d="M272.5,0C122,0,0,122,0,272.5S122,545,272.5,545S545,423,545,272.5S423,0,272.5,0z M440.3,246.8l-8,1.2 c-13.2,2.1-24.1,14.6-24.1,28v107.1l-27.4-27.4c-2.9-2.9-7.5-2.9-10.5,0l-3.6,3.6L352.4,345c25.5-37.8,21.7-89.6-11.9-123.1 c-38-38-99.5-38-137.5,0s-38,99.5,0,137.5c33.5,33.5,85.3,37.5,123.1,11.9l14.3,14.3l-3.6,3.6c-2.9,2.9-2.9,7.5,0,10.5l41.1,41 H161.2c-13.4,0-24.4-11-24.4-24.4V276c0-13.4-10.8-26-24.1-28l-8.1-1.2c-13.2-2.1-15.9-11-5.9-19.9l155.5-139 c9.9-8.9,26.3-8.9,36.3,0l155.5,139C456.2,235.8,453.5,244.7,440.3,246.8z M312.4,331.2c-22.5,22.4-58.8,22.4-81.2,0 c-22.4-22.5-22.4-58.8,0-81.2c22.5-22.5,58.8-22.5,81.2,0C334.9,272.4,334.9,308.7,312.4,331.2z"/>
</g>
<g>
<path class="st0" d="M3011.1,112.3h-549.3c-55.2,0-100.3,45.1-100.3,100.3v177c0,54.6,44.3,99.4,98.8,100.3v-285h50.4v28.8 c6.5-9.1,15.4-16.7,26.8-22.8c11.4-6.1,24.4-9.2,39-9.2c17,0,32.4,4.2,46.2,12.6c13.8,8.4,24.7,20.3,32.7,35.8 c8,15.5,12.1,33.4,12.1,53.8c0,20.4-4,38.4-12.1,54.1c-8,15.7-18.9,27.9-32.7,36.5c-13.8,8.6-29.2,13-46.2,13 c-14.6,0-27.5-3-38.7-9c-11.2-6-20.2-13.5-27.2-22.7v114.1h500.5c55.2,0,100.3-45.1,100.3-100.3v-177 C3111.4,157.4,3066.3,112.3,3011.1,112.3z M2797.4,254.8h-13.3c-15.8,0-27.8,3.7-35.8,11.2c-8,7.4-12.1,20.4-12.1,38.9v99.3h-50.4 V204.8h50.4v30.9c6.5-10.6,14.9-18.8,25.4-24.8c10.4-6,22.4-9,35.8-9V254.8z M3000.7,358.4c-9.2,15.6-21.7,27.6-37.4,36.2 c-15.7,8.5-33.3,12.8-52.7,12.8c-19.2,0-36.5-4.3-51.8-12.8c-15.4-8.5-27.4-20.6-36.2-36.2c-8.8-15.6-13.1-33.6-13.1-54 c0-20.4,4.5-38.4,13.5-54c9-15.6,21.3-27.6,36.9-36.2c15.6-8.5,33-12.8,52.2-12.8c19.2,0,36.6,4.3,52.2,12.8 c15.6,8.5,27.9,20.6,36.9,36.2c9,15.6,13.5,33.6,13.5,54C3014.5,324.9,3009.9,342.9,3000.7,358.4z"/>
<path class="st0" d="M2911.3,245.5c-14.4,0-26.4,5.1-36.2,15.3c-9.7,10.2-14.6,24.8-14.6,43.7c0,18.9,4.7,33.5,14.2,43.7 c9.5,10.2,21.4,15.3,35.8,15.3c9.1,0,17.7-2.2,25.7-6.7c8-4.4,14.4-11.1,19.2-20c4.8-8.9,7.2-19.7,7.2-32.4 c0-18.9-5-33.5-14.9-43.7C2937.8,250.6,2925.7,245.5,2911.3,245.5z"/>
<path class="st0" d="M2537.5,356.1c8,4.7,16.6,7,25.7,7c9.4,0,18-2.4,26.1-7.2c8-4.8,14.5-11.6,19.4-20.5 c4.9-8.9,7.4-19.4,7.4-31.7c0-12-2.5-22.4-7.4-31.1c-4.9-8.8-11.4-15.4-19.4-20c-8-4.6-16.7-6.8-26.1-6.8c-9.1,0-17.7,2.3-25.7,7 c-8,4.7-14.5,11.5-19.4,20.3c-4.9,8.9-7.4,19.3-7.4,31.3c0,12,2.5,22.4,7.4,31.3C2522.9,344.7,2529.4,351.4,2537.5,356.1z"/>
</g>
</svg>
<h3 style="font-family: 'Poppins'" class="mb-4 text-[35px] xl:text-[42px] font-bold leading-[46px] tracking-[-1.26px]">Développez votre <strong style="font-family: 'Poppins'" class="underline font-bold">business</strong> <br> avec TrustUp Pro</h3>
<p style="font-family: 'Poppins'" class="mb-4 text-[18px] leading-[22px]">En plus de vous trouver de nouveaux clients gratuitement, TrustUp Pro vous aide à mieux gérer votre activité grâce à une suite d’outils de gestion pensée pour les artisans du BTP.</p>
<a style="font-family: 'Poppins'" class="h-[46px] text-white rounded-full bg-black w-fit flex justify-center items-center px-[30px] text-[16px] font-semibold" href="https://pro.trustup.fr/plateforme/?utm_source=trustup&utm_medium=banner&utm_campaign=become-pro&utm_term=en-savoir-plus&utm_content=footer-all-site">En savoir plus</a>
</div>
<img class="w-full lg:w-[300px] xl:w-auto xl:h-full max-h-[307px] max-w-[400px] object-cover" src="https://pro.trustup.be/wp-content/uploads/2024/07/header-homepage-trustup-pro-fr-1-1024x785.png" alt="trustup-pro">
</section> <section class="w-full mb-16 flex justify-start gap-3 relative">
<div x-data="{ city : 'Lille'}" class="flex flex-col gap-3 w-full">
<h3 class="font-semibold text-center md:text-left text-[30px]">Recherche populaires sur TrustUp</h3>
<div id="cityListTruncate" class="flex gap-3 items-center w-full overflow-x-scroll scrollbar-hide text-[16px] font-medium mb-4">
<div :class="city === `Lille` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Lille'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Lille
</div>
<div :class="city === `Tourcoing` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Tourcoing'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Tourcoing
</div>
<div :class="city === `Roubaix` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Roubaix'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Roubaix
</div>
<div :class="city === `Dunkerque` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Dunkerque'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Dunkerque
</div>
<div :class="city === `Villeneuve-d'Ascq` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Villeneuve-d'Ascq'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Villeneuve-d'Ascq
</div>
<div :class="city === `Valenciennes` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Valenciennes'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Valenciennes
</div>
<div @click="showMoreCities()" class="rounded-full hover:underline h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Plus de villes
</div>
</div>
<div id="cityList" class="hidden gap-3 items-center w-full overflow-x-scroll scrollbar-hide text-[16px] font-medium mb-4" data-draggable="true" data-mousedown="false" data-start-x="0" data-scroll-left="0">
<div :class="city === `Lille` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Lille'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Lille
</div>
<div :class="city === `Tourcoing` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Tourcoing'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Tourcoing
</div>
<div :class="city === `Roubaix` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Roubaix'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Roubaix
</div>
<div :class="city === `Dunkerque` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Dunkerque'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Dunkerque
</div>
<div :class="city === `Villeneuve-d'Ascq` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Villeneuve-d'Ascq'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Villeneuve-d'Ascq
</div>
<div :class="city === `Valenciennes` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Valenciennes'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Valenciennes
</div>
<div :class="city === `Douai` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Douai'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Douai
</div>
<div :class="city === `Wattrelos` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Wattrelos'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Wattrelos
</div>
<div :class="city === `Marcq-en-Barœul` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Marcq-en-Barœul'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Marcq-en-Barœul
</div>
<div :class="city === `Cambrai` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Cambrai'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Cambrai
</div>
<div :class="city === `Maubeuge` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Maubeuge'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Maubeuge
</div>
<div :class="city === `Lambersart` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Lambersart'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Lambersart
</div>
<div :class="city === `Armentières` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Armentières'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Armentières
</div>
<div :class="city === `La Madeleine` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'La Madeleine'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
La Madeleine
</div>
<div :class="city === `Coudekerque-Branche` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Coudekerque-Branche'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Coudekerque-Branche
</div>
<div :class="city === `Hazebrouck` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Hazebrouck'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Hazebrouck
</div>
<div :class="city === `Grande-Synthe` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Grande-Synthe'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Grande-Synthe
</div>
<div :class="city === `Loos` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Loos'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Loos
</div>
<div :class="city === `Mons-en-Barœul` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Mons-en-Barœul'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Mons-en-Barœul
</div>
<div :class="city === `Halluin` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Halluin'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Halluin
</div>
<div :class="city === `Croix` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Croix'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Croix
</div>
<div :class="city === `Wasquehal` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Wasquehal'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Wasquehal
</div>
<div :class="city === `Denain` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Denain'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Denain
</div>
<div :class="city === `Ronchin` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Ronchin'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Ronchin
</div>
<div :class="city === `Hem` ? 'bg-black text-white' : 'bg-[#E6E6E6]'" @click="city = 'Hem'" class="rounded-full hover:bg-gray-300 h-[30px] px-[15px] flex justify-center items-center whitespace-nowrap cursor-pointer">
Hem
</div>
</div>
<script>
function showMoreCities() {
console.log("test");
document.getElementById("cityListTruncate").style.display = "none";
document.getElementById("cityList").style.display = "flex"
}
</script>
<div class="columns-1 md:columns-2 lg:columns-4 w-full">
<template x-if="city === `Lille`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Lille'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lille`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Lille'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lille`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Lille'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lille`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Lille'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lille`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Lille'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lille`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Lille'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lille`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Lille'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lille`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Lille'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lille`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Lille'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lille`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Lille'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Tourcoing`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Tourcoing'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Tourcoing`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Tourcoing'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Tourcoing`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Tourcoing'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Tourcoing`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Tourcoing'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Tourcoing`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Tourcoing'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Tourcoing`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Tourcoing'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Tourcoing`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Tourcoing'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Tourcoing`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Tourcoing'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Tourcoing`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Tourcoing'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Tourcoing`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Tourcoing'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Roubaix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Roubaix'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Roubaix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Roubaix'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Roubaix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Roubaix'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Roubaix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Roubaix'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Roubaix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Roubaix'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Roubaix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Roubaix'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Roubaix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Roubaix'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Roubaix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Roubaix'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Roubaix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Roubaix'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Roubaix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Roubaix'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Dunkerque`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Dunkerque'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Dunkerque`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Dunkerque'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Dunkerque`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Dunkerque'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Dunkerque`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Dunkerque'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Dunkerque`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Dunkerque'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Dunkerque`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Dunkerque'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Dunkerque`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Dunkerque'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Dunkerque`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Dunkerque'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Dunkerque`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Dunkerque'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Dunkerque`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Dunkerque'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Villeneuve-d'Ascq`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Villeneuve-d%27Ascq'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Villeneuve-d'Ascq`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Villeneuve-d%27Ascq'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Villeneuve-d'Ascq`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Villeneuve-d%27Ascq'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Villeneuve-d'Ascq`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Villeneuve-d%27Ascq'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Villeneuve-d'Ascq`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Villeneuve-d%27Ascq'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Villeneuve-d'Ascq`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Villeneuve-d%27Ascq'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Villeneuve-d'Ascq`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Villeneuve-d%27Ascq'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Villeneuve-d'Ascq`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Villeneuve-d%27Ascq'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Villeneuve-d'Ascq`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Villeneuve-d%27Ascq'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Villeneuve-d'Ascq`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Villeneuve-d%27Ascq'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Valenciennes`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Valenciennes'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Valenciennes`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Valenciennes'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Valenciennes`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Valenciennes'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Valenciennes`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Valenciennes'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Valenciennes`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Valenciennes'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Valenciennes`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Valenciennes'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Valenciennes`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Valenciennes'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Valenciennes`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Valenciennes'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Valenciennes`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Valenciennes'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Valenciennes`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Valenciennes'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Douai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Douai'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Douai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Douai'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Douai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Douai'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Douai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Douai'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Douai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Douai'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Douai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Douai'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Douai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Douai'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Douai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Douai'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Douai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Douai'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Douai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Douai'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wattrelos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Wattrelos'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wattrelos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Wattrelos'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wattrelos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Wattrelos'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wattrelos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Wattrelos'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wattrelos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Wattrelos'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wattrelos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Wattrelos'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wattrelos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Wattrelos'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wattrelos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Wattrelos'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wattrelos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Wattrelos'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wattrelos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Wattrelos'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Marcq-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Marcq-en-Bar%C5%93ul'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Marcq-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Marcq-en-Bar%C5%93ul'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Marcq-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Marcq-en-Bar%C5%93ul'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Marcq-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Marcq-en-Bar%C5%93ul'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Marcq-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Marcq-en-Bar%C5%93ul'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Marcq-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Marcq-en-Bar%C5%93ul'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Marcq-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Marcq-en-Bar%C5%93ul'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Marcq-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Marcq-en-Bar%C5%93ul'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Marcq-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Marcq-en-Bar%C5%93ul'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Marcq-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Marcq-en-Bar%C5%93ul'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Cambrai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Cambrai'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Cambrai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Cambrai'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Cambrai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Cambrai'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Cambrai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Cambrai'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Cambrai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Cambrai'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Cambrai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Cambrai'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Cambrai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Cambrai'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Cambrai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Cambrai'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Cambrai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Cambrai'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Cambrai`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Cambrai'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Maubeuge`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Maubeuge'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Maubeuge`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Maubeuge'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Maubeuge`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Maubeuge'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Maubeuge`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Maubeuge'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Maubeuge`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Maubeuge'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Maubeuge`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Maubeuge'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Maubeuge`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Maubeuge'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Maubeuge`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Maubeuge'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Maubeuge`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Maubeuge'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Maubeuge`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Maubeuge'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lambersart`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Lambersart'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lambersart`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Lambersart'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lambersart`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Lambersart'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lambersart`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Lambersart'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lambersart`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Lambersart'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lambersart`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Lambersart'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lambersart`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Lambersart'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lambersart`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Lambersart'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lambersart`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Lambersart'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Lambersart`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Lambersart'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Armentières`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Armenti%C3%A8res'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Armentières`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Armenti%C3%A8res'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Armentières`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Armenti%C3%A8res'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Armentières`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Armenti%C3%A8res'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Armentières`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Armenti%C3%A8res'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Armentières`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Armenti%C3%A8res'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Armentières`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Armenti%C3%A8res'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Armentières`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Armenti%C3%A8res'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Armentières`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Armenti%C3%A8res'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Armentières`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Armenti%C3%A8res'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `La Madeleine`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-La%20Madeleine'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `La Madeleine`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-La%20Madeleine'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `La Madeleine`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-La%20Madeleine'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `La Madeleine`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-La%20Madeleine'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `La Madeleine`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-La%20Madeleine'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `La Madeleine`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-La%20Madeleine'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `La Madeleine`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-La%20Madeleine'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `La Madeleine`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-La%20Madeleine'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `La Madeleine`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-La%20Madeleine'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `La Madeleine`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-La%20Madeleine'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Coudekerque-Branche`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Coudekerque-Branche'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Coudekerque-Branche`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Coudekerque-Branche'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Coudekerque-Branche`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Coudekerque-Branche'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Coudekerque-Branche`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Coudekerque-Branche'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Coudekerque-Branche`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Coudekerque-Branche'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Coudekerque-Branche`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Coudekerque-Branche'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Coudekerque-Branche`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Coudekerque-Branche'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Coudekerque-Branche`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Coudekerque-Branche'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Coudekerque-Branche`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Coudekerque-Branche'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Coudekerque-Branche`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Coudekerque-Branche'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hazebrouck`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Hazebrouck'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hazebrouck`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Hazebrouck'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hazebrouck`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Hazebrouck'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hazebrouck`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Hazebrouck'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hazebrouck`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Hazebrouck'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hazebrouck`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Hazebrouck'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hazebrouck`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Hazebrouck'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hazebrouck`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Hazebrouck'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hazebrouck`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Hazebrouck'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hazebrouck`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Hazebrouck'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Grande-Synthe`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Grande-Synthe'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Grande-Synthe`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Grande-Synthe'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Grande-Synthe`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Grande-Synthe'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Grande-Synthe`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Grande-Synthe'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Grande-Synthe`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Grande-Synthe'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Grande-Synthe`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Grande-Synthe'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Grande-Synthe`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Grande-Synthe'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Grande-Synthe`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Grande-Synthe'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Grande-Synthe`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Grande-Synthe'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Grande-Synthe`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Grande-Synthe'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Loos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Loos'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Loos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Loos'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Loos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Loos'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Loos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Loos'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Loos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Loos'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Loos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Loos'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Loos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Loos'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Loos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Loos'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Loos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Loos'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Loos`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Loos'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Mons-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Mons-en-Bar%C5%93ul'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Mons-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Mons-en-Bar%C5%93ul'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Mons-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Mons-en-Bar%C5%93ul'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Mons-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Mons-en-Bar%C5%93ul'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Mons-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Mons-en-Bar%C5%93ul'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Mons-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Mons-en-Bar%C5%93ul'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Mons-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Mons-en-Bar%C5%93ul'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Mons-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Mons-en-Bar%C5%93ul'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Mons-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Mons-en-Bar%C5%93ul'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Mons-en-Barœul`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Mons-en-Bar%C5%93ul'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Halluin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Halluin'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Halluin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Halluin'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Halluin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Halluin'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Halluin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Halluin'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Halluin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Halluin'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Halluin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Halluin'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Halluin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Halluin'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Halluin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Halluin'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Halluin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Halluin'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Halluin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Halluin'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Croix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Croix'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Croix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Croix'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Croix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Croix'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Croix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Croix'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Croix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Croix'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Croix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Croix'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Croix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Croix'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Croix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Croix'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Croix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Croix'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Croix`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Croix'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wasquehal`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Wasquehal'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wasquehal`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Wasquehal'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wasquehal`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Wasquehal'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wasquehal`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Wasquehal'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wasquehal`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Wasquehal'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wasquehal`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Wasquehal'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wasquehal`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Wasquehal'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wasquehal`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Wasquehal'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wasquehal`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Wasquehal'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Wasquehal`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Wasquehal'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Denain`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Denain'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Denain`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Denain'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Denain`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Denain'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Denain`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Denain'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Denain`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Denain'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Denain`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Denain'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Denain`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Denain'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Denain`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Denain'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Denain`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Denain'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Denain`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Denain'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Ronchin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Ronchin'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Ronchin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Ronchin'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Ronchin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Ronchin'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Ronchin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Ronchin'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Ronchin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Ronchin'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Ronchin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Ronchin'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Ronchin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Ronchin'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Ronchin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Ronchin'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Ronchin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Ronchin'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Ronchin`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Ronchin'">
Plafonnage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hem`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/toiture/a-Hem'">
Toiture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hem`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/isolation/a-Hem'">
Isolation <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hem`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/plomberie/a-Hem'">
Plomberie <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hem`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/a-Hem'">
Chauffage <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hem`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/a-Hem'">
Électricité <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hem`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/exterieur/a-Hem'">
Aménagement extérieur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hem`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/electricite/panneaux-solaires/a-Hem'">
Panneaux solaires <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hem`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/chauffage/pompe-a-chaleur/a-Hem'">
Pompe à chaleur <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hem`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/peinture/a-Hem'">
Peinture <span x-text="city"></span>
</a>
</template>
<template x-if="city === `Hem`">
<a class="font-medium text-center md:text-left block text-[15px] leading-none mt-[10px] first-of-type:mt-0" :href="'https://www.trustup.fr/fr/entreprises/murs-et-plafonds/plafonnage/a-Hem'">
Plafonnage <span x-text="city"></span>
</a>
</template>
</div>
</div>
</section>
<style>
.scrollbar-hide::-webkit-scrollbar {
display: none;
}
</style> </div>
</div>
<footer class="lg:h-[500px] pt-[60px] px-20 flex flex-col items-center justify-start gap-20 relative bg-[#F5F5F5]">
<div class="flex max-w-[1120px] w-full justify-start">
<div class="grid grid-cols-1 lg:grid-cols-4 gap-8 w-full">
<div class="flex flex-col items-center lg:items-start lg:justify-start">
<svg width="137" height="32" viewbox="0 0 137 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_295177_3787)">
<path d="M47.3367 9.271V13.1993H43.9259V26.1523H39.6276V13.1993H36.3799V9.271H39.6276V5.22513L43.9259 4.2858V9.26473H47.3367V9.271Z" fill="black"/>
<path d="M52.7026 11.7424C54.0121 9.91708 55.6445 8.995 57.6345 8.995V13.4392C54.5107 13.4392 52.7026 15.2363 52.7026 18.0951V26.1445H48.4043V9.27099H52.7026V11.7424Z" fill="black"/>
<path d="M69.9477 9.271H74.2461V26.1523H69.9477V24.098C68.6383 25.7305 66.9415 26.5585 64.8214 26.5585C62.9302 26.5585 61.3918 25.9594 60.2298 24.7802C59.049 23.5993 58.4688 22.0327 58.4688 20.0882V9.271H62.7671V18.8305C62.7671 19.9173 63.0901 20.7688 63.7362 21.4196C64.3651 22.0657 65.2103 22.3887 66.2437 22.3887C67.3414 22.3887 68.2337 22.0484 68.9269 21.3851C69.6074 20.7217 69.943 19.8467 69.943 18.7662L69.9493 9.27256L69.9477 9.271Z" fill="black"/>
<path d="M77.4458 24.9542C76.2305 23.9036 75.6377 22.6114 75.6377 21.0903H79.9878C79.9878 21.625 80.1822 22.0594 80.5868 22.4342C80.9742 22.8043 81.4446 22.9972 82.0076 22.9972C83.0583 22.9972 83.88 22.3166 83.88 21.476C83.88 20.554 82.9407 19.8436 81.0683 19.3559C77.5916 18.5342 75.8604 16.7668 75.8776 14.0539C75.8776 12.4387 76.4594 11.1591 77.6387 10.237C78.8007 9.31491 80.2403 8.86328 81.937 8.86328C83.6338 8.86328 85.1079 9.36196 86.2699 10.3672C87.4319 11.3708 88.0137 12.5987 88.0137 14.0539H83.6808C83.6808 13.1318 82.9234 12.4042 81.9025 12.4042C80.9804 12.4042 80.2058 13.033 80.2058 13.7952C80.2058 14.7172 81.1921 15.4276 83.1476 15.9153C86.5412 16.7731 88.2442 18.5169 88.2552 21.1232C88.2552 22.8027 87.6561 24.1294 86.458 25.1048C85.2427 26.0739 83.7577 26.5616 81.9605 26.5616C80.1587 26.5506 78.6548 26.0222 77.4458 24.9527V24.9542Z" fill="black"/>
<path d="M99.1519 9.271V13.1993H95.7412V26.1523H91.4428V13.1993H88.1904V9.271H91.4381V5.22513L95.7364 4.2858V9.26473H99.1535V9.271H99.1519Z" fill="black"/>
<path d="M111.435 9.271H115.733V26.1523H111.435V24.098C110.126 25.7305 108.429 26.5585 106.309 26.5585C104.417 26.5585 102.879 25.9594 101.717 24.7802C100.536 23.5993 99.9561 22.0327 99.9561 20.0882V9.271H104.254V18.8305C104.254 19.9173 104.577 20.7688 105.224 21.4196C105.852 22.0657 106.698 22.3887 107.731 22.3887C108.829 22.3887 109.721 22.0484 110.414 21.3851C111.095 20.7217 111.43 19.8467 111.43 18.7662L111.437 9.27256L111.435 9.271Z" fill="black"/>
<path d="M133.853 11.3849C135.421 13.0817 136.195 15.183 136.195 17.6905C136.195 20.198 135.421 22.3166 133.853 24.0133C132.284 25.7101 130.329 26.5491 127.981 26.5491C125.634 26.5491 123.888 25.674 122.485 23.9302V31.263H118.187V9.27101H122.485V11.4853C123.895 9.74146 125.737 8.86642 127.981 8.86642C130.225 8.86642 132.284 9.70539 133.853 11.3849ZM127.13 22.3824C128.456 22.3824 129.554 21.9308 130.446 21.0385C131.339 20.1462 131.773 19.036 131.773 17.7093C131.773 16.3826 131.339 15.2661 130.446 14.3801C129.554 13.4941 128.456 13.0362 127.13 13.0362C125.803 13.0362 124.705 13.4878 123.813 14.3801C122.927 15.2724 122.486 16.3889 122.486 17.7093C122.486 19.0297 122.921 20.1525 123.813 21.0385C124.705 21.9245 125.803 22.3824 127.13 22.3824Z" fill="black"/>
<path d="M14.8959 14.4318C14.543 14.573 14.2263 14.7847 13.9565 15.0544C13.3167 15.6942 13.0172 16.61 13.1583 17.5023C13.1991 17.7955 13.4579 18.001 13.7401 18.001C13.7699 18.001 13.7982 17.9947 13.828 17.9947C14.1447 17.9414 14.3674 17.6419 14.3157 17.3188C14.2341 16.7966 14.4097 16.2556 14.7861 15.8855C14.9445 15.7271 15.1327 15.6032 15.3381 15.5217C15.6376 15.3978 15.785 15.0513 15.6674 14.758C15.5435 14.4585 15.2032 14.3111 14.899 14.4287L14.8959 14.4318Z" fill="#FFC200"/>
<path d="M16 0C7.16338 0 0 7.16338 0 16C0 24.8366 7.16338 32 16 32C24.8366 32 32 24.8366 32 16C32 7.16338 24.8366 0 16 0ZM25.8528 14.4914L25.3823 14.562C24.6077 14.6859 23.9679 15.4198 23.9679 16.2054V22.4938L22.3589 20.8848C22.188 20.7139 21.9183 20.7139 21.7426 20.8848L21.5309 21.0965L20.692 20.2576C22.1896 18.0386 21.9653 14.9964 19.9925 13.0299C17.761 10.7984 14.1511 10.7984 11.9196 13.0299C9.68813 15.2614 9.68813 18.8713 11.9196 21.1028C13.8861 23.0693 16.9284 23.3045 19.1473 21.8022L19.9863 22.6412L19.7746 22.8529C19.6036 23.0238 19.6036 23.2935 19.7746 23.4692L22.188 25.8763H9.46545C8.67823 25.8763 8.03215 25.2302 8.03215 24.443V16.2054C8.03215 15.4182 7.39861 14.6796 6.61766 14.562L6.14251 14.4914C5.36783 14.3675 5.20945 13.8453 5.79594 13.3231L14.9258 5.1624C15.5076 4.6402 16.4704 4.6402 17.0569 5.1624L26.1868 13.3231C26.7858 13.8453 26.6275 14.3675 25.8528 14.4914ZM18.3428 19.4468C17.0224 20.7625 14.8897 20.7625 13.5756 19.4468C12.2599 18.1264 12.2599 15.9937 13.5756 14.6796C14.896 13.3592 17.0287 13.3592 18.3428 14.6796C19.6632 15.9953 19.6632 18.1264 18.3428 19.4468Z" fill="#FFC200"/>
</g>
<defs>
<clippath id="clip0_295177_3787">
<rect width="136.195" height="32" fill="white"/>
</clippath>
</defs>
</svg>
<p class="font-semibold text-[18px] text-center lg:text-left mb-8 mt-4">Trouver un professionnel fiable pour ses travaux n’a jamais été aussi simple !</p>
<div class="relative mb-4 flex justify-center lg:justify-start" x-init="document.getElementById('modalfooter').classList.remove('opacity-0')" x-data="{ openLocaleMenu : false, locale : ' (fr)'}">
<div class="rounded-full w-fit bg-white h-[38px] flex items-center justify-between cursor-pointer px-4 border" @click="openLocaleMenu = !openLocaleMenu">
<img class="h-[20px]" src="https://trustup-io-shared-assets.ams3.cdn.digitaloceanspaces.com/images/translations/flags/fr.svg" alt="">
<span class="ml-2">France</span>
<span class="ml-2 uppercase w-fit" x-text="locale"></span>
</div>
<div x-show="openLocaleMenu" id="modalfooter" class="fixed opacity-0 z-50 flex justify-center items-center h-screen w-screen top-0 left-0 overflow-hidden">
<div class="w-full h-full top-0 left-0 absolute bg-black/50 z-10"></div>
<div @click.away="openLocaleMenu = false" class="rounded-[5px] bg-white w-[340px] relative shadow px-[35px] py-[30px] z-20 flex flex-col items-center">
<div class="absolute top-0 flex justify-end p-[20px] w-full"><i @click="openLocaleMenu = false" class="fa-solid cursor-pointer text-[22px] text-[#A2A2A2] fa-xmark"></i></div>
<h3 class="text-[26px] font-semibold mb-4">Choisissez votre pays et langue</h3>
<div class="w-full flex flex-col">
<a x-bind:class="``" class="hover:bg-[#F2F2F2] font-medium p-[15px] text-[15px] flex gap-2 items-center rounded" href="https://trustup.be/fr?switch-lang=be-fr">
<img class="h-[20px]" src="https://trustup-io-shared-assets.ams3.cdn.digitaloceanspaces.com/images/translations/flags/be.svg" alt="">
<span>Belgique</span>
</a>
<a x-bind:class="``" class="hover:bg-[#F2F2F2] font-medium p-[15px] text-[15px] flex gap-2 items-center rounded" href="https://trustup.be/nl?switch-lang=be-nl">
<img class="h-[20px]" src="https://trustup-io-shared-assets.ams3.cdn.digitaloceanspaces.com/images/translations/flags/be.svg" alt="">
<span>België</span>
</a>
<a x-bind:class="`border-2`" class="hover:bg-[#F2F2F2] font-medium p-[15px] text-[15px] flex gap-2 items-center rounded" href="https://trustup.fr/fr?switch-lang=fr-fr">
<img class="h-[20px]" src="https://trustup-io-shared-assets.ams3.cdn.digitaloceanspaces.com/images/translations/flags/fr.svg" alt="">
<span>France</span>
</a>
</div>
</div>
</div>
</div>
<span>Belgique | België | France</span>
</div>
<div>
<div class="font-semibold text-[20px] text-center lg:text-left">Pour les particuliers</div>
<ul class="text-sm flex flex-col gap-2 mt-4 text-center lg:text-left">
<li>
<a target="_blank" href="https://www.trustup.fr/fr">Annuaire des professionnels</a>
</li>
<li>
<a target="_blank" href="https://blog.trustup.be/fr/comment-ca-marche/">Comment ca marche ?</a>
</li>
<li>
<a target="_blank" href="https://blog.trustup.be/fr/">Blog rénovation</a>
</li>
</ul>
</div>
<div>
<div class="font-semibold text-[20px] text-center lg:text-left">Pour les professionnels</div>
<ul class="text-sm flex flex-col gap-2 mt-4 text-center lg:text-left">
<li>
<a target="_blank" href="https://pro.trustup.fr">Trustup Pro</a>
</li>
<li>
<a target="_blank" href="https://pro.trustup.fr/plateforme/">Trouver des chantiers</a>
</li>
<li>
<a target="_blank" href="https://pro.trustup.fr/logiciel-devis-factures-batiment/">Logiciel de facturation</a>
</li>
<li>
<a target="_blank" href="https://pro.trustup.fr/creation-site-web-construction/">Création de site web</a>
</li>
</ul>
</div>
<div>
<div class="font-semibold text-[20px] text-center lg:text-left">A propos</div>
<ul class="text-sm flex flex-col gap-2 mt-4 text-center lg:text-left">
<li>
<a target="_blank" href="https://trustup-group.com/histoire/">Qui sommes-nous ?</a>
</li>
<li>
<a target="_blank" href="https://jobs.trustup.be/">Jobs</a>
</li>
</ul>
</div>
</div>
</div>
<div>
<div class="text-center text-[16px] mb-4">
Copyright 2024 | Trustup.fr - 165 Av. de Bretagne, 59000 Lille, France
</div>
<div class="text-center text-[16px] mb-4">
<a target="_blank" class="underline" href="https://blog.trustup.be/fr/conditions-generales-dutilisation/">Conditions générales d'utilisation</a>-
<a target="_blank" class="underline" href="https://blog.trustup.be/fr/politique-de-confidentialite/">Politique de confidentialité</a>-
<a target="_blank" class="underline" href="https://blog.trustup.be/fr/politique-de-cookies/">Cookies</a>
</div>
</div>
</footer>
</div>
<script>
document.addEventListener('DOMContentLoaded', function() {
const sliders = document.querySelectorAll('[data-draggable="true"]');
let isMouseDown = false;
let startX, scrollLeft;
sliders.forEach(slider => {
slider.addEventListener('mousedown', (e) => {
isMouseDown = true;
slider.setAttribute('data-mousedown', 'true');
startX = e.pageX - slider.offsetLeft;
scrollLeft = slider.scrollLeft;
slider.style.cursor = 'grabbing';
slider.style.userSelect = 'none';
});
slider.addEventListener('mouseleave', () => {
isMouseDown = false;
slider.setAttribute('data-mousedown', 'false');
slider.style.cursor = 'grab';
slider.style.removeProperty('user-select');
});
slider.addEventListener('mouseup', () => {
isMouseDown = false;
slider.setAttribute('data-mousedown', 'false');
slider.style.cursor = 'grab';
slider.style.removeProperty('user-select');
});
slider.addEventListener('mousemove', (e) => {
if (!isMouseDown) return;
e.preventDefault();
const x = e.pageX - slider.offsetLeft;
const walk = (x - startX) * 2; // multiplier par 2 pour augmenter la vitesse de défilement
slider.scrollLeft = scrollLeft - walk;
});
slider.addEventListener('mouseenter', () => {
slider.style.cursor = 'grab';
});
});
});
</script>
</div>
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
<script type="text/javascript" src="https://www.trustup.fr/js/app.8224a877c27568e392281aeba740255d.js"></script>
<script src="https://kit.fontawesome.com/5f8a0c88f2.js"></script>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDhSsZYZLkPQ95xIbelqhmvnU7GZEn7tG8&libraries=places&language=fr"></script>
<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '457376961902965');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=457376961902965&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<!-- Hotjar Tracking Code for https://v2.trustup.be -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:988661,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<!-- Intercom -->
<script>
window.intercomSettings = {
app_id: "tc6gry0c",
domain: window.location.hostname,
tag: 'trustup',
hide_default_launcher: true
};
</script>
<script>(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/tc6gry0c';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()</script>
<script type="text/javascript">
adroll_adv_id = "";
adroll_pix_id = "";
(function () {
var _onload = function(){
if (document.readyState && !/loaded|complete/.test(document.readyState)){setTimeout(_onload, 10);return}
if (!window.__adroll_loaded){__adroll_loaded=true;setTimeout(_onload, 50);return}
var scr = document.createElement("script");
var host = (("https:" == document.location.protocol) ? "https://s.adroll.com" : "http://a.adroll.com");
scr.setAttribute('async', 'true');
scr.type = "text/javascript";
scr.src = host + "/j/roundtrip.js";
((document.getElementsByTagName('head') || [null])[0] ||
document.getElementsByTagName('script')[0].parentNode).appendChild(scr);
};
if (window.addEventListener) {window.addEventListener('load', _onload, false);}
else {window.attachEvent('onload', _onload)}
}());
</script>
<!-- Microsoft Clarity -->
<script type="text/javascript">
(function(c,l,a,r,i,t,y){
c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
})(window, document, "clarity", "script", "ftmqms4mw1");
</script>
<script type="text/javascript">
window.pusher_key = '1712c7f5a81dd4fcd277';
window.facebook_id = '430318370494062';
window.google_maps_key = 'AIzaSyDhSsZYZLkPQ95xIbelqhmvnU7GZEn7tG8';
window.google_adwords = [{"id":"855686520","events":{"new-global-quote":"vQWRCKX5nakBEPj6gpgD","new-direct-quote":"Nc2ACLayn6kBEPj6gpgD","new-message":"CfwdCITqq6kBEPj6gpgD","professional-phone-clicked":"PFuQCNnVo6kBEPj6gpgD"}},{"id":"417716973","events":{"new-global-quote":"fYfICIqKp_cBEO21l8cB","new-direct-quote":"GOd7CPnm5PcBEO21l8cB","new-message":"mH9ICM3n5PcBEO21l8cB","professional-phone-clicked":"cRykCODg7fcBEO21l8cB"}},{"id":"370898768","events":{"new-global-quote":"DhesCICD95ECENDu7bAB","new-direct-quote":"cOHPCPGC95ECENDu7bAB","new-message":"X7fMCIjTlpICENDu7bAB","professional-phone-clicked":"LCqOCPaZ95ECENDu7bAB"}}];
window.google_analytics = {
id: 'UA-80372127-1',
dimensions: {"form-type":1,"url":2,"professional-id":4,"user-id":6,"object-id":7} };
window.google_recaptcha_key = '6LdTH6waAAAAAAs2D9crbOvN0Rc4VmVk5thXXe5A';
window.base_url = 'https://www.trustup.fr';
window.current = {
country_code: 'fr',
locale: 'fr-fr',
locale_without_country_code: 'fr',
languages: {"be-de":{"name":"German","script":"Latn","native":"Deutsch","regional":"de_BE","current":false,"url":"https:\/\/www.trustup.fr\/de"},"nl-nl":{"name":"German","script":"Latn","native":"Nederlands","regional":"nl_NL","current":false,"url":"https:\/\/www.trustup.fr\/nl"},"fr-fr":{"name":"German","script":"Latn","native":"Fran\u00e7ais","regional":"fr_FR","current":true,"url":"https:\/\/www.trustup.fr\/fr"},"be-en":{"name":"English","script":"Latn","native":"English","regional":"en_GB","current":false,"url":"https:\/\/www.trustup.fr\/en"},"fr-en":{"name":"English","script":"Latn","native":"English","regional":"en_GB","current":false,"url":"https:\/\/www.trustup.fr\/en"},"nl-en":{"name":"English","script":"Latn","native":"English","regional":"en_GB","current":false,"url":"https:\/\/www.trustup.fr\/en"},"be-fr":{"name":"French","script":"Latn","native":"fran\u00e7ais","regional":"fr_BE","current":false,"url":"https:\/\/www.trustup.fr\/fr"},"be-nl":{"name":"Dutch","script":"Latn","native":"Nederlands","regional":"nl_NL","current":false,"url":"https:\/\/www.trustup.fr\/nl"}},
user: null,
professional: null,
location: null,
ip: '155.133.132.65',
is_impersonating: false,
search: {
attributes: {
professional: ["company","slug"],
workfield: ["title","title_plural","slug","slug_plural","job","job_plural","keywords","fa_icon"] }
},
routes: {
search: {
request: "https://www.trustup.fr/fr/entreprises",
show: "https://www.trustup.fr/fr/entreprises/:workfield",
city: "https://www.trustup.fr/fr/entreprises/:workfield/a-:city"
},
professional: "https://www.trustup.fr/fr/entreprise/:professional",
quote: "https://www.trustup.fr/fr/devis"
}
};
window.algolia = {
id: "F2LITYWQM7",
secret: "ce9cdabd0fb260f0018421fe70eef764",
prefix: "prod_",
};
</script> <script type="text/javascript">
window.fbAsyncInit = function() {
FB.init({
appId : window.facebook_id,
cookie : true,
xfbml : true,
version : 'v10.0',
channelUrl: "https://www.trustup.fr/channel.html"
});
FB.AppEvents.logPageView();
};
(function(d, s, id){
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "https://connect.facebook.net/en_US/sdk.js";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<script>
document.addEventListener("DOMContentLoaded", function() {
const lazyBackgrounds = document.querySelectorAll('[data-src]');
lazyBackgrounds.forEach(function(element) {
const src = element.getAttribute('data-src');
if(element.style.backgroundImage){
element.style.backgroundImage = `url('${src}')`;
}
if(element.src) {
element.src = src
}
});
});
</script> <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v8c78df7c7c0f484497ecbca7046644da1771523124516" integrity="sha512-8DS7rgIrAmghBFwoOTujcf6D9rXvH8xm8JQ1Ja01h9QX8EzXldiszufYa4IFfKdLUKTTrnSFXLDkUEOTrZQ8Qg==" data-cf-beacon='{"version":"2024.11.0","token":"8a2dce3ba91149449be9795f956d7823","server_timing":{"name":{"cfCacheStatus":true,"cfEdge":true,"cfExtPri":true,"cfL4":true,"cfOrigin":true,"cfSpeedBrain":true},"location_startswith":null}}' crossorigin="anonymous"></script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9efb1bf0bef0025b',t:'MTc3Njc2MTA5MA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
<script>
var lastCheck = new Date();
var caffeineSendDrip = function () {
var ajax = window.XMLHttpRequest
? new XMLHttpRequest
: new ActiveXObject('Microsoft.XMLHTTP');
ajax.onreadystatechange = function () {
if (ajax.readyState === 4 && ajax.status === 204) {
lastCheck = new Date();
}
};
ajax.open('GET', 'https://www.trustup.fr/genealabs/laravel-caffeine/drip');
ajax.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
ajax.send();
};
setInterval(function () {
caffeineSendDrip();
}, 300000);
if (2000 > 0) {
setInterval(function () {
if (new Date() - lastCheck >= 7082000) {
location.reload(true);
}
}, 2000);
}
</script>
</html>
