{"id":1516,"date":"2025-10-13T16:40:26","date_gmt":"2025-10-13T14:40:26","guid":{"rendered":"https:\/\/groupe-grim.com\/xpeng\/?p=1516"},"modified":"2026-02-03T15:03:07","modified_gmt":"2026-02-03T14:03:07","slug":"interieur-nouveau-xpeng-g9","status":"publish","type":"post","link":"https:\/\/groupe-grim.com\/xpeng\/nouveau-xpeng-g9-2025\/interieur-nouveau-xpeng-g9\/","title":{"rendered":"Int\u00e9rieur nouveau XPENG G9 : entre raffinement et intelligence embarqu\u00e9e"},"content":{"rendered":"\n<p>Le <a href=\"https:\/\/groupe-grim.com\/xpeng\/nouveau-xpeng-g9-2025\/\"><strong>nouveau<\/strong> <strong>XPENG G9<\/strong><\/a> n\u2019est pas seulement un SUV \u00e9lectrique performant. C\u2019est une exp\u00e9rience sensorielle \u00e0 part enti\u00e8re, pens\u00e9e pour le confort, le silence et la modernit\u00e9. \u00c0 bord, chaque d\u00e9tail traduit la volont\u00e9 de la marque de repousser les standards du segment premium, en mariant design \u00e9pur\u00e9 et technologie intuitive.<\/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 G9 : CONFORT, DESIGN ET INTELLIGENCE<\/strong><\/h2>\n\n\n\n<p>D\u00e8s les premiers instants, le G9 s\u00e9duit par son atmosph\u00e8re apaisante. Les lignes fluides et horizontales du tableau de bord accentuent la sensation d\u2019espace, tandis que les mat\u00e9riaux nobles cr\u00e9ent une ambiance chaleureuse et raffin\u00e9e. La sellerie en cuir Nappa, disponible sur les versions sup\u00e9rieures, offre un toucher souple et un maintien parfait.<\/p>\n\n\n\n<p>Les si\u00e8ges avant disposent de fonctions de <strong>chauffage, ventilation et massage<\/strong>, tandis que les passagers arri\u00e8re profitent d\u2019une assise inclinable \u00e9lectriquement, id\u00e9ale pour les longs trajets. Le toit panoramique vitr\u00e9 inonde la cabine de lumi\u00e8re naturelle, amplifiant la clart\u00e9 et le sentiment de bien-\u00eatre. L\u2019isolation acoustique a \u00e9galement \u00e9t\u00e9 particuli\u00e8rement soign\u00e9e, offrant une atmosph\u00e8re feutr\u00e9e m\u00eame \u00e0 haute vitesse.<\/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 G9 : LE CONFORT AU C\u0152UR DE CHAQUE D\u00c9TAIL <\/strong><\/h2>\n\n\n\n<p>Pens\u00e9 comme un v\u00e9ritable cocon, l&rsquo;int\u00e9rieur du nouveau XPENG G9 met la technologie au service du confort. Les ajustements \u00e9lectriques pr\u00e9cis, les rangements bien int\u00e9gr\u00e9s et la douceur des commandes renforcent l\u2019impression de s\u00e9r\u00e9nit\u00e9 \u00e0 bord. Chaque \u00e9l\u00e9ment semble \u00e0 sa place, sans superflu, pour que le conducteur se concentre sur l\u2019essentiel : le plaisir de conduite.<\/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-g9-edited-1024x576.png\" alt=\"interieur-nouveau-xpeng-g9\" width=\"1024\" height=\"576\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-1536\" title=\"interieur-nouveau-xpeng-g9\" srcset=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g9-edited-768x432.png 768w, https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g9-edited.png 1260w\" 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 G9 : UN DESIGN \u00c9PUR\u00c9 AU SERVICE DE LA TECHNOLOGIE<\/strong><\/h2>\n\n\n\n<p>L\u2019habitacle du nouveau XPENG G9 se distingue par son <strong>architecture minimaliste et technologique<\/strong>. Deux \u00e9crans de 14,96 pouces occupent le centre du tableau de bord, offrant une exp\u00e9rience connect\u00e9e fluide et intuitive gr\u00e2ce au syst\u00e8me d\u2019exploitation <a href=\"https:\/\/groupe-grim.com\/xpeng\/xmart-os-xpeng\/\">Xmart OS<\/a>. L\u2019interface r\u00e9agit instantan\u00e9ment, tandis que l\u2019assistant vocal intelligent reconna\u00eet les commandes naturelles de chaque occupant.<\/p>\n\n\n\n<p>Le conducteur profite d\u2019un affichage clair et personnalisable, tandis que le passager avant dispose de son propre \u00e9cran pour la navigation ou le divertissement. L\u2019ensemble est \u00e9pur\u00e9, sans exc\u00e8s, dans un style qui associe modernit\u00e9 et \u00e9l\u00e9gance.<\/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 G9 : DES AMBIANCES QUI REFL\u00c8TENT CHAQUE PERSONNALIT\u00c9<\/strong><\/h2>\n\n\n\n<p>XPENG propose quatre teintes int\u00e9rieures pour le G9, permettant \u00e0 chacun d\u2019exprimer son style.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Le <strong>noir<\/strong> se distingue par sa sobri\u00e9t\u00e9 et son allure statutaire, parfaite pour ceux qui recherchent un int\u00e9rieur feutr\u00e9 et \u00e9l\u00e9gant.<\/li>\n\n\n\n<li>Le <strong>gris diamant<\/strong>, plus clair et lumineux, met en valeur la puret\u00e9 du design et agrandit visuellement l\u2019espace.<\/li>\n\n\n\n<li>La teinte <strong>moka<\/strong> cr\u00e9e une atmosph\u00e8re douce et raffin\u00e9e, empreinte de chaleur et d\u2019\u00e9quilibre.<\/li>\n\n\n\n<li>Enfin, la finition <strong>terre battue<\/strong>, d\u2019un brun clair inspir\u00e9 des cuirs naturels, conf\u00e8re une touche distinctive et contemporaine.<\/li>\n<\/ul>\n\n\n\n<p>Chacune de ces ambiances r\u00e9v\u00e8le une facette diff\u00e9rente du G9, tout en respectant la coh\u00e9rence visuelle et la qualit\u00e9 d\u2019ex\u00e9cution qui font la signature de <a href=\"https:\/\/groupe-grim.com\/xpeng\/la-marque-xpeng\/\">XPENG<\/a>.<\/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 G9 : NOIR &#8211; L&rsquo;\u00c9L\u00c9GANCE INTEMPORELLE<\/strong><\/h2>\n\n\n\n<p>Sobri\u00e9t\u00e9, discr\u00e9tion et prestige. L\u2019int\u00e9rieur <strong>noir<\/strong> du XPENG G9 incarne le classicisme du luxe automobile. Il cr\u00e9e une ambiance feutr\u00e9e et raffin\u00e9e, id\u00e9ale pour ceux qui recherchent une atmosph\u00e8re sobre et statutaire. Cette teinte met en valeur les lignes \u00e9pur\u00e9es de l\u2019habitacle et renforce la sensation de solidit\u00e9 et de ma\u00eetrise.<\/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-g9-noir-1024x496.jpg\" alt=\"interieur-nouveau-xpeng-g9-noir\" width=\"1024\" height=\"496\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-1525\" title=\"interieur-nouveau-xpeng-g9-noir\" srcset=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g9-noir-768x372.jpg 768w, https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g9-noir.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 G9 : GRIS DIAMANT &#8211; LA CLART\u00c9 ET LA MODERNIT\u00c9<\/strong><\/h2>\n\n\n\n<p>Plus lumineux et contemporain, le <strong>gris diamant<\/strong> accentue la puret\u00e9 du design int\u00e9rieur du G9. Il refl\u00e8te la lumi\u00e8re naturelle et agrandit visuellement l\u2019espace, tout en soulignant la finesse des finitions. Ce ton clair apporte une touche de modernit\u00e9 \u00e9l\u00e9gante et apaisante, parfaite pour un environnement technologique et 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-g9-gris-diamant-1024x496.jpg\" alt=\"interieur-nouveau-xpeng-g9-gris-diamant\" width=\"1024\" height=\"496\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-1527\" title=\"interieur-nouveau-xpeng-g9-gris-diamant\" srcset=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g9-gris-diamant-768x372.jpg 768w, https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g9-gris-diamant.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 G9 : MOKA &#8211; LA COULEUR DU RAFFINEMENT <\/strong><\/h2>\n\n\n\n<p>Chaleureuse et r\u00e9confortante, la teinte <strong>moka<\/strong> enveloppe les passagers dans une atmosph\u00e8re douce et sophistiqu\u00e9e. Ce brun profond ajoute une note de caract\u00e8re tout en conservant une grande \u00e9l\u00e9gance. C\u2019est une ambiance qui inspire le calme, id\u00e9ale pour les longs trajets o\u00f9 confort et bien-\u00eatre se conjuguent naturellement.<\/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-g9-moka-1024x496.jpg\" alt=\"interieur-nouveau-xpeng-g9-moka\" width=\"1024\" height=\"496\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-1529\" title=\"interieur-nouveau-xpeng-g9-moka\" srcset=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g9-moka-768x372.jpg 768w, https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g9-moka.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 G9 : TERRE BATTUE &#8211; LE NATUREL ET LE CARACT\u00c8RE<\/strong><\/h2>\n\n\n\n<p>Inspir\u00e9e des cuirs clairs et des teintes organiques, la finition <strong>terre battue<\/strong> apporte une dimension plus expressive \u00e0 l\u2019int\u00e9rieur du G9. Elle \u00e9voque l\u2019authenticit\u00e9 et le go\u00fbt du d\u00e9tail, tout en gardant une esth\u00e9tique premium. Sa tonalit\u00e9 chaude et lumineuse renforce le lien entre modernit\u00e9 technologique et sophistication artisanale.<\/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-g9-terre-battue-1024x496.jpg\" alt=\"interieur-nouveau-xpeng-g9-terre-battue\" width=\"1024\" height=\"496\" loading=\"lazy\" decoding=\"async\" class=\"wp-image-1531\" title=\"interieur-nouveau-xpeng-g9-terre-battue\" srcset=\"https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g9-terre-battue-768x372.jpg 768w, https:\/\/groupe-grim.com\/xpeng\/wp-content\/uploads\/2025\/10\/interieur-nouveau-xpeng-g9-terre-battue.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 G9 : UN INT\u00c9RIEUR QUI INCARNE LA VISION XPENG <\/strong><\/h2>\n\n\n\n<p>\u00c0 travers le nouveau G9, <a href=\"https:\/\/www.xpeng.com\/fr\" target=\"_blank\" rel=\"noopener\">XPENG<\/a> affirme son ambition : red\u00e9finir les codes du SUV \u00e9lectrique premium. L\u2019int\u00e9rieur illustre parfaitement cette vision, en associant technologie, \u00e9l\u00e9gance et bien-\u00eatre. Chaque trajet devient une exp\u00e9rience apaisante, immersive et r\u00e9solument moderne.<\/p>\n\n\n\n<p>Le G9 ne se contente pas d\u2019emmener ses passagers d\u2019un point A \u00e0 un point B : il transforme la route en un moment de s\u00e9r\u00e9nit\u00e9, o\u00f9 la technologie s\u2019efface derri\u00e8re le confort et l\u2019\u00e9motion.<\/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-69fb817907041 {\n                font-family: 'GrimCustomFont', system-ui, sans-serif;\n            }\n\n    #test-drive-69fb817907041 h2,\n    #test-drive-69fb817907041 h3 {\n        color: #1f2937;\n                font-family: 'GrimCustomFont', system-ui, sans-serif;\n        font-weight: 700;\n            }\n\n    #test-drive-69fb817907041 .separator-bar {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-69fb817907041 .btn-primary {\n        background-color: #000000;\n        border-color: #000000;\n    }\n\n    #test-drive-69fb817907041 .btn-primary:hover {\n        background-color: #333333;\n        opacity: 0.9;\n    }\n\n    #test-drive-69fb817907041 .btn-secondary {\n        border-color: #000000;\n        color: #000000;\n    }\n\n    #test-drive-69fb817907041 .btn-secondary:hover {\n        background-color: #00000010;\n    }\n\n    #test-drive-69fb817907041 .text-primary {\n        color: #4b5563;\n    }\n\n    #test-drive-69fb817907041 .test-drive-progress-bar-fill {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-69fb817907041 .test-drive-model-card.selected,\n    #test-drive-69fb817907041 .test-drive-dealership-card.selected {\n        border-color: #a4ce4c;\n        background-color: #a4ce4c10;\n    }\n\n    #test-drive-69fb817907041 input:focus,\n    #test-drive-69fb817907041 textarea:focus {\n        border-color: #a4ce4c;\n        ring-color: #a4ce4c;\n    }\n\n    #test-drive-69fb817907041 input[type=\"checkbox\"]:checked {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-69fb817907041 .test-drive-back-button {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-69fb817907041 .dealer-signature a:hover {\n        color: #a4ce4c;\n    }\n\n    #test-drive-69fb817907041 .dealer-signature a:hover i.fa-location-dot {\n        color: #a4ce4c;\n    }\n\n    \/* Stepper colors *\/\n    #test-drive-69fb817907041 .step-item.active .step-circle {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-69fb817907041 .step-item.active .step-label {\n        color: #a4ce4c;\n    }\n\n    \/* Stepper completed - utiliser couleur primaire au lieu du vert *\/\n    #test-drive-69fb817907041 .step-item.completed .step-circle {\n        background-color: #a4ce4c;\n    }\n\n    #test-drive-69fb817907041 .step-line.completed {\n        background-color: #a4ce4c;\n    }\n\n    \/* Boutons principaux en noir *\/\n    #test-drive-69fb817907041 .btn-theme-primary,\n    #test-drive-69fb817907041 button#open-test-drive-form {\n        background-color: #000000 !important;\n        border-color: #000000 !important;\n        color: #ffffff !important;\n    }\n\n    #test-drive-69fb817907041 .btn-theme-primary:hover,\n    #test-drive-69fb817907041 button#open-test-drive-form:hover {\n        background-color: #333333 !important;\n    }\n\n    \/* Bouton secondaire (appel) en noir *\/\n    #test-drive-69fb817907041 a[href^=\"tel:\"] {\n        border-color: #000000 !important;\n        color: #000000 !important;\n    }\n\n    #test-drive-69fb817907041 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-69fb817907041 i,\n    #test-drive-69fb817907041 .fa-solid,\n    #test-drive-69fb817907041 .fa-regular,\n    #test-drive-69fb817907041 .fa-brands {\n        font-style: normal !important;\n    }\n<\/style>\n\n<div id=\"test-drive-69fb817907041\" 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-g9-2025\/interieur-nouveau-xpeng-g9\/\">\n                <input type=\"hidden\" name=\"source_page_title\" value=\"Int\u00e9rieur nouveau XPENG G9 : entre raffinement et intelligence embarqu\u00e9e\">\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=\"1778090361\">\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: 'ac7dc4c2cc'\n    };\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Le nouveau XPENG G9 n\u2019est pas seulement un SUV \u00e9lectrique performant. C\u2019est une exp\u00e9rience sensorielle \u00e0 part enti\u00e8re, pens\u00e9e pour le confort, le silence et la modernit\u00e9. \u00c0 bord, chaque d\u00e9tail traduit la volont\u00e9 de la marque de repousser les standards du segment premium, en mariant design \u00e9pur\u00e9 et technologie intuitive. INT\u00c9RIEUR NOUVEAU XPENG G9 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":1529,"parent":1159,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12,16],"tags":[],"class_list":["post-1516","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-gamme-xpeng","category-xpeng-g9-gamme-xpeng"],"acf":[],"_links":{"self":[{"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts\/1516","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=1516"}],"version-history":[{"count":25,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts\/1516\/revisions"}],"predecessor-version":[{"id":1548,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts\/1516\/revisions\/1548"}],"up":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/posts\/1159"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/media\/1529"}],"wp:attachment":[{"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/media?parent=1516"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/categories?post=1516"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/groupe-grim.com\/xpeng\/wp-json\/wp\/v2\/tags?post=1516"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}