{"id":6047,"date":"2025-12-22T17:22:18","date_gmt":"2025-12-22T16:22:18","guid":{"rendered":"https:\/\/www.groupegruau.com\/the-gruau-network\/"},"modified":"2026-02-24T15:57:49","modified_gmt":"2026-02-24T14:57:49","slug":"the-gruau-network","status":"publish","type":"page","link":"https:\/\/www.groupegruau.com\/en\/the-gruau-network\/","title":{"rendered":"The Gruau Network"},"content":{"rendered":"<section id=\"carte\" data-block-id=\"block_8bc281762e99cc2b460af68eea84cba1\" class=\"titreh2-block bloc-h2\">\n    <div class=\"container\">\n        <div class=\"wrapper\">\n            <div class=\"flex-1\">\n                <p class=\"tagline\">Gruau distributors<\/p>\n                <h2 class=\"heading-2 underlined\">Find your nearest distributor<\/h2>\n            <\/div>\n            <div class=\"flex-1 text\">\n                <h3><strong>Gruau is a network of coachbuilders located throughout France, offering fast installation, expert advice, and local after-sales service.<\/strong><\/h3>\n<p>&nbsp;<\/p>\n<h3>Our network of specialists and Gruau local service points are available to advise and support you:<\/h3>\n<ul>\n<li>For vehicle commissioning<\/li>\n<li>During demonstrations of converted vehicles<\/li>\n<li>In your choice of options and accessories<\/li>\n<\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section id=\"\" data-block-id=\"block_95eb03fb2200bb5af8cc8488d00bf163\" class=\"agences-block bloc-agence py-12\">\n    <div class=\"container\">\n        <div x-data=\"{ activeTab: 'map' }\" class=\"relative\">\n\n            <!-- Onglets anim\u00e9s -->\n            <div class=\"flex border-b border-gray-200 relative mb-6\">\n                <button x-ref=\"mapTab\" @click=\"activeTab='map'\"\n                        :class=\"activeTab==='map'?'text-archives-brand-bleu-marine-dark font-semibold':'text-gray-600'\"\n                        class=\"px-4 py-2 rounded-full relative z-10 transition-colors duration-300\">\n                    Map                <\/button>\n                <button x-ref=\"listTab\" @click=\"activeTab='list'\"\n                        :class=\"activeTab==='list'?'text-archives-brand-bleu-marine-dark font-semibold':'text-gray-600'\"\n                        class=\"px-4 py-2 rounded-full relative z-10 transition-colors duration-300\">\n                    List                <\/button>\n\n                <span class=\"absolute bottom-0 h-1 bg-archives-brand-bleu-marine-dark transition-all duration-300 ease-in-out\"\n                      :style=\"activeTab==='map' ? 'left:0;width:'+ $refs.mapTab.offsetWidth+'px':'left:'+ $refs.listTab.offsetLeft+'px;width:'+ $refs.listTab.offsetWidth+'px'\">\n                <\/span>\n            <\/div>\n\n            <!-- Contenu Carte -->\n            <div x-show=\"activeTab === 'map'\" class=\"relative w-full h-[500px] lg:h-[600px]\">\n                <!-- Recherche -->\n                <input id=\"pac-input\" type=\"text\"\n                       placeholder=\"Search for an address\"\n                       class=\"absolute top-4 left-1\/2 -translate-x-1\/2 z-20 w-11\/12 max-w-lg p-2 border border-gray-300 rounded shadow-md focus:outline-none focus:ring-2 focus:ring-indigo-500\"\n                \/>\n                <!-- Map -->\n                <div id=\"map-agences\" class=\"w-full h-full\"><\/div>\n\n                <aside id=\"map-panel\"\n                       class=\"absolute bg-ui-brand-subtle-background top-0 right-0 h-full lg:w-150 max-w-[500px] shadow-lg transform translate-x-full transition-transform duration-300 z-30 p-6 flex flex-col pointer-events-auto\"\n                       style=\"display: none;\">\n                    <button id=\"map-panel-close\" class=\"self-end text-2xl font-bold text-gray-700 hover:text-gray-900\" aria-label=\"Fermer\">\u00d7<\/button>\n                    <div class=\"map-panel-content mt-4 text-sm text-gray-800 flex-1 overflow-y-auto\"><\/div>\n                <\/aside>\n\n            <\/div>\n\n            <!-- Contenu Liste -->\n            <div x-show=\"activeTab === 'list'\">\n                \n                    <h2 class=\"heading-3 mb-4\">Local Gruau contact<\/h2>\n\n                    <div class=\"contact flex flex-col md:flex-row items-start gap-4 bg-white rounded-lg shadow-md p-6 hover:shadow-lg transition-shadow duration-300 mb-6\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.groupegruau.com\/app\/uploads\/2025\/12\/mickael-tocreau-grand-fond.webp\"\n                                 alt=\"Micka\u00ebl TOCREAU\"\n                                 class=\"w-24 h-24 object-cover rounded\">\n                                                <div class=\"flex-1 flex flex-col justify-start\">\n                            <p class=\"font-semibold text-archives-brand-bleu-marine\">Micka\u00ebl TOCREAU<\/p>\n                                                                                <\/div>\n                    <\/div>\n                                    \n                    <h2 class=\"heading-3 mb-4\">Local Gruau contact<\/h2>\n\n                    <div class=\"contact flex flex-col md:flex-row items-start gap-4 bg-white rounded-lg shadow-md p-6 hover:shadow-lg transition-shadow duration-300 mb-6\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.groupegruau.com\/app\/uploads\/2025\/12\/Laurent-Virot-Fevrier-2025-redimensionne.webp\"\n                                 alt=\"Laurent VIROT\"\n                                 class=\"w-24 h-24 object-cover rounded\">\n                                                <div class=\"flex-1 flex flex-col justify-start\">\n                            <p class=\"font-semibold text-archives-brand-bleu-marine\">Laurent VIROT<\/p>\n                                                                                <\/div>\n                    <\/div>\n                                    \n                    <h2 class=\"heading-3 mb-4\">Local Gruau contact<\/h2>\n\n                    <div class=\"contact flex flex-col md:flex-row items-start gap-4 bg-white rounded-lg shadow-md p-6 hover:shadow-lg transition-shadow duration-300 mb-6\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.groupegruau.com\/app\/uploads\/2025\/12\/Julien-Guillemot-2025-MR-IDF.webp\"\n                                 alt=\"Julien GUILLEMOT\"\n                                 class=\"w-24 h-24 object-cover rounded\">\n                                                <div class=\"flex-1 flex flex-col justify-start\">\n                            <p class=\"font-semibold text-archives-brand-bleu-marine\">Julien GUILLEMOT<\/p>\n                                                                                <\/div>\n                    <\/div>\n                                    \n                    <h2 class=\"heading-3 mb-4\">Local Gruau contact<\/h2>\n\n                    <div class=\"contact flex flex-col md:flex-row items-start gap-4 bg-white rounded-lg shadow-md p-6 hover:shadow-lg transition-shadow duration-300 mb-6\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.groupegruau.com\/app\/uploads\/2025\/12\/Dorothee-Elkeletian.webp\"\n                                 alt=\"Doroth\u00e9e ELKELETIAN\"\n                                 class=\"w-24 h-24 object-cover rounded\">\n                                                <div class=\"flex-1 flex flex-col justify-start\">\n                            <p class=\"font-semibold text-archives-brand-bleu-marine\">Doroth\u00e9e ELKELETIAN<\/p>\n                                                                                <\/div>\n                    <\/div>\n                                    \n                    <h2 class=\"heading-3 mb-4\">Local Gruau contact<\/h2>\n\n                    <div class=\"contact flex flex-col md:flex-row items-start gap-4 bg-white rounded-lg shadow-md p-6 hover:shadow-lg transition-shadow duration-300 mb-6\">\n                                                    <img decoding=\"async\" src=\"https:\/\/www.groupegruau.com\/app\/uploads\/2025\/12\/Davy-Couteau-Mars-2024.webp\"\n                                 alt=\"Davy COUTAUD\"\n                                 class=\"w-24 h-24 object-cover rounded\">\n                                                <div class=\"flex-1 flex flex-col justify-start\">\n                            <p class=\"font-semibold text-archives-brand-bleu-marine\">Davy COUTAUD<\/p>\n                                                                                <\/div>\n                    <\/div>\n                                                <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":6048,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-6047","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":{"mini_description":"The Gruau Network"},"_links":{"self":[{"href":"https:\/\/www.groupegruau.com\/en\/wp-json\/wp\/v2\/pages\/6047","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.groupegruau.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.groupegruau.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.groupegruau.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.groupegruau.com\/en\/wp-json\/wp\/v2\/comments?post=6047"}],"version-history":[{"count":2,"href":"https:\/\/www.groupegruau.com\/en\/wp-json\/wp\/v2\/pages\/6047\/revisions"}],"predecessor-version":[{"id":6050,"href":"https:\/\/www.groupegruau.com\/en\/wp-json\/wp\/v2\/pages\/6047\/revisions\/6050"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.groupegruau.com\/en\/wp-json\/wp\/v2\/media\/6048"}],"wp:attachment":[{"href":"https:\/\/www.groupegruau.com\/en\/wp-json\/wp\/v2\/media?parent=6047"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}