{"id":7929,"date":"2025-12-22T17:22:18","date_gmt":"2025-12-22T16:22:18","guid":{"rendered":"https:\/\/www.groupegruau.com\/la-rete-gruau\/"},"modified":"2026-05-22T15:23:48","modified_gmt":"2026-05-22T13:23:48","slug":"la-rete-gruau","status":"publish","type":"page","link":"https:\/\/www.groupegruau.com\/it\/la-rete-gruau\/","title":{"rendered":"La rete Gruau"},"content":{"rendered":"<section id=\"carte\" data-block-id=\"block_46553b9be1e8195224f557181dad0861\" class=\"titreh2-block bloc-h2\">\n    <div class=\"container\">\n        <div class=\"wrapper\">\n            <div class=\"flex-1\">\n                <p class=\"tagline\">I distributori Gruau<\/p>\n                <h2 class=\"heading-2 underlined\">Trova il distributore pi\u00f9 vicino a te<\/h2>\n            <\/div>\n            <div class=\"flex-1 text\">\n                <h3><strong>Gruau \u00e8 una rete di carrozzieri distribuita in tutta la Francia per un montaggio rapido, consigli di qualit\u00e0 e un servizio post-vendita vicino a te.<\/strong><\/h3>\n<p>&nbsp;<\/p>\n<h3>La nostra rete di specialisti e i punti di prossimit\u00e0 Gruau sono presenti per consigliarti e supportarti:<\/h3>\n<ul>\n<li>Per l&#8217;immatricolazione del veicolo<\/li>\n<li>Durante le dimostrazioni di veicoli trasformati<\/li>\n<li>Nella scelta di opzioni e accessori<\/li>\n<\/ul>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section id=\"\" data-block-id=\"block_a5ed734a755371d0ae6bafd6f2bb4522\" 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                    Mappa                <\/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                    Lista                <\/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=\"Cerca un indirizzo\"\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\">Contatto di prossimit\u00e0 Gruau<\/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                            <p class=\"text-gray-600\">Manager r\u00e9seau Sud-Ouest<\/p>                                                            <a href=\"mailto:mickael.tocreau@gruau.com\" class=\"text-indigo-600 hover:underline mt-1\">Invia un messaggio<\/a>\n                                                    <\/div>\n                    <\/div>\n                                    \n                    <h2 class=\"heading-3 mb-4\">Contatto di prossimit\u00e0 Gruau<\/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                            <p class=\"text-gray-600\">Manager R\u00e9seau Nord-Est<\/p>                                                            <a href=\"mailto:laurent.virot@gruau.com\" class=\"text-indigo-600 hover:underline mt-1\">Invia un messaggio<\/a>\n                                                    <\/div>\n                    <\/div>\n                                    \n                    <h2 class=\"heading-3 mb-4\">Contatto di prossimit\u00e0 Gruau<\/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                            <p class=\"text-gray-600\">Manager R\u00e9seau Ile-de-France<\/p>                                                            <a href=\"mailto:julien.guillemot@gruau.com\" class=\"text-indigo-600 hover:underline mt-1\">Invia un messaggio<\/a>\n                                                    <\/div>\n                    <\/div>\n                                    \n                    <h2 class=\"heading-3 mb-4\">Contatto di prossimit\u00e0 Gruau<\/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                            <p class=\"text-gray-600\">Manager r\u00e9seau Sud-Est<\/p>                                                            <a href=\"mailto:dorothee.elkeletian@gruau.com\" class=\"text-indigo-600 hover:underline mt-1\">Invia un messaggio<\/a>\n                                                    <\/div>\n                    <\/div>\n                                    \n                    <h2 class=\"heading-3 mb-4\">Contatto di prossimit\u00e0 Gruau<\/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                            <p class=\"text-gray-600\">Manager r\u00e9seau Nord-Ouest<\/p>                                                            <a href=\"mailto:davy.coutaud@gruau.com\" class=\"text-indigo-600 hover:underline mt-1\">Invia un messaggio<\/a>\n                                                    <\/div>\n                    <\/div>\n                                                <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":7930,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-7929","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":{"mini_description":"La rete Gruau"},"_links":{"self":[{"href":"https:\/\/www.groupegruau.com\/it\/wp-json\/wp\/v2\/pages\/7929","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.groupegruau.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.groupegruau.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.groupegruau.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.groupegruau.com\/it\/wp-json\/wp\/v2\/comments?post=7929"}],"version-history":[{"count":2,"href":"https:\/\/www.groupegruau.com\/it\/wp-json\/wp\/v2\/pages\/7929\/revisions"}],"predecessor-version":[{"id":12034,"href":"https:\/\/www.groupegruau.com\/it\/wp-json\/wp\/v2\/pages\/7929\/revisions\/12034"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.groupegruau.com\/it\/wp-json\/wp\/v2\/media\/7930"}],"wp:attachment":[{"href":"https:\/\/www.groupegruau.com\/it\/wp-json\/wp\/v2\/media?parent=7929"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}