{"id":182,"date":"2025-02-26T11:54:03","date_gmt":"2025-02-26T10:54:03","guid":{"rendered":"https:\/\/groupe-grim.com\/xpeng\/?p=182"},"modified":"2026-02-02T14:48:27","modified_gmt":"2026-02-02T13:48:27","slug":"gamme-xpeng","status":"publish","type":"post","link":"https:\/\/groupe-grim.com\/xpeng\/gamme-xpeng\/","title":{"rendered":"Gamme XPENG : l&rsquo;innovation au service des SUV \u00e9lectriques"},"content":{"rendered":"\n<p><a href=\"https:\/\/groupe-grim.com\/xpeng\/la-marque-xpeng\/\">XPENG<\/a> se distingue sur le march\u00e9 des v\u00e9hicules \u00e9lectriques avec des mod\u00e8les alliant design, autonomie et technologies de pointe. Fond\u00e9e en 2014, la marque met l\u2019accent sur l\u2019innovation, l\u2019intelligence artificielle et la conduite assist\u00e9e. Avec la <strong>gamme XPENG<\/strong>, la marque propose des solutions adapt\u00e9es aux conducteurs en qu\u00eate d\u2019une mobilit\u00e9 propre et performante. Ses mod\u00e8les phares, le <strong><a href=\"https:\/\/groupe-grim.com\/xpeng\/xpeng-g6\/\">XPENG G6<\/a><\/strong> et le <strong><a href=\"https:\/\/groupe-grim.com\/xpeng\/xpeng-g9\/\">XPENG G9<\/a><\/strong>, incarnent cette ambition en offrant un \u00e9quilibre parfait entre performance, autonomie et confort.<\/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>GAMME XPENG : XPENG G6, LE SUV COUP\u00c9 DYNAMIQUE ET TECHNOLOGIQUE<\/strong><\/h2>\n\n\n\n<p>Le <strong>XPENG G6<\/strong> est un SUV coup\u00e9 con\u00e7u pour ceux qui recherchent un v\u00e9hicule \u00e9lectrique moderne, compact et performant. Son design fluide et ses lignes \u00e9pur\u00e9es optimisent l\u2019a\u00e9rodynamisme tout en offrant un int\u00e9rieur spacieux et technologique.<\/p>\n\n\n\n<p>Avec une autonomie pouvant atteindre 570 km (WLTP) et une puissance allant jusqu\u2019\u00e0 470 chevaux, le G6 assure une conduite fluide et r\u00e9active. Son architecture 800V lui permet une recharge ultra-rapide : 80 % en seulement 20 minutes.<\/p>\n\n\n\n<p>L\u2019exp\u00e9rience \u00e0 bord est enrichie par le syst\u00e8me XPILOT 2.5, qui comprend un r\u00e9gulateur de vitesse adaptatif, une aide au maintien dans la voie et un syst\u00e8me de stationnement automatique. L\u2019interface num\u00e9rique est intuitive avec un double \u00e9cran tactile de 14,96 pouces et l\u2019int\u00e9gration Apple CarPlay et Android Auto.<\/p>\n\n\n\n<p>Con\u00e7u pour le confort, il propose des si\u00e8ges chauffants et ventil\u00e9s, une climatisation bi-zone et un espace arri\u00e8re modulable pour un coffre g\u00e9n\u00e9reux et pratique.<\/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\/2024\/12\/e30f6a02708e4b41931f86cb779ed585-1024x478.png\" alt=\"gamme-xpeng-g6\" width=\"1024\" height=\"478\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-22\" title=\"couleurs-xpeng-g6-artic-white\" srcset=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2024\/12\/e30f6a02708e4b41931f86cb779ed585-768x358.png 768w, https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2024\/12\/e30f6a02708e4b41931f86cb779ed585.png 2400w\" 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>GAMME XPENG : XPENG G9, DESIGN ET PERFORMANCE R\u00c9UNIS <\/strong><\/h2>\n\n\n\n<p>Le <strong>XPENG G9<\/strong> s\u2019adresse aux conducteurs recherchant un SUV \u00e9lectrique spacieux, puissant et raffin\u00e9. Il se distingue par son design haut de gamme et ses finitions premium.<\/p>\n\n\n\n<p>Dot\u00e9 d\u2019une puissance maximale de 551 chevaux et d\u2019une autonomie allant jusqu\u2019\u00e0 570 km, il est parfait pour les longues distances. Son syst\u00e8me de recharge 800V permet une r\u00e9cup\u00e9ration rapide de batterie, avec 10 \u00e0 80 % de charge en 20 minutes.<\/p>\n\n\n\n<p>Technologiquement avanc\u00e9, il int\u00e8gre la derni\u00e8re version du syst\u00e8me XPILOT, proposant une conduite assist\u00e9e optimis\u00e9e avec reconnaissance des panneaux de signalisation, aide au changement de voie et stationnement automatis\u00e9. L\u2019habitacle offre un confort haut de gamme avec des si\u00e8ges en cuir Nappa massants et ventil\u00e9s, une suspension pneumatique intelligente, et un syst\u00e8me audio immersif Dynaudio. <\/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\/2024\/12\/f47f36d9425c4e22b7a2f21ddb4a21b0-1024x478.png\" alt=\"gamme-xpeng-g9\" width=\"1024\" height=\"478\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-25\" title=\"f47f36d9425c4e22b7a2f21ddb4a21b0\" srcset=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2024\/12\/f47f36d9425c4e22b7a2f21ddb4a21b0-768x358.png 768w, https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2024\/12\/f47f36d9425c4e22b7a2f21ddb4a21b0.png 2400w\" 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>POURQUOI CHOISIR LA GAMME XPENG ? <\/strong><\/h2>\n\n\n\n<p>Avec la <strong>Gamme XPENG<\/strong>, la marque offre une solution adapt\u00e9e \u00e0 tous les types de conducteurs. Que vous privil\u00e9giez un SUV dynamique et agile comme le <strong>XPENG G6<\/strong>, ou un mod\u00e8le plus spacieux et luxueux comme le <strong>XPENG G9<\/strong>, vous b\u00e9n\u00e9ficiez d\u2019un v\u00e9hicule \u00e9lectrique de haute qualit\u00e9.<\/p>\n\n\n\n<p>La <strong>Gamme XPENG <\/strong>mise sur l\u2019innovation pour offrir des performances de pointe tout en garantissant un confort optimal. Gr\u00e2ce aux derni\u00e8res avanc\u00e9es en mati\u00e8re d\u2019intelligence artificielle et de conduite assist\u00e9e, elle se positionne comme une alternative cr\u00e9dible aux marques premium du 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>XPENG G6 VS XPENG G9 : LEQUEL CHOISIR ? <\/strong><\/h2>\n\n\n\n<p>Le choix entre le <strong>G6 et le G9<\/strong> d\u00e9pend de votre mode de vie et de vos priorit\u00e9s.<\/p>\n\n\n\n<p>Le <strong>XPENG G6<\/strong> est pens\u00e9 pour ceux qui recherchent un SUV agile et compact, parfait pour une utilisation en milieu urbain et p\u00e9riurbain. Sa taille plus contenue le rend facile \u00e0 man\u0153uvrer en ville, tout en offrant une autonomie g\u00e9n\u00e9reuse pour les trajets plus longs. Son design coup\u00e9 et son dynamisme en font une option id\u00e9ale pour les conducteurs qui veulent allier sportivit\u00e9 et praticit\u00e9.<\/p>\n\n\n\n<p>De son c\u00f4t\u00e9, le <strong>XPENG G9<\/strong> se distingue par son positionnement premium et son espace int\u00e9rieur plus vaste, en faisant un choix parfait pour les longs voyages et les familles en qu\u00eate de confort. Son habitacle raffin\u00e9, son syst\u00e8me de suspension pneumatique et son autonomie \u00e9lev\u00e9e en font un mod\u00e8le de r\u00e9f\u00e9rence pour ceux qui veulent une exp\u00e9rience de conduite haut de gamme et sans compromis.<\/p>\n\n\n\n<p>Que vous optiez pour le <strong>G6, plus urbain et dynamique<\/strong>, ou pour le <strong>G9, spacieux et luxueux<\/strong>, la <strong>gamme XPENG<\/strong> vous permet de choisir un v\u00e9hicule parfaitement adapt\u00e9 \u00e0 votre style de conduite.<\/p>\n\n\n\n<p>Avec ces deux mod\u00e8les, <strong><a href=\"https:\/\/www.xpeng.com\/fr\/\" target=\"_blank\" rel=\"noopener\">XPENG<\/a><\/strong> renforce sa gamme garantissant performance, autonomie et innovation pour r\u00e9pondre aux attentes des conducteurs modernes.<\/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-6a1aa79300e38 {\n                font-family: 'GrimCustomFont', system-ui, sans-serif;\n            }\n\n    #test-drive-6a1aa79300e38 h2,\n    #test-drive-6a1aa79300e38 h3 {\n        color: #1f2937;\n                font-family: 'GrimCustomFont', system-ui, sans-serif;\n        font-weight: 700;\n            }\n\n    #test-drive-6a1aa79300e38 .separator-bar {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-6a1aa79300e38 .btn-primary {\n        background-color: #000000;\n        border-color: #000000;\n    }\n\n    #test-drive-6a1aa79300e38 .btn-primary:hover {\n        background-color: #333333;\n        opacity: 0.9;\n    }\n\n    #test-drive-6a1aa79300e38 .btn-secondary {\n        border-color: #000000;\n        color: #000000;\n    }\n\n    #test-drive-6a1aa79300e38 .btn-secondary:hover {\n        background-color: #00000010;\n    }\n\n    #test-drive-6a1aa79300e38 .text-primary {\n        color: #4b5563;\n    }\n\n    #test-drive-6a1aa79300e38 .test-drive-progress-bar-fill {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-6a1aa79300e38 .test-drive-model-card.selected,\n    #test-drive-6a1aa79300e38 .test-drive-dealership-card.selected {\n        border-color: #a4ce4c;\n        background-color: #a4ce4c10;\n    }\n\n    #test-drive-6a1aa79300e38 input:focus,\n    #test-drive-6a1aa79300e38 textarea:focus {\n        border-color: #a4ce4c;\n        ring-color: #a4ce4c;\n    }\n\n    #test-drive-6a1aa79300e38 input[type=\"checkbox\"]:checked {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-6a1aa79300e38 .test-drive-back-button {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-6a1aa79300e38 .dealer-signature a:hover {\n        color: #a4ce4c;\n    }\n\n    #test-drive-6a1aa79300e38 .dealer-signature a:hover i.fa-location-dot {\n        color: #a4ce4c;\n    }\n\n    \/* Stepper colors *\/\n    #test-drive-6a1aa79300e38 .step-item.active .step-circle {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-6a1aa79300e38 .step-item.active .step-label {\n        color: #a4ce4c;\n    }\n\n    \/* Stepper completed - utiliser couleur primaire au lieu du vert *\/\n    #test-drive-6a1aa79300e38 .step-item.completed .step-circle {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-6a1aa79300e38 .step-line.completed {\n        background-color: #a4ce4c;\n    }\n\n    \/* Boutons principaux en noir *\/\n    #test-drive-6a1aa79300e38 .btn-theme-primary,\n    #test-drive-6a1aa79300e38 button#open-test-drive-form {\n        background-color: #000000 !important;\n        border-color: #000000 !important;\n        color: #ffffff !important;\n    }\n\n    #test-drive-6a1aa79300e38 .btn-theme-primary:hover,\n    #test-drive-6a1aa79300e38 button#open-test-drive-form:hover {\n        background-color: #333333 !important;\n    }\n\n    \/* Bouton secondaire (appel) en noir *\/\n    #test-drive-6a1aa79300e38 a[href^=\"tel:\"] {\n        border-color: #000000 !important;\n        color: #000000 !important;\n    }\n\n    #test-drive-6a1aa79300e38 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-6a1aa79300e38 i,\n    #test-drive-6a1aa79300e38 .fa-solid,\n    #test-drive-6a1aa79300e38 .fa-regular,\n    #test-drive-6a1aa79300e38 .fa-brands {\n        font-style: normal !important;\n    }\n<\/style>\n\n<div id=\"test-drive-6a1aa79300e38\" 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\/gamme-xpeng\/\">\n                <input type=\"hidden\" name=\"source_page_title\" value=\"Gamme XPENG : l&rsquo;innovation au service des SUV \u00e9lectriques\">\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=\"1780131731\">\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: '0ea039695f'\n    };\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>XPENG se distingue sur le march\u00e9 des v\u00e9hicules \u00e9lectriques avec des mod\u00e8les alliant design, autonomie et technologies de pointe. Fond\u00e9e en 2014, la marque met l\u2019accent sur l\u2019innovation, l\u2019intelligence artificielle et la conduite assist\u00e9e. Avec la gamme XPENG, la marque propose des solutions adapt\u00e9es aux conducteurs en qu\u00eate d\u2019une mobilit\u00e9 propre et performante. Ses mod\u00e8les [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":126,"parent":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-182","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gamme-xpeng"],"acf":[],"_links":{"self":[{"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts\/182","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=182"}],"version-history":[{"count":15,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts\/182\/revisions"}],"predecessor-version":[{"id":679,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts\/182\/revisions\/679"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/media\/126"}],"wp:attachment":[{"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/media?parent=182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/categories?post=182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/tags?post=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}