{"id":5906,"date":"2025-12-31T10:46:55","date_gmt":"2025-12-31T09:46:55","guid":{"rendered":"https:\/\/www.groupegruau.com\/our-locations\/"},"modified":"2026-03-10T17:29:31","modified_gmt":"2026-03-10T16:29:31","slug":"our-locations","status":"publish","type":"page","link":"https:\/\/www.groupegruau.com\/en\/our-locations\/","title":{"rendered":"Our Locations"},"content":{"rendered":"<section id=\"\" data-block-id=\"block_650aa17dcfabfd90df95a0d6b30d7eed\" class=\"titreh2-block bloc-h2\">\n    <div class=\"container\">\n        <div class=\"wrapper\">\n            <div class=\"flex-1\">\n                <p class=\"tagline\">16 production sites<\/p>\n                <h2 class=\"heading-2 underlined\">Unmatched industrial capacity<\/h2>\n            <\/div>\n            <div class=\"flex-1 text\">\n                <p>As the European multi-specialist leader in Light Commercial Vehicle, Gruau Group stands out for its unmatched industrial capacity, built over the years through external and organic growth operations.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>\n\n<section id=\"\" data-block-id=\"block_ab50af8c1a053eccce1452bba5dee834\" class=\"implantations-block bloc-implantations 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                <!-- Map -->\n                <div id=\"map-implantations\" 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                 <h2 class=\"heading-3 mb-4\">Gruau locations<\/h2>\n                                            <div class=\"distributeurs bg-ui-brand-subtle-background p-6 rounded-lg mb-12\">\n                            <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6\">\n                                                                    <div class=\"distributeur bg-white shadow-md rounded-lg p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300\">\n                                        <h3 class=\"text-lg font-semibold mb-2 text-gray-800\">Gruau Paris<\/h3>\n                                        <p class=\"text-gray-600 mb-2\">\n                                            <br>\n                                                                                     <\/p>\n                                                                                                                    <\/div>\n                                                                    <div class=\"distributeur bg-white shadow-md rounded-lg p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300\">\n                                        <h3 class=\"text-lg font-semibold mb-2 text-gray-800\">Gruau Le Mans<\/h3>\n                                        <p class=\"text-gray-600 mb-2\">\n                                            <br>\n                                                                                     <\/p>\n                                                                                                                    <\/div>\n                                                                    <div class=\"distributeur bg-white shadow-md rounded-lg p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300\">\n                                        <h3 class=\"text-lg font-semibold mb-2 text-gray-800\">Gruau Tours<\/h3>\n                                        <p class=\"text-gray-600 mb-2\">\n                                            <br>\n                                                                                     <\/p>\n                                                                                                                    <\/div>\n                                                                    <div class=\"distributeur bg-white shadow-md rounded-lg p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300\">\n                                        <h3 class=\"text-lg font-semibold mb-2 text-gray-800\">Sortimo by Gruau<\/h3>\n                                        <p class=\"text-gray-600 mb-2\">\n                                            <br>\n                                                                                     <\/p>\n                                                                                                                    <\/div>\n                                                                    <div class=\"distributeur bg-white shadow-md rounded-lg p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300\">\n                                        <h3 class=\"text-lg font-semibold mb-2 text-gray-800\">Gruau Vend\u00e9e<\/h3>\n                                        <p class=\"text-gray-600 mb-2\">\n                                            <br>\n                                                                                     <\/p>\n                                                                                                                    <\/div>\n                                                                    <div class=\"distributeur bg-white shadow-md rounded-lg p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300\">\n                                        <h3 class=\"text-lg font-semibold mb-2 text-gray-800\">Gruau Poland<\/h3>\n                                        <p class=\"text-gray-600 mb-2\">\n                                            <br>\n                                                                                     <\/p>\n                                                                                                                    <\/div>\n                                                                    <div class=\"distributeur bg-white shadow-md rounded-lg p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300\">\n                                        <h3 class=\"text-lg font-semibold mb-2 text-gray-800\">Argentan Oatmeal<\/h3>\n                                        <p class=\"text-gray-600 mb-2\">\n                                            <br>\n                                                                                     <\/p>\n                                                                                                                    <\/div>\n                                                                    <div class=\"distributeur bg-white shadow-md rounded-lg p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300\">\n                                        <h3 class=\"text-lg font-semibold mb-2 text-gray-800\">Lorraine Oatmeal<\/h3>\n                                        <p class=\"text-gray-600 mb-2\">\n                                            <br>\n                                                                                     <\/p>\n                                                                                                                    <\/div>\n                                                                    <div class=\"distributeur bg-white shadow-md rounded-lg p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300\">\n                                        <h3 class=\"text-lg font-semibold mb-2 text-gray-800\">Gruau Laval &#8211; Head Office<\/h3>\n                                        <p class=\"text-gray-600 mb-2\">\n                                            <br>\n                                                                                     <\/p>\n                                                                                                                    <\/div>\n                                                                    <div class=\"distributeur bg-white shadow-md rounded-lg p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300\">\n                                        <h3 class=\"text-lg font-semibold mb-2 text-gray-800\">Gruau Lyon &#8211; Lan\u00e9ry by Gruau<\/h3>\n                                        <p class=\"text-gray-600 mb-2\">\n                                            <br>\n                                                                                     <\/p>\n                                                                                                                    <\/div>\n                                                                    <div class=\"distributeur bg-white shadow-md rounded-lg p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300\">\n                                        <h3 class=\"text-lg font-semibold mb-2 text-gray-800\">Labb\u00e9 by Gruau<\/h3>\n                                        <p class=\"text-gray-600 mb-2\">\n                                            <br>\n                                                                                     <\/p>\n                                                                                                                    <\/div>\n                                                                    <div class=\"distributeur bg-white shadow-md rounded-lg p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300\">\n                                        <h3 class=\"text-lg font-semibold mb-2 text-gray-800\">Gruau Italy<\/h3>\n                                        <p class=\"text-gray-600 mb-2\">\n                                            <br>\n                                                                                     <\/p>\n                                                                                                                    <\/div>\n                                                                    <div class=\"distributeur bg-white shadow-md rounded-lg p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300\">\n                                        <h3 class=\"text-lg font-semibold mb-2 text-gray-800\">Oatmeal Algeria<\/h3>\n                                        <p class=\"text-gray-600 mb-2\">\n                                            <br>\n                                                                                     <\/p>\n                                                                                                                    <\/div>\n                                                                    <div class=\"distributeur bg-white shadow-md rounded-lg p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300\">\n                                        <h3 class=\"text-lg font-semibold mb-2 text-gray-800\">Gruau Polska<\/h3>\n                                        <p class=\"text-gray-600 mb-2\">\n                                            <br>\n                                                                                     <\/p>\n                                                                                                                    <\/div>\n                                                                    <div class=\"distributeur bg-white shadow-md rounded-lg p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300\">\n                                        <h3 class=\"text-lg font-semibold mb-2 text-gray-800\">Gruau Grenoble<\/h3>\n                                        <p class=\"text-gray-600 mb-2\">\n                                            <br>\n                                                                                     <\/p>\n                                                                                                                    <\/div>\n                                                                    <div class=\"distributeur bg-white shadow-md rounded-lg p-6 flex flex-col justify-between hover:shadow-lg transition-shadow duration-300\">\n                                        <h3 class=\"text-lg font-semibold mb-2 text-gray-800\">Onnicar by Gruau<\/h3>\n                                        <p class=\"text-gray-600 mb-2\">\n                                            <br>\n                                                                                     <\/p>\n                                                                                                                    <\/div>\n                                                            <\/div>\n                        <\/div>\n                                <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":7,"featured_media":5908,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5906","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":{"mini_description":"Unmatched industrial capacity"},"_links":{"self":[{"href":"https:\/\/www.groupegruau.com\/en\/wp-json\/wp\/v2\/pages\/5906","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\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.groupegruau.com\/en\/wp-json\/wp\/v2\/comments?post=5906"}],"version-history":[{"count":5,"href":"https:\/\/www.groupegruau.com\/en\/wp-json\/wp\/v2\/pages\/5906\/revisions"}],"predecessor-version":[{"id":6955,"href":"https:\/\/www.groupegruau.com\/en\/wp-json\/wp\/v2\/pages\/5906\/revisions\/6955"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.groupegruau.com\/en\/wp-json\/wp\/v2\/media\/5908"}],"wp:attachment":[{"href":"https:\/\/www.groupegruau.com\/en\/wp-json\/wp\/v2\/media?parent=5906"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}