{"id":523,"date":"2025-03-11T14:14:42","date_gmt":"2025-03-11T13:14:42","guid":{"rendered":"https:\/\/groupe-grim.com\/xpeng\/?p=523"},"modified":"2026-02-03T14:55:59","modified_gmt":"2026-02-03T13:55:59","slug":"interieur-xpeng-g6-2","status":"publish","type":"post","link":"https:\/\/groupe-grim.com\/xpeng\/xpeng-g6\/interieur-xpeng-g6-2\/","title":{"rendered":"Int\u00e9rieur XPENG G6 : confort, technologie et design r\u00e9volutionnaire"},"content":{"rendered":"\n<p>Le <strong><a href=\"https:\/\/groupe-grim.com\/xpeng\/xpeng-g6\/\">XPENG G6<\/a><\/strong> est l\u2019un des SUV \u00e9lectriques les plus attendus de ces derni\u00e8res ann\u00e9es. Son int\u00e9rieur combine luxe, innovation technologique et confort premium. Con\u00e7u pour rivaliser avec les mod\u00e8les de Tesla, notamment le Model Y, ce v\u00e9hicule impressionne par son habitacle high-tech et ses mat\u00e9riaux de haute qualit\u00e9. <\/p>\n\n\n\n<p>Dans cet article, nous allons explorer en d\u00e9tail <strong>l\u2019int\u00e9rieur XPENG G6<\/strong>, en mettant en avant ses points forts qui le rendent unique sur le march\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 XPENG G6 : UN DESIGN MINIMALISTE ET MODERNE <\/strong><\/h2>\n\n\n\n<p>L&rsquo;int\u00e9rieur du XPENG G6 est \u00e0 la fois \u00e9pur\u00e9 et fonctionnel. Son design minimaliste rappelle fortement les int\u00e9rieurs des v\u00e9hicules Tesla, avec un agencement centr\u00e9 sur un grand \u00e9cran tactile et tr\u00e8s peu de boutons physiques. Cette approche permet une immersion totale dans une exp\u00e9rience de conduite futuriste.<\/p>\n\n\n\n<p>Les mat\u00e9riaux utilis\u00e9s dans l&rsquo;habitacle sont soigneusement s\u00e9lectionn\u00e9s pour offrir une sensation de luxe. Le cuir synth\u00e9tique, les finitions en aluminium bross\u00e9 et l\u2019\u00e9clairage d&rsquo;ambiance personnalisable contribuent \u00e0 une atmosph\u00e8re haut de gamme.<\/p>\n\n\n\n<div class=\"custom-button-container text-center\">\n    <a href=\"https:\/\/groupe-grim.com\/xpeng\/#rdv\" \n       id=\"custom-button-69fcb487bd2dc\"\n       class=\"custom-button btn-primary btn-size-medium\"\n       >\n        <span class=\"button-text\">D\u00e9couvrez le XPENG G6 en concession<\/span>\n                    <i class=\"fa-solid fa-arrow-right ml-2\"><\/i>\n            <\/a>\n<\/div>\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 XPENG G6 : UN \u00c9CRAN CENTRAL ULTRA-CONNECT\u00c9<\/strong><\/h2>\n\n\n\n<p>Le c\u0153ur technologique du XPENG G6 r\u00e9side dans son <strong>grand \u00e9cran tactile central de 15 pouces<\/strong>, qui regroupe toutes les commandes du v\u00e9hicule. Il fonctionne sous un syst\u00e8me d\u2019exploitation avanc\u00e9 d\u00e9velopp\u00e9 par XPENG, offrant une interface fluide et intuitive.<\/p>\n\n\n\n<p>Parmi les fonctionnalit\u00e9s disponibles sur cet \u00e9cran :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Contr\u00f4le des param\u00e8tres du v\u00e9hicule<\/strong> (climatisation, modes de conduite, \u00e9clairage, etc.).<\/li>\n\n\n\n<li><strong>Navigation GPS intelligente<\/strong> avec mises \u00e0 jour en temps r\u00e9el.<\/li>\n\n\n\n<li><strong>Syst\u00e8me d&rsquo;infodivertissement avanc\u00e9<\/strong> compatible avec Android Auto et Apple CarPlay.<\/li>\n\n\n\n<li><strong>Assistant vocal IA<\/strong> capable d&rsquo;ex\u00e9cuter des commandes sans contact.<\/li>\n<\/ul>\n\n\n\n<p>L&rsquo;\u00e9cran offre une r\u00e9solution HD et une r\u00e9activit\u00e9 exemplaire, garantissant une exp\u00e9rience utilisateur optimale.<\/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\/03\/interieur-xpeng-g6-beige-edited-1024x576.jpg\" alt=\"interieur-xpeng-g6-beige\" width=\"1024\" height=\"576\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-532\" title=\"interieur-xpeng-g6-beige\" srcset=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/03\/interieur-xpeng-g6-beige-edited-768x432.jpg 768w, https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/03\/interieur-xpeng-g6-beige-edited.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 XPENG G6 : UN CONFORT IN\u00c9GAL\u00c9 POUR LES PASSAGERS <\/strong><\/h2>\n\n\n\n<p>Le XPENG G6 se distingue par son confort int\u00e9rieur exceptionnel. Les si\u00e8ges en cuir \u00e9cologique sont ergonomiques, avec un excellent soutien lombaire et des options de r\u00e9glages \u00e9lectriques.<\/p>\n\n\n\n<p>Les principaux atouts en mati\u00e8re de confort comprennent :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Un toit panoramique en verre<\/strong> offrant une luminosit\u00e9 naturelle et une sensation d\u2019espace accrue.<\/li>\n\n\n\n<li><strong>Une climatisation intelligente \u00e0 plusieurs zones<\/strong>, ajustable individuellement pour chaque passager.<\/li>\n\n\n\n<li><strong>Un syst\u00e8me audio premium<\/strong>, d\u00e9velopp\u00e9 en collaboration avec des sp\u00e9cialistes de l&rsquo;acoustique.<\/li>\n<\/ul>\n\n\n\n<p>L\u2019habitabilit\u00e9 est aussi un point fort du XPENG G6, avec un espace g\u00e9n\u00e9reux \u00e0 l&rsquo;avant comme \u00e0 l&rsquo;arri\u00e8re, permettant des trajets agr\u00e9ables m\u00eame sur longue distance.<\/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 XPENG G6 : DES TECHNOLOGIES D&rsquo;AIDE \u00c0 LA CONDUITE <\/strong><\/h2>\n\n\n\n<p><a href=\"https:\/\/www.xpeng.com\/fr\/\" target=\"_blank\" rel=\"noopener\">XPENG<\/a> est reconnu pour ses avanc\u00e9es en mati\u00e8re de conduite autonome, et le G6 ne fait pas exception. Il est \u00e9quip\u00e9 du syst\u00e8me <a href=\"https:\/\/groupe-grim.com\/xpeng\/xpilot-de-xpeng\/\">XPILOT<\/a>, une technologie avanc\u00e9e d\u2019assistance \u00e0 la conduite qui permet :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Une conduite semi-autonome sur autoroute<\/strong>, avec maintien de voie et gestion adaptative de la vitesse.<\/li>\n\n\n\n<li><strong>Un stationnement automatique<\/strong>, gr\u00e2ce \u00e0 des capteurs et cam\u00e9ras 360\u00b0.<\/li>\n\n\n\n<li><strong>Une reconnaissance avanc\u00e9e des pi\u00e9tons et v\u00e9hicules<\/strong>, pour une s\u00e9curit\u00e9 maximale.<\/li>\n<\/ul>\n\n\n\n<p>Le XPENG G6 est ainsi con\u00e7u pour r\u00e9duire la fatigue du conducteur et am\u00e9liorer la s\u00e9curit\u00e9 sur la route.<\/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\/03\/interieur-vehicule-xpeng-1-1024x576.jpg\" alt=\"interieur-vehicule-xpeng\" width=\"1024\" height=\"576\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-534\" title=\"interieur-vehicule-xpeng\" srcset=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/03\/interieur-vehicule-xpeng-1-768x432.jpg 768w, https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/03\/interieur-vehicule-xpeng-1.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 XPENG G6 : UNE EXP\u00c9RIENCE UTILISATEUR PERSONNALISABLE<\/strong><\/h2>\n\n\n\n<p>Le XPENG G6 offre une personnalisation pouss\u00e9e de l\u2019habitacle gr\u00e2ce \u00e0 plusieurs options :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Un \u00e9clairage d&rsquo;ambiance personnalisable avec diff\u00e9rentes teintes et effets.<\/li>\n\n\n\n<li>Des pr\u00e9r\u00e9glages pour les si\u00e8ges et les r\u00e9troviseurs, ajustables via le profil du conducteur.<\/li>\n\n\n\n<li>Un mode \u00ab\u00a0zen\u00a0\u00bb ou \u00ab\u00a0cin\u00e9ma\u00a0\u00bb qui ajuste l\u2019\u00e9clairage et le son pour une ambiance immersive.<\/li>\n<\/ul>\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 XPENG G6 : UN INT\u00c9RIEUR QUI RED\u00c9FINIT LES STANDARDS DU MARCH\u00c9<\/strong><\/h2>\n\n\n\n<p>L&rsquo;int\u00e9rieur du XPENG G6 incarne parfaitement la vision futuriste de la marque : <strong>un espace minimaliste, luxueux et technologique<\/strong>. Avec son \u00e9cran tactile avanc\u00e9, ses si\u00e8ges confortables et ses nombreuses innovations, il s\u2019affirme comme un s\u00e9rieux concurrent sur le march\u00e9 des SUV \u00e9lectriques.<\/p>\n\n\n\n<p>Si vous cherchez un v\u00e9hicule \u00e0 la pointe de la technologie avec un int\u00e9rieur r\u00e9fl\u00e9chi et ergonomique, le XPENG G6 est assur\u00e9ment une option \u00e0 consid\u00e9rer.<\/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-69fcb487c6041 {\n                font-family: 'GrimCustomFont', system-ui, sans-serif;\n            }\n\n    #test-drive-69fcb487c6041 h2,\n    #test-drive-69fcb487c6041 h3 {\n        color: #1f2937;\n                font-family: 'GrimCustomFont', system-ui, sans-serif;\n        font-weight: 700;\n            }\n\n    #test-drive-69fcb487c6041 .separator-bar {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-69fcb487c6041 .btn-primary {\n        background-color: #000000;\n        border-color: #000000;\n    }\n\n    #test-drive-69fcb487c6041 .btn-primary:hover {\n        background-color: #333333;\n        opacity: 0.9;\n    }\n\n    #test-drive-69fcb487c6041 .btn-secondary {\n        border-color: #000000;\n        color: #000000;\n    }\n\n    #test-drive-69fcb487c6041 .btn-secondary:hover {\n        background-color: #00000010;\n    }\n\n    #test-drive-69fcb487c6041 .text-primary {\n        color: #4b5563;\n    }\n\n    #test-drive-69fcb487c6041 .test-drive-progress-bar-fill {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-69fcb487c6041 .test-drive-model-card.selected,\n    #test-drive-69fcb487c6041 .test-drive-dealership-card.selected {\n        border-color: #a4ce4c;\n        background-color: #a4ce4c10;\n    }\n\n    #test-drive-69fcb487c6041 input:focus,\n    #test-drive-69fcb487c6041 textarea:focus {\n        border-color: #a4ce4c;\n        ring-color: #a4ce4c;\n    }\n\n    #test-drive-69fcb487c6041 input[type=\"checkbox\"]:checked {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-69fcb487c6041 .test-drive-back-button {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-69fcb487c6041 .dealer-signature a:hover {\n        color: #a4ce4c;\n    }\n\n    #test-drive-69fcb487c6041 .dealer-signature a:hover i.fa-location-dot {\n        color: #a4ce4c;\n    }\n\n    \/* Stepper colors *\/\n    #test-drive-69fcb487c6041 .step-item.active .step-circle {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-69fcb487c6041 .step-item.active .step-label {\n        color: #a4ce4c;\n    }\n\n    \/* Stepper completed - utiliser couleur primaire au lieu du vert *\/\n    #test-drive-69fcb487c6041 .step-item.completed .step-circle {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-69fcb487c6041 .step-line.completed {\n        background-color: #a4ce4c;\n    }\n\n    \/* Boutons principaux en noir *\/\n    #test-drive-69fcb487c6041 .btn-theme-primary,\n    #test-drive-69fcb487c6041 button#open-test-drive-form {\n        background-color: #000000 !important;\n        border-color: #000000 !important;\n        color: #ffffff !important;\n    }\n\n    #test-drive-69fcb487c6041 .btn-theme-primary:hover,\n    #test-drive-69fcb487c6041 button#open-test-drive-form:hover {\n        background-color: #333333 !important;\n    }\n\n    \/* Bouton secondaire (appel) en noir *\/\n    #test-drive-69fcb487c6041 a[href^=\"tel:\"] {\n        border-color: #000000 !important;\n        color: #000000 !important;\n    }\n\n    #test-drive-69fcb487c6041 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-69fcb487c6041 i,\n    #test-drive-69fcb487c6041 .fa-solid,\n    #test-drive-69fcb487c6041 .fa-regular,\n    #test-drive-69fcb487c6041 .fa-brands {\n        font-style: normal !important;\n    }\n<\/style>\n\n<div id=\"test-drive-69fcb487c6041\" 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\/xpeng-g6\/interieur-xpeng-g6-2\/\">\n                <input type=\"hidden\" name=\"source_page_title\" value=\"Int\u00e9rieur XPENG G6 : confort, technologie et design r\u00e9volutionnaire\">\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=\"1778168967\">\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: '4d8f2d58a3'\n    };\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Le XPENG G6 est l\u2019un des SUV \u00e9lectriques les plus attendus de ces derni\u00e8res ann\u00e9es. Son int\u00e9rieur combine luxe, innovation technologique et confort premium. Con\u00e7u pour rivaliser avec les mod\u00e8les de Tesla, notamment le Model Y, ce v\u00e9hicule impressionne par son habitacle high-tech et ses mat\u00e9riaux de haute qualit\u00e9. Dans cet article, nous allons explorer [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":531,"parent":165,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12,15],"tags":[],"class_list":["post-523","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\/523","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=523"}],"version-history":[{"count":16,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts\/523\/revisions"}],"predecessor-version":[{"id":542,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts\/523\/revisions\/542"}],"up":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts\/165"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/media\/531"}],"wp:attachment":[{"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/media?parent=523"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/categories?post=523"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/tags?post=523"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}