{"id":1487,"date":"2025-10-06T14:44:05","date_gmt":"2025-10-06T12:44:05","guid":{"rendered":"https:\/\/groupe-grim.com\/xpeng\/?p=1487"},"modified":"2026-02-03T14:22:31","modified_gmt":"2026-02-03T13:22:31","slug":"interieur-nouveau-xpeng-g6-2","status":"publish","type":"post","link":"https:\/\/groupe-grim.com\/xpeng\/nouveau-xpeng-g6-2025\/interieur-nouveau-xpeng-g6-2\/","title":{"rendered":"Int\u00e9rieur nouveau XPENG G6 : un habitacle raffin\u00e9 en gris fonc\u00e9 ou gris clair"},"content":{"rendered":"\n<p>Le <strong><a href=\"https:\/\/groupe-grim.com\/xpeng\/nouveau-xpeng-g6-2025\/\">nouveau XPENG G6<\/a><\/strong> s\u00e9duit d\u00e9j\u00e0 par son design ext\u00e9rieur futuriste et ses lignes dynamiques. Mais ce qui fait aussi la force de ce SUV 100 % \u00e9lectrique, c\u2019est son habitacle. XPENG a accord\u00e9 une attention particuli\u00e8re \u00e0 l\u2019int\u00e9rieur du v\u00e9hicule, en privil\u00e9giant des mat\u00e9riaux de qualit\u00e9, une ergonomie moderne et une ambiance visuelle qui refl\u00e8te le positionnement premium de la marque.<\/p>\n\n\n\n<p>Le constructeur propose deux couleurs pour l\u2019int\u00e9rieur du nouveau XPENG G6 : le <strong>gris fonc\u00e9<\/strong> et le <strong>gris clair<\/strong>. Ces teintes sobres et \u00e9l\u00e9gantes sont pens\u00e9es pour sublimer l\u2019espace et offrir aux conducteurs comme aux passagers une exp\u00e9rience \u00e0 la fois confortable et sophistiqu\u00e9e.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:18px\"><strong>INT\u00c9RIEUR NOUVEAU XPENG G6 : PENS\u00c9 POUR LE CONFORT ET LA MODERNIT\u00c9<\/strong><\/h2>\n\n\n\n<p>Avant m\u00eame de parler des couleurs, il faut souligner l\u2019approche de XPENG dans la conception du nouveau G6. L\u2019habitacle met en avant des mat\u00e9riaux de qualit\u00e9, des finitions pr\u00e9cises et un design \u00e9pur\u00e9, centr\u00e9 sur l\u2019exp\u00e9rience utilisateur. Les \u00e9crans, la connectivit\u00e9 et l\u2019\u00e9clairage int\u00e9rieur renforcent la modernit\u00e9, tandis que la palette de couleurs choisie apporte une touche de personnalit\u00e9.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:18px\"><strong>INT\u00c9RIEUR NOUVEAU XPENG G6 : GRIS FONC\u00c9 &#8211; \u00c9L\u00c9GANCE ET CARACT\u00c8RE<\/strong><\/h2>\n\n\n\n<p>Le <strong>gris fonc\u00e9<\/strong> est une teinte qui inspire le s\u00e9rieux, le prestige et la sobri\u00e9t\u00e9. Dans le nouveau XPENG G6, elle conf\u00e8re une ambiance feutr\u00e9e, parfaite pour les conducteurs qui privil\u00e9gient la discr\u00e9tion et la sophistication.<\/p>\n\n\n\n<p>Cette finition fonc\u00e9e met en valeur les \u00e9l\u00e9ments lumineux de l\u2019habitacle et accentue les contrastes avec les \u00e9crans digitaux. Elle donne une impression de cocon protecteur, id\u00e9ale pour les trajets urbains comme pour les longs voyages.<\/p>\n\n\n\n<p>Le gris fonc\u00e9 est \u00e9galement pratique au quotidien, car il marque moins les petites traces et s\u2019entretient facilement, tout en gardant une allure haut de gamme.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><picture><img src=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g6-gris-fonce-1024x496.jpg\" alt=\"interieur-nouveau-xpeng-g6-gris-fonce\" width=\"1024\" height=\"496\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-1508\" title=\"interieur-nouveau-xpeng-g6-gris-fonce\" srcset=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g6-gris-fonce-768x372.jpg 768w, https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g6-gris-fonce.jpg 1300w\" sizes=\"100vw\"><\/picture><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:18px\"><strong>INT\u00c9RIEUR NOUVEAU XPENG G6 : GRIS CLAIR &#8211; LUMINOSIT\u00c9 ET ESPACE<\/strong><\/h2>\n\n\n\n<p>\u00c0 l\u2019oppos\u00e9, le <strong>gris clair<\/strong> apporte une atmosph\u00e8re plus lumineuse et a\u00e9r\u00e9e. Cette couleur donne une impression d\u2019espace et de modernit\u00e9, en soulignant le c\u00f4t\u00e9 minimaliste du design int\u00e9rieur du G6.<\/p>\n\n\n\n<p>Le gris clair est particuli\u00e8rement appr\u00e9ci\u00e9 pour son \u00e9l\u00e9gance et sa capacit\u00e9 \u00e0 mettre en valeur la technologie embarqu\u00e9e. Il refl\u00e8te davantage la lumi\u00e8re naturelle, cr\u00e9ant ainsi une ambiance apaisante et ouverte. Pour les conducteurs qui aiment la clart\u00e9 et la puret\u00e9 dans leur habitacle, c\u2019est une option id\u00e9ale.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large\"><picture><img src=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g6-gris-clair-1024x496.jpg\" alt=\"interieur-nouveau-xpeng-g6-gris-clair\" width=\"1024\" height=\"496\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-1510\" title=\"interieur-nouveau-xpeng-g6-gris-clair\" srcset=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g6-gris-clair-768x372.jpg 768w, https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g6-gris-clair.jpg 1300w\" sizes=\"100vw\"><\/picture><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:18px\"><strong>INT\u00c9RIEUR NOUVEAU XPENG G6 : DEUX TEINTES, DEUX AMBIANCES COMPL\u00c9MENTAIRES<\/strong><\/h2>\n\n\n\n<p>En proposant uniquement deux teintes \u2013 <strong>gris fonc\u00e9 et gris clair<\/strong> \u2013 <a href=\"https:\/\/www.xpeng.com\/fr\" target=\"_blank\" rel=\"noopener\">XPENG<\/a> fait le choix de la simplicit\u00e9 et de la coh\u00e9rence. Ces deux couleurs permettent de r\u00e9pondre aux attentes de profils diff\u00e9rents, sans multiplier inutilement les d\u00e9clinaisons.<\/p>\n\n\n\n<p><\/p>\n\n\n\n<p>Int\u00e9rieur nouveau XPENG G6 : <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Le <strong>gris fonc\u00e9<\/strong> s\u2019adresse \u00e0 ceux qui veulent un habitacle statutaire, chic et discret.<\/li>\n\n\n\n<li>Le <strong>gris clair<\/strong> s\u00e9duira les conducteurs qui recherchent une ambiance lumineuse et moderne.<\/li>\n<\/ul>\n\n\n\n<p>Dans les deux cas, XPENG met en avant un int\u00e9rieur premium, o\u00f9 chaque d\u00e9tail contribue \u00e0 cr\u00e9er une exp\u00e9rience unique.<\/p>\n\n\n\n<div style=\"height:15px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:18px\"><strong>INT\u00c9RIEUR NOUVEAU XPENG G6 : UN INT\u00c9RIEUR EN HARMONIE AVEC L&rsquo;EXT\u00c9RIEUR<\/strong><\/h2>\n\n\n\n<p>Le choix des teintes int\u00e9rieures s\u2019accorde parfaitement avec la <a href=\"https:\/\/groupe-grim.com\/xpeng\/couleurs-nouveau-xpeng-g6\/\">palette ext\u00e9rieure<\/a> du nouveau XPENG G6. Les couleurs sobres et \u00e9l\u00e9gantes du SUV \u2013 Arctic White, Silver Frost, Graphite Gray, Kaitoke Green Matte et Midnight Black \u2013 trouvent un \u00e9cho naturel dans la simplicit\u00e9 raffin\u00e9e du gris fonc\u00e9 et du gris clair. Cette coh\u00e9rence globale souligne la philosophie de XPENG : offrir un design fluide, \u00e9quilibr\u00e9 et intemporel, \u00e0 l\u2019int\u00e9rieur comme \u00e0 l\u2019ext\u00e9rieur.<\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><picture><img src=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g6-1024x683.jpg\" alt=\"interieur-nouveau-xpeng-g6\" width=\"1024\" height=\"683\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-1512\" title=\"interieur-nouveau-xpeng-g6\" srcset=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g6-768x512.jpg 768w, https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g6.jpg 1300w\" sizes=\"100vw\"><\/picture><\/figure>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"font-size:18px\"><strong>INT\u00c9RIEUR NOUVEAU XPENG G6 : UN INT\u00c9RIEUR PREMIUM POUR LE NOUVEAU XPENG G6<\/strong><\/h2>\n\n\n\n<p>Le <strong>nouveau XPENG G6<\/strong> ne s\u00e9duit pas seulement par ses performances \u00e9lectriques et son design ext\u00e9rieur. Son habitacle joue \u00e9galement un r\u00f4le central dans son identit\u00e9, avec un choix limit\u00e9 mais raffin\u00e9 de deux teintes : <strong>gris fonc\u00e9 et gris clair<\/strong>.<\/p>\n\n\n\n<p>Chaque couleur cr\u00e9e une ambiance distincte : \u00e9l\u00e9gante et feutr\u00e9e pour le gris fonc\u00e9, lumineuse et moderne pour le gris clair. En r\u00e9duisant les options, XPENG mise sur la coh\u00e9rence et la qualit\u00e9, plut\u00f4t que sur la multiplication des variantes.<\/p>\n\n\n\n<p>R\u00e9sultat : l\u2019int\u00e9rieur du G6 devient un espace premium, adapt\u00e9 aussi bien \u00e0 un usage quotidien qu\u2019\u00e0 de longs voyages, o\u00f9 chaque conducteur peut trouver l\u2019ambiance qui lui correspond.<\/p>\n\n\n\n<!-- Styles dynamiques bas\u00e9s sur les couleurs du th\u00e8me -->\n<style>\n    \/* Utilisation de GrimCustomFont d\u00e9finie globalement avec fonts optimis\u00e9es *\/\n    #test-drive-6a1b7e5c38b96 {\n                font-family: 'GrimCustomFont', system-ui, sans-serif;\n            }\n\n    #test-drive-6a1b7e5c38b96 h2,\n    #test-drive-6a1b7e5c38b96 h3 {\n        color: #1f2937;\n                font-family: 'GrimCustomFont', system-ui, sans-serif;\n        font-weight: 700;\n            }\n\n    #test-drive-6a1b7e5c38b96 .separator-bar {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-6a1b7e5c38b96 .btn-primary {\n        background-color: #000000;\n        border-color: #000000;\n    }\n\n    #test-drive-6a1b7e5c38b96 .btn-primary:hover {\n        background-color: #333333;\n        opacity: 0.9;\n    }\n\n    #test-drive-6a1b7e5c38b96 .btn-secondary {\n        border-color: #000000;\n        color: #000000;\n    }\n\n    #test-drive-6a1b7e5c38b96 .btn-secondary:hover {\n        background-color: #00000010;\n    }\n\n    #test-drive-6a1b7e5c38b96 .text-primary {\n        color: #4b5563;\n    }\n\n    #test-drive-6a1b7e5c38b96 .test-drive-progress-bar-fill {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-6a1b7e5c38b96 .test-drive-model-card.selected,\n    #test-drive-6a1b7e5c38b96 .test-drive-dealership-card.selected {\n        border-color: #a4ce4c;\n        background-color: #a4ce4c10;\n    }\n\n    #test-drive-6a1b7e5c38b96 input:focus,\n    #test-drive-6a1b7e5c38b96 textarea:focus {\n        border-color: #a4ce4c;\n        ring-color: #a4ce4c;\n    }\n\n    #test-drive-6a1b7e5c38b96 input[type=\"checkbox\"]:checked {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-6a1b7e5c38b96 .test-drive-back-button {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-6a1b7e5c38b96 .dealer-signature a:hover {\n        color: #a4ce4c;\n    }\n\n    #test-drive-6a1b7e5c38b96 .dealer-signature a:hover i.fa-location-dot {\n        color: #a4ce4c;\n    }\n\n    \/* Stepper colors *\/\n    #test-drive-6a1b7e5c38b96 .step-item.active .step-circle {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-6a1b7e5c38b96 .step-item.active .step-label {\n        color: #a4ce4c;\n    }\n\n    \/* Stepper completed - utiliser couleur primaire au lieu du vert *\/\n    #test-drive-6a1b7e5c38b96 .step-item.completed .step-circle {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-6a1b7e5c38b96 .step-line.completed {\n        background-color: #a4ce4c;\n    }\n\n    \/* Boutons principaux en noir *\/\n    #test-drive-6a1b7e5c38b96 .btn-theme-primary,\n    #test-drive-6a1b7e5c38b96 button#open-test-drive-form {\n        background-color: #000000 !important;\n        border-color: #000000 !important;\n        color: #ffffff !important;\n    }\n\n    #test-drive-6a1b7e5c38b96 .btn-theme-primary:hover,\n    #test-drive-6a1b7e5c38b96 button#open-test-drive-form:hover {\n        background-color: #333333 !important;\n    }\n\n    \/* Bouton secondaire (appel) en noir *\/\n    #test-drive-6a1b7e5c38b96 a[href^=\"tel:\"] {\n        border-color: #000000 !important;\n        color: #000000 !important;\n    }\n\n    #test-drive-6a1b7e5c38b96 a[href^=\"tel:\"]:hover {\n        background-color: #000000 !important;\n        color: #ffffff !important;\n    }\n\n    \/* Forcer toutes les ic\u00f4nes Font Awesome en style normal (pas italique) *\/\n    #test-drive-6a1b7e5c38b96 i,\n    #test-drive-6a1b7e5c38b96 .fa-solid,\n    #test-drive-6a1b7e5c38b96 .fa-regular,\n    #test-drive-6a1b7e5c38b96 .fa-brands {\n        font-style: normal !important;\n    }\n<\/style>\n\n<div id=\"test-drive-6a1b7e5c38b96\" class=\"test-drive-block bg-white py-12 my-12 rounded-lg shadow-sm border border-gray-100\">\n    <!-- Contenu principal -->\n    <div class=\"container mx-auto px-4\">\n        <div class=\"max-w-layout mx-auto\">\n            <!-- Titre avec s\u00e9parateur -->\n            <div class=\"text-center mb-8\">\n                <h2 class=\"text-2xl md:text-3xl font-bold\">\n                    R\u00c9SERVER UN ESSAI EN CONCESSION                <\/h2>\n                <div class=\"w-20 h-1 separator-bar mx-auto mt-4\"><\/div>\n            <\/div>\n            \n            <!-- Boutons d'action c\u00f4te \u00e0 c\u00f4te - style models-slider -->\n            <div class=\"flex flex-row justify-center items-stretch gap-3 mb-8 max-w-2xl mx-auto\">\n                <!-- Bouton Essayer (R\u00e9server un essai) -->\n                <button type=\"button\"\n                        id=\"open-test-drive-form\"\n                        class=\"group relative inline-flex items-center justify-center gap-2 px-4 md:px-6 h-[44px] btn-theme-primary text-sm md:text-base font-medium rounded-md hover:text-white transition-all duration-300 active:scale-95 transform flex-1 text-center cursor-pointer overflow-hidden\">\n                    <!-- Effet de brillance au survol -->\n                    <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                    <!-- Bordure brillante au survol -->\n                    <div class=\"absolute inset-0 border border-transparent group-hover:border-white\/30 rounded-md transition-all duration-500 bg-gradient-to-r from-white\/0 via-white\/5 to-white\/0 group-hover:from-white\/10 group-hover:via-white\/20 group-hover:to-white\/10\"><\/div>\n\n                    <!-- Contenu du bouton avec ic\u00f4ne -->\n                    <span class=\"relative z-10 flex items-center gap-2\">\n                        <i class=\"fa-solid fa-calendar-days\"><\/i>\n                        <span class=\"hidden md:inline\">R\u00e9server un essai<\/span>\n                        <span class=\"md:hidden\">R\u00e9server<\/span>\n                    <\/span>\n                <\/button>\n\n                <!-- Bouton Service Commercial (appel t\u00e9l\u00e9phonique) -->\n                <a href=\"tel:0805021414\"\n                   class=\"group relative inline-flex items-center justify-center gap-2 px-4 md:px-6 h-[44px] bg-white border-2 border-theme-primary text-theme-primary text-sm md:text-base font-medium rounded-md hover:bg-theme-primary hover:text-white transition-all duration-300 active:scale-95 transform flex-1 text-center no-underline overflow-hidden\">\n                    <!-- Effet de brillance au survol -->\n                    <div class=\"absolute inset-0 bg-gradient-to-r from-transparent via-white\/20 to-transparent translate-x-[-100%] group-hover:translate-x-[100%] transition-transform duration-500 ease-out\"><\/div>\n\n                    <!-- Contenu du bouton avec ic\u00f4ne -->\n                    <span class=\"relative z-10 flex items-center gap-2\">\n                        <i class=\"fa-solid fa-phone\"><\/i>\n                        <span class=\"hidden md:inline\">Service Commercial<\/span>\n                        <span class=\"md:hidden\">Appeler<\/span>\n                    <\/span>\n                <\/a>\n            <\/div>\n            \n            <!-- Informations de contact -->\n            <div class=\"text-center space-y-3\">\n                <!-- Description -->\n                <p class=\"text-primary\">\n                    Pour tout renseignement sur XPENG vous pouvez nous contacter du lundi au dimanche de 9h00 \u00e0 22h00                <\/p>\n            <\/div>\n            \n                        <!-- Formulaire de r\u00e9servation d'essai (cach\u00e9 initialement) -->\n            <div id=\"test-drive-form-container\" class=\"mt-12 border border-gray-200 rounded-lg overflow-hidden shadow-md hidden\">\n                <!-- Header du formulaire avec bouton fermer -->\n                <div class=\"form-header bg-white border-b border-gray-200 px-6 py-4 flex items-center justify-between\">\n                    <h3 class=\"text-lg font-semibold\" style=\"color: #1f2937;\">\n                        R\u00e9server votre essai\n                    <\/h3>\n                    <button type=\"button\" class=\"test-drive-close-button text-gray-400 hover:text-gray-600 transition-colors\" aria-label=\"Fermer la fen\u00eatre de r\u00e9servation\">\n                        <i class=\"fa-solid fa-times text-xl\"><\/i>\n                    <\/button>\n                <\/div>\n\n                <!-- Indicateur d'\u00e9tapes -->\n                <div class=\"test-drive-stepper bg-white px-6 py-4 border-b border-gray-200\">\n                    <div class=\"flex items-center justify-between max-w-md mx-auto\">\n                        <!-- \u00c9tape 1 -->\n                        <div class=\"step-item active\" data-step=\"1\">\n                            <div class=\"step-circle\">1<\/div>\n                            <div class=\"step-label\">Mod\u00e8le<\/div>\n                        <\/div>\n                        <div class=\"step-line\"><\/div>\n                        <!-- \u00c9tape 2 -->\n                        <div class=\"step-item\" data-step=\"2\">\n                            <div class=\"step-circle\">2<\/div>\n                            <div class=\"step-label\">Concession<\/div>\n                        <\/div>\n                        <div class=\"step-line\"><\/div>\n                        <!-- \u00c9tape 3 -->\n                        <div class=\"step-item\" data-step=\"3\">\n                            <div class=\"step-circle\">3<\/div>\n                            <div class=\"step-label\">Coordonn\u00e9es<\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <!-- Formulaire -->\n                <form id=\"test-drive-form\" class=\"p-6\">\n                <input type=\"hidden\" name=\"lead_source\" value=\"\">\n                                <input type=\"hidden\" name=\"source_page_url\" value=\"https:\/\/groupe-grim.com\/xpeng\/nouveau-xpeng-g6-2025\/interieur-nouveau-xpeng-g6-2\/\">\n                <input type=\"hidden\" name=\"source_page_title\" value=\"Int\u00e9rieur nouveau XPENG G6 : un habitacle raffin\u00e9 en gris fonc\u00e9 ou gris clair\">\n                <!-- Anti-bot : honeypot + timestamp -->\n                <input type=\"text\" name=\"website_url\" style=\"display:none !important;position:absolute;left:-9999px;\" tabindex=\"-1\" autocomplete=\"off\" aria-hidden=\"true\">\n                <input type=\"hidden\" name=\"form_timestamp\" value=\"1780186716\">\n                    <!-- \u00c9tape 1: Choix du mod\u00e8le -->\n                    <div class=\"test-drive-step active\" data-step=\"1\">\n                        <h3 class=\"text-xl font-bold mb-6\">Choisissez votre mod\u00e8le<\/h3>\n\n                        <!-- Select avec recherche native -->\n                        <div class=\"model-select-wrapper mb-6\">\n                            <label for=\"model-select\" class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                S\u00e9lectionnez un mod\u00e8le <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n                            <select id=\"model-select\" name=\"model\" required\n                                    class=\"w-full p-4 border border-gray-300 rounded-lg focus:ring-2 text-lg transition-all duration-200\"\n                                    style=\"background-image: url('data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%2212%22 height=%228%22%3E%3Cpath fill=%22%23374151%22 d=%22M0 0l6 8 6-8z%22\/%3E%3C\/svg%3E'); background-repeat: no-repeat; background-position: right 1rem center; background-size: 12px;\">\n                                <option value=\"\">&#8212; Choisissez un mod\u00e8le &#8212;<\/option>\n                                                                        <option\n                                            value=\"P7+\"\n                                            data-model='{&quot;name&quot;:&quot;P7+&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/xpeng\\\/wp-content\\\/uploads\\\/2026\\\/01\\\/xpeng-p7-modele-300x140.png&quot;,&quot;image_alt&quot;:&quot;P7+&quot;}'>\n                                            P7+                                        <\/option>\n                                                                            <option\n                                            value=\"Nouveau G9\"\n                                            data-model='{&quot;name&quot;:&quot;Nouveau G9&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/xpeng\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/1752739910_nouveau-xpeng-g9-modele-300x140.png&quot;,&quot;image_alt&quot;:&quot;Nouveau G9&quot;}'>\n                                            Nouveau G9                                        <\/option>\n                                                                            <option\n                                            value=\"Nouveau G6\"\n                                            data-model='{&quot;name&quot;:&quot;Nouveau G6&quot;,&quot;image_url&quot;:&quot;https:\\\/\\\/groupe-grim.com\\\/xpeng\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/1752739914_nouveau-xpeng-g6-modele-300x140.png&quot;,&quot;image_alt&quot;:&quot;Nouveau G6&quot;}'>\n                                            Nouveau G6                                        <\/option>\n                                                                <\/select>\n                            <p class=\"mt-2 text-sm text-gray-500\">\n                                <i class=\"fa-solid fa-info-circle mr-1\"><\/i>\n                                Vous pouvez taper pour rechercher un mod\u00e8le\n                            <\/p>\n                        <\/div>\n\n                        <!-- Aper\u00e7u visuel du mod\u00e8le (toujours visible, \u00e9tats initial et s\u00e9lectionn\u00e9) -->\n                        <div id=\"model-preview\" class=\"mt-6\">\n                            <div class=\"border-2 rounded-lg p-6 bg-gradient-to-br from-gray-50 to-white transition-all duration-300\">\n                                <!-- \u00c9tat initial : Aucun mod\u00e8le s\u00e9lectionn\u00e9 -->\n                                <div id=\"model-preview-empty\">\n                                    <p class=\"text-sm font-medium text-gray-400 mb-3\">\n                                        <i class=\"fa-solid fa-info-circle mr-1\"><\/i>\n                                        Aucun mod\u00e8le s\u00e9lectionn\u00e9\n                                    <\/p>\n                                    <div class=\"flex items-center gap-6\">\n                                        <div class=\"flex-shrink-0 bg-gray-100 rounded-lg p-3 w-32 h-32 flex items-center justify-center\">\n                                            <i class=\"fa-solid fa-car text-4xl text-gray-300\"><\/i>\n                                        <\/div>\n                                        <div>\n                                            <span class=\"text-base text-gray-400 block\">Choisissez un mod\u00e8le<\/span>\n                                            <span class=\"text-sm text-gray-300 mt-1 block\">dans la liste ci-dessus<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- \u00c9tat s\u00e9lectionn\u00e9 : Mod\u00e8le choisi (cach\u00e9 initialement) -->\n                                <div id=\"model-preview-selected\" class=\"hidden\">\n                                    <p class=\"text-sm font-medium text-gray-600 mb-3\">\n                                        <i class=\"fa-solid fa-check-circle mr-1\" style=\"color: #a4ce4c;\"><\/i>\n                                        Mod\u00e8le s\u00e9lectionn\u00e9 :\n                                    <\/p>\n                                    <div class=\"flex items-center gap-6\">\n                                        <div id=\"model-preview-image-wrapper\" class=\"flex-shrink-0 bg-white rounded-lg p-3 shadow-sm w-32 h-32 flex items-center justify-center\">\n                                            <img decoding=\"async\" id=\"model-preview-image\" src=\"\" alt=\"\" class=\"max-h-24 w-auto object-contain\">\n                                        <\/div>\n                                        <div>\n                                            <span id=\"model-preview-name\" class=\"font-bold text-xl block\"><\/span>\n                                            <span class=\"text-sm text-gray-500 mt-1 block\">Pr\u00eat pour votre essai<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Boutons de navigation \u00c9tape 1 -->\n                        <div class=\"step-navigation mt-8 flex justify-end gap-3\">\n                            <button type=\"button\" class=\"btn-next btn-primary px-6 py-3 text-white rounded-lg transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed\" disabled>\n                                Suivant\n                                <i class=\"fa-solid fa-arrow-right ml-2\"><\/i>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u00c9tape 2: Choix de la concession -->\n                    <div class=\"test-drive-step\" data-step=\"2\">\n                        <h3 class=\"text-xl font-bold mb-6\">Choisissez votre concession<\/h3>\n\n                        <!-- Select avec recherche native -->\n                        <div class=\"dealership-select-wrapper mb-6\">\n                            <label for=\"dealership-select\" class=\"block text-sm font-medium text-gray-700 mb-2\">\n                                S\u00e9lectionnez une concession <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n                            <select id=\"dealership-select\" name=\"dealership\" required\n                                    class=\"w-full p-4 border border-gray-300 rounded-lg focus:ring-2 text-lg transition-all duration-200\"\n                                    style=\"background-image: url('data:image\/svg+xml,%3Csvg xmlns=%22http:\/\/www.w3.org\/2000\/svg%22 width=%2212%22 height=%228%22%3E%3Cpath fill=%22%23374151%22 d=%22M0 0l6 8 6-8z%22\/%3E%3C\/svg%3E'); background-repeat: no-repeat; background-position: right 1rem center; background-size: 12px;\">\n                                <option value=\"\">&#8212; Choisissez une concession &#8212;<\/option>\n                                                                        <option\n                                            value=\"N\u00eemes - XPENG N\u00eemes\"\n                                            data-dealership='{&quot;city&quot;:&quot;N\\u00eemes&quot;,&quot;name&quot;:&quot;XPENG N\\u00eemes&quot;,&quot;full_name&quot;:&quot;N\\u00eemes - XPENG N\\u00eemes&quot;}'>\n                                            N\u00eemes &#8211; XPENG N\u00eemes                                        <\/option>\n                                                                            <option\n                                            value=\"B\u00e9ziers - XPENG B\u00e9ziers\"\n                                            data-dealership='{&quot;city&quot;:&quot;B\\u00e9ziers&quot;,&quot;name&quot;:&quot;XPENG B\\u00e9ziers&quot;,&quot;full_name&quot;:&quot;B\\u00e9ziers - XPENG B\\u00e9ziers&quot;}'>\n                                            B\u00e9ziers &#8211; XPENG B\u00e9ziers                                        <\/option>\n                                                                            <option\n                                            value=\"Montpellier - XPENG Montpellier\"\n                                            data-dealership='{&quot;city&quot;:&quot;Montpellier&quot;,&quot;name&quot;:&quot;XPENG Montpellier&quot;,&quot;full_name&quot;:&quot;Montpellier - XPENG Montpellier&quot;}'>\n                                            Montpellier &#8211; XPENG Montpellier                                        <\/option>\n                                                                            <option\n                                            value=\"Avignon - XPENG Avignon\"\n                                            data-dealership='{&quot;city&quot;:&quot;Avignon&quot;,&quot;name&quot;:&quot;XPENG Avignon&quot;,&quot;full_name&quot;:&quot;Avignon - XPENG Avignon&quot;}'>\n                                            Avignon &#8211; XPENG Avignon                                        <\/option>\n                                                                <\/select>\n                            <p class=\"mt-2 text-sm text-gray-500\">\n                                <i class=\"fa-solid fa-info-circle mr-1\"><\/i>\n                                Vous pouvez taper pour rechercher une concession\n                            <\/p>\n                        <\/div>\n\n                        <!-- Aper\u00e7u visuel de la concession -->\n                        <div id=\"dealership-preview\" class=\"mt-6\">\n                            <div class=\"border-2 rounded-lg p-6 bg-gradient-to-br from-gray-50 to-white transition-all duration-300\">\n                                <!-- \u00c9tat initial : Aucune concession s\u00e9lectionn\u00e9e -->\n                                <div id=\"dealership-preview-empty\">\n                                    <p class=\"text-sm font-medium text-gray-400 mb-3\">\n                                        <i class=\"fa-solid fa-info-circle mr-1\"><\/i>\n                                        Aucune concession s\u00e9lectionn\u00e9e\n                                    <\/p>\n                                    <div class=\"flex items-center gap-6\">\n                                        <div class=\"flex-shrink-0 bg-gray-100 rounded-lg p-3 w-32 h-32 flex items-center justify-center\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2024\/12\/x-peng.png\" alt=\"Logo\" class=\"max-h-20 w-auto object-contain opacity-30 grayscale\">\n                                                                                    <\/div>\n                                        <div>\n                                            <span class=\"text-base text-gray-400 block\">Choisissez une concession<\/span>\n                                            <span class=\"text-sm text-gray-300 mt-1 block\">dans la liste ci-dessus<\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n\n                                <!-- \u00c9tat s\u00e9lectionn\u00e9 : Concession choisie -->\n                                <div id=\"dealership-preview-selected\" class=\"hidden\">\n                                    <p class=\"text-sm font-medium text-gray-600 mb-3\">\n                                        <i class=\"fa-solid fa-check-circle mr-1\" style=\"color: #10b981;\"><\/i>\n                                        Concession s\u00e9lectionn\u00e9e :\n                                    <\/p>\n                                    <div class=\"flex items-center gap-6\">\n                                        <div id=\"dealership-preview-icon-wrapper\" class=\"flex-shrink-0 bg-white rounded-lg p-3 shadow-sm w-32 h-32 flex items-center justify-center\">\n                                                                                            <img decoding=\"async\" src=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2024\/12\/x-peng.png\" alt=\"Logo\" class=\"max-h-20 w-auto object-contain\">\n                                                                                    <\/div>\n                                        <div>\n                                            <span id=\"dealership-preview-city\" class=\"font-bold text-xl block\"><\/span>\n                                            <span id=\"dealership-preview-name\" class=\"text-sm text-gray-500 mt-1 block\"><\/span>\n                                        <\/div>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Boutons de navigation \u00c9tape 2 -->\n                        <div class=\"step-navigation mt-8 flex justify-between gap-3\">\n                            <button type=\"button\" class=\"btn-back px-6 py-3 bg-white border-2 btn-secondary rounded-lg transition-all duration-300\">\n                                <i class=\"fa-solid fa-arrow-left mr-2\"><\/i>\n                                Retour\n                            <\/button>\n                            <button type=\"button\" class=\"btn-next btn-primary px-6 py-3 text-white rounded-lg transition-all duration-300 disabled:opacity-50\" disabled>\n                                Suivant\n                                <i class=\"fa-solid fa-arrow-right ml-2\"><\/i>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n\n                    <!-- \u00c9tape 3: Informations de contact -->\n                    <div class=\"test-drive-step\" data-step=\"3\">\n                        <h3 class=\"text-xl font-bold mb-4\">Vos coordonn\u00e9es<\/h3>\n                        \n                        <div class=\"space-y-4\">\n                            <!-- Nom complet -->\n                            <div>\n                                <label class=\"block text-sm font-medium text-gray-700 mb-1\">\n                                    Nom complet <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input type=\"text\" name=\"name\" required \n                                       class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black\"\n                                       placeholder=\"Jean Dupont\">\n                            <\/div>\n                            \n                            <!-- Email -->\n                            <div>\n                                <label class=\"block text-sm font-medium text-gray-700 mb-1\">\n                                    Email <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input type=\"email\" name=\"email\" required \n                                       class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black\"\n                                       placeholder=\"jean.dupont@example.com\">\n                            <\/div>\n                            \n                            <!-- T\u00e9l\u00e9phone -->\n                            <div>\n                                <label class=\"block text-sm font-medium text-gray-700 mb-1\">\n                                    T\u00e9l\u00e9phone <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input type=\"tel\" name=\"phone\" required \n                                       class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black\"\n                                       placeholder=\"06 12 34 56 78\">\n                            <\/div>\n                            \n                            <!-- Message (optionnel) -->\n                            <div>\n                                <label class=\"block text-sm font-medium text-gray-700 mb-1\">\n                                    Message (facultatif)\n                                <\/label>\n                                <textarea name=\"message\" rows=\"3\" \n                                          class=\"w-full p-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-black\"\n                                          placeholder=\"Informations compl\u00e9mentaires...\"><\/textarea>\n                            <\/div>\n                            \n                            <!-- Politique de confidentialit\u00e9 -->\n                            <div class=\"flex items-start\">\n                                <div class=\"flex items-center h-5\">\n                                    <input id=\"test-drive-privacy\" name=\"privacy\" type=\"checkbox\" required\n                                           class=\"w-4 h-4 border-gray-300 rounded\">\n                                <\/div>\n                                <label for=\"test-drive-privacy\" class=\"ml-3 text-sm text-primary privacy-label\">\n                                    J&rsquo;accepte la <a href=\"https:\/\/groupe-grim.com\/rgpd\/\" class=\"no-underline\" style=\"color: #a4ce4c\">politique de confidentialit\u00e9<\/a>\n                                <\/label>\n                            <\/div>\n\n                            <!-- Boutons de navigation \u00c9tape 3 -->\n                            <div class=\"step-navigation mt-8 flex justify-between gap-3\">\n                                <button type=\"button\" class=\"btn-back px-6 py-3 bg-white border-2 btn-secondary rounded-lg transition-all duration-300\">\n                                    <i class=\"fa-solid fa-arrow-left mr-2\"><\/i>\n                                    Retour\n                                <\/button>\n                                <button type=\"submit\" class=\"btn-primary px-6 py-3 text-white rounded-lg transition-all duration-300\">\n                                    Envoyer\n                                    <i class=\"fa-solid fa-paper-plane ml-2\"><\/i>\n                                <\/button>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    \n                    <!-- Message de succ\u00e8s (cach\u00e9 par d\u00e9faut) -->\n                    <div id=\"test-drive-success-message\" class=\"hidden text-center py-6\">\n                        <div class=\"rounded-full w-16 h-16 flex items-center justify-center mx-auto mb-4\" style=\"background-color: #10b98120;\">\n                            <i class=\"fa-solid fa-check text-2xl success-icon\" style=\"color: #10b981;\"><\/i>\n                        <\/div>\n                        <h3 class=\"text-xl font-bold mb-2\">Demande envoy\u00e9e !<\/h3>\n                        <p class=\"text-gray-600 text-sm mb-4\">\n                            Votre demande d&#039;essai a \u00e9t\u00e9 envoy\u00e9e avec succ\u00e8s. Nous vous recontacterons tr\u00e8s rapidement pour confirmer votre rendez-vous.                        <\/p>\n                        <div class=\"bg-gray-50 rounded-lg p-3\">\n                            <p class=\"text-sm text-gray-600\">\n                                <i class=\"fa-solid fa-clock mr-2\"><\/i>\n                                Disponibilit\u00e9 : Lun-Sam, 9h-19h\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/form>\n            <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n\n<!-- Donn\u00e9es AJAX pour le formulaire test-drive -->\n<script>\n    window.testDriveData = {\n        ajaxUrl: 'https:\/\/groupe-grim.com\/xpeng\/wp-admin\/admin-ajax.php',\n        nonce: '1b9d8ad925'\n    };\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Le nouveau XPENG G6 s\u00e9duit d\u00e9j\u00e0 par son design ext\u00e9rieur futuriste et ses lignes dynamiques. Mais ce qui fait aussi la force de ce SUV 100 % \u00e9lectrique, c\u2019est son habitacle. XPENG a accord\u00e9 une attention particuli\u00e8re \u00e0 l\u2019int\u00e9rieur du v\u00e9hicule, en privil\u00e9giant des mat\u00e9riaux de qualit\u00e9, une ergonomie moderne et une ambiance visuelle qui [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1508,"parent":1121,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12,15],"tags":[],"class_list":["post-1487","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gamme-xpeng","category-xpeng-g6-gamme-xpeng"],"acf":[],"_links":{"self":[{"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts\/1487","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/comments?post=1487"}],"version-history":[{"count":17,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts\/1487\/revisions"}],"predecessor-version":[{"id":1515,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts\/1487\/revisions\/1515"}],"up":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts\/1121"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/media\/1508"}],"wp:attachment":[{"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/media?parent=1487"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/categories?post=1487"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/tags?post=1487"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}