{"id":123,"date":"2025-10-19T17:54:54","date_gmt":"2025-10-19T17:54:54","guid":{"rendered":"https:\/\/sda-sa.com\/?page_id=123"},"modified":"2025-10-28T15:50:25","modified_gmt":"2025-10-28T15:50:25","slug":"service","status":"publish","type":"page","link":"https:\/\/sda-sa.com\/en\/service\/","title":{"rendered":"Service"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"123\" class=\"elementor elementor-123\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11d989c e-flex e-con-boxed e-con e-parent\" data-id=\"11d989c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d7753ec elementor-widget elementor-widget-html\" data-id=\"d7753ec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t    <style>\n        html {\n            scroll-behavior: smooth;\n        }\n\n        \/* Couleurs du logo SDA *\/\n        :root {\n            --sda-blue-light: #4BA3E3;\n            --sda-blue-medium: #5B9DB5;\n            --sda-blue-dark: #366B8A;\n        }\n\n       \n\n        .gradient-sda {\n            background: linear-gradient(135deg, var(--sda-blue-light) 0%, var(--sda-blue-dark) 100%);\n        }\n\n        .gradient-sda-light {\n            background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);\n        }\n\n        .nav-sticky {\n            position: sticky;\n            top: 0;\n            z-index: 100;\n            background: rgba(255, 255, 255, 0.95);\n            backdrop-filter: blur(10px);\n            transition: all 0.3s ease;\n            border-bottom: 2px solid var(--sda-blue-light);\n        }\n\n        .nav-sticky.is-stuck {\n            box-shadow: 0 4px 20px rgba(75, 163, 227, 0.15);\n        }\n\n        .nav-link {\n            transition: all 0.3s ease;\n            position: relative;\n            font-weight: 500;\n            text-decoration: none;\n            color: var(--sda-blue-dark);\n        }\n\n        .nav-link::after {\n            content: '';\n            position: absolute;\n            bottom: -1px;\n            left: 0;\n            width: 0;\n            height: 3px;\n            background: var(--sda-blue-light);\n            transition: width 0.3s ease;\n        }\n\n        .nav-link:hover::after,\n        .nav-link.active::after {\n            width: 100%;\n        }\n\n        .nav-link:hover {\n            color: var(--sda-blue-light);\n        }\n\n        .service-card {\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n            border-left: 4px solid transparent;\n        }\n\n        .service-card:hover {\n            transform: translateY(-10px);\n            box-shadow: 0 20px 50px rgba(75, 163, 227, 0.2);\n            border-left-color: var(--sda-blue-light);\n        }\n\n        .icon-circle {\n            width: 80px;\n            height: 80px;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            background: linear-gradient(135deg, var(--sda-blue-light) 0%, var(--sda-blue-medium) 100%);\n            box-shadow: 0 10px 30px rgba(75, 163, 227, 0.3);\n            transition: all 0.3s ease;\n        }\n\n        .service-card:hover .icon-circle {\n            transform: rotate(360deg) scale(1.1);\n        }\n\n        section {\n            scroll-margin-top: 100px;\n        }\n\n        .feature-badge {\n            background: var(--sda-blue-light);\n            color: white;\n            padding: 4px 12px;\n            border-radius: 20px;\n            font-size: 0.75rem;\n            font-weight: 600;\n            display: inline-block;\n        }\n\n        .timeline-item {\n            position: relative;\n            padding-left: 40px;\n            padding-bottom: 30px;\n        }\n\n        .timeline-item::before {\n            content: '';\n            position: absolute;\n            left: 0;\n            top: 0;\n            bottom: 0;\n            width: 2px;\n            background: linear-gradient(to bottom, var(--sda-blue-light), var(--sda-blue-dark));\n        }\n\n        .timeline-item::after {\n            content: '';\n            position: absolute;\n            left: -6px;\n            top: 5px;\n            width: 14px;\n            height: 14px;\n            border-radius: 50%;\n            background: var(--sda-blue-light);\n            border: 3px solid white;\n            box-shadow: 0 0 0 4px rgba(75, 163, 227, 0.2);\n        }\n\n        .stat-card {\n            background: white;\n            border-radius: 16px;\n            padding: 30px;\n            text-align: center;\n            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);\n            transition: all 0.3s ease;\n        }\n\n        .stat-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 15px 40px rgba(75, 163, 227, 0.2);\n        }\n\n        .stat-number {\n            font-size: 3rem;\n            font-weight: 800;\n            background: linear-gradient(135deg, var(--sda-blue-light), var(--sda-blue-dark));\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            background-clip: text;\n        }\n\n        .pulse-animation {\n            animation: pulse 2s infinite;\n        }\n\n        @keyframes pulse {\n            0%, 100% {\n                opacity: 1;\n            }\n            50% {\n                opacity: 0.5;\n            }\n        }\n\n        .bg-pattern {\n            background-color: #f8fafc;\n            background-image: \n                radial-gradient(circle at 20% 50%, rgba(75, 163, 227, 0.05) 0%, transparent 50%),\n                radial-gradient(circle at 80% 80%, rgba(91, 157, 181, 0.05) 0%, transparent 50%);\n        }\n    <\/style>\n\n    <!-- Hero Section -->\n    <div class=\"gradient-sda text-white py-20\">\n        <div class=\"max-w-7xl mx-auto px-4 text-center\">\n            <span class=\"feature-badge mb-4\">Excellence et Innovation<\/span>\n            <h2 class=\"text-5xl md:text-6xl font-bold mb-6 mt-4 text-white\">\n                Nos Services\n            <\/h2>\n            <p class=\"text-xl text-blue-100 max-w-3xl mx-auto leading-relaxed\">\n                Des solutions compl\u00e8tes et professionnelles pour r\u00e9pondre \u00e0 tous vos besoins automobiles\n            <\/p>\n        <\/div>\n    <\/div>\n\n    <!-- Navigation Menu -->\n    <div id=\"navContainer\" class=\"nav-sticky bg-white\">\n        <div class=\"max-w-7xl mx-auto px-4\">\n            <nav class=\"flex justify-center space-x-8 overflow-x-auto py-4\">\n                <a href=\"#pieces\" class=\"nav-link px-3 whitespace-nowrap\">\n                    <i class=\"fas fa-cog mr-2\"><\/i>\n                    Pi\u00e8ces de rechange\n                <\/a>\n                <a href=\"#support\" class=\"nav-link px-3 whitespace-nowrap\">\n                    <i class=\"fas fa-headset mr-2\"><\/i>\n                    Support technique\n                <\/a>\n                <a href=\"#qualite\" class=\"nav-link px-3 whitespace-nowrap\">\n                    <i class=\"fas fa-certificate mr-2\"><\/i>\n                    Management qualit\u00e9\n                <\/a>\n                <a href=\"#maintenance\" class=\"nav-link px-3 whitespace-nowrap\">\n                    <i class=\"fas fa-wrench mr-2\"><\/i>\n                    Maintenance & R\u00e9paration\n                <\/a>\n            <\/nav>\n        <\/div>\n    <\/div>\n\n    <!-- Statistiques rapides -->\n    <div class=\"max-w-7xl mx-auto px-4 py-12\">\n        <div class=\"grid grid-cols-1 md:grid-cols-4 gap-6\">\n            <div class=\"stat-card\">\n                <i class=\"fas fa-tools text-4xl mb-3\" style=\"color: var(--sda-blue-light);\"><\/i>\n                <div class=\"stat-number\">5000+<\/div>\n                <p class=\"text-gray-600 font-medium\">Pi\u00e8ces en stock<\/p>\n            <\/div>\n            <div class=\"stat-card\">\n                <i class=\"fas fa-clock text-4xl mb-3\" style=\"color: var(--sda-blue-medium);\"><\/i>\n                <div class=\"stat-number\">24\/7<\/div>\n                <p class=\"text-gray-600 font-medium\">Support disponible<\/p>\n            <\/div>\n            <div class=\"stat-card\">\n                <i class=\"fas fa-award text-4xl mb-3\" style=\"color: var(--sda-blue-dark);\"><\/i>\n                <div class=\"stat-number\">ISO<\/div>\n                <p class=\"text-gray-600 font-medium\">Certification qualit\u00e9<\/p>\n            <\/div>\n            <div class=\"stat-card\">\n                <i class=\"fas fa-users text-4xl mb-3\" style=\"color: var(--sda-blue-light);\"><\/i>\n                <div class=\"stat-number\">100+<\/div>\n                <p class=\"text-gray-600 font-medium\">Clients satisfaits<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- Content Section -->\n    <div class=\"max-w-7xl mx-auto px-4 py-20 space-y-24\">\n        \n        <!-- Section 1: Pi\u00e8ces de rechange -->\n        <section id=\"pieces\">\n            <div class=\"service-card bg-white rounded-3xl shadow-xl p-8 md:p-12\">\n                <div class=\"flex flex-col md:flex-row items-start gap-8\">\n                    <div class=\"icon-circle flex-shrink-0\">\n                        <i class=\"fas fa-cog text-white text-4xl\"><\/i>\n                    <\/div>\n                    \n                    <div class=\"flex-1\">\n                        <div class=\"mb-6\">\n                            <span class=\"feature-badge mb-3\">Service Premium<\/span>\n                            <h3 class=\"text-4xl font-bold text-gray-900 mt-3 mb-4\">Pi\u00e8ces de rechange<\/h3>\n                            <p class=\"text-xl text-gray-600 leading-relaxed\">\n                                Un stock complet de pi\u00e8ces d'origine et accessoires pour garantir la long\u00e9vit\u00e9 et la performance optimale de vos v\u00e9hicules.\n                            <\/p>\n                        <\/div>\n\n                        <div class=\"grid md:grid-cols-2 gap-6 mb-8\">\n                            <div class=\"bg-gradient-to-br from-blue-50 to-white rounded-xl p-6 border border-blue-100\">\n                                <i class=\"fas fa-check-circle text-2xl mb-3\" style=\"color: var(--sda-blue-light);\"><\/i>\n                                <h4 class=\"font-bold text-gray-900 mb-2 text-lg\">Pi\u00e8ces d'origine Golden Dragon<\/h4>\n                                <p class=\"text-gray-600\">Garantie constructeur pour tous les bus et v\u00e9hicules de la gamme<\/p>\n                            <\/div>\n                            <div class=\"bg-gradient-to-br from-blue-50 to-white rounded-xl p-6 border border-blue-100\">\n                                <i class=\"fas fa-truck-fast text-2xl mb-3\" style=\"color: var(--sda-blue-medium);\"><\/i>\n                                <h4 class=\"font-bold text-gray-900 mb-2 text-lg\">Livraison rapide<\/h4>\n                                <p class=\"text-gray-600\">Service de livraison express sur toute la sous-r\u00e9gion<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"bg-gradient-sda-light rounded-xl p-6\">\n                            <h4 class=\"font-bold text-gray-900 mb-4 flex items-center\">\n                                <i class=\"fas fa-list-check mr-3\" style=\"color: var(--sda-blue-dark);\"><\/i>\n                                Notre catalogue comprend :\n                            <\/h4>\n                            <div class=\"grid md:grid-cols-2 gap-4\">\n                                <ul class=\"space-y-2 text-gray-700\">\n                                    <li class=\"flex items-start\">\n                                        <span style=\"color: var(--sda-blue-light);\" class=\"mr-2 mt-1 font-bold\">\u25cf<\/span>\n                                        <span>Pi\u00e8ces moteur et transmission<\/span>\n                                    <\/li>\n                                    <li class=\"flex items-start\">\n                                        <span style=\"color: var(--sda-blue-light);\" class=\"mr-2 mt-1 font-bold\">\u25cf<\/span>\n                                        <span>Syst\u00e8mes de freinage<\/span>\n                                    <\/li>\n                                    <li class=\"flex items-start\">\n                                        <span style=\"color: var(--sda-blue-light);\" class=\"mr-2 mt-1 font-bold\">\u25cf<\/span>\n                                        <span>Suspension et direction<\/span>\n                                    <\/li>\n                                    <li class=\"flex items-start\">\n                                        <span style=\"color: var(--sda-blue-light);\" class=\"mr-2 mt-1 font-bold\">\u25cf<\/span>\n                                        <span>Syst\u00e8mes \u00e9lectriques<\/span>\n                                    <\/li>\n                                <\/ul>\n                                <ul class=\"space-y-2 text-gray-700\">\n                                    <li class=\"flex items-start\">\n                                        <span style=\"color: var(--sda-blue-light);\" class=\"mr-2 mt-1 font-bold\">\u25cf<\/span>\n                                        <span>Filtres et lubrifiants<\/span>\n                                    <\/li>\n                                    <li class=\"flex items-start\">\n                                        <span style=\"color: var(--sda-blue-light);\" class=\"mr-2 mt-1 font-bold\">\u25cf<\/span>\n                                        <span>Pneumatiques toutes cat\u00e9gories<\/span>\n                                    <\/li>\n                                    <li class=\"flex items-start\">\n                                        <span style=\"color: var(--sda-blue-light);\" class=\"mr-2 mt-1 font-bold\">\u25cf<\/span>\n                                        <span>Accessoires et \u00e9quipements<\/span>\n                                    <\/li>\n                                    <li class=\"flex items-start\">\n                                        <span style=\"color: var(--sda-blue-light);\" class=\"mr-2 mt-1 font-bold\">\u25cf<\/span>\n                                        <span>Carrosserie et vitrage<\/span>\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Section 2: Support technique -->\n        <section id=\"support\">\n            <div class=\"service-card bg-white rounded-3xl shadow-xl p-8 md:p-12\">\n                <div class=\"flex flex-col md:flex-row-reverse items-start gap-8\">\n                    <div class=\"icon-circle flex-shrink-0\">\n                        <i class=\"fas fa-headset text-white text-4xl\"><\/i>\n                    <\/div>\n                    \n                    <div class=\"flex-1\">\n                        <div class=\"mb-6\">\n                            <span class=\"feature-badge mb-3\">Assistance 24\/7<\/span>\n                            <h3 class=\"text-4xl font-bold text-gray-900 mt-3 mb-4\">Support technique<\/h3>\n                            <p class=\"text-xl text-gray-600 leading-relaxed\">\n                                Une \u00e9quipe d'experts \u00e0 votre \u00e9coute pour vous accompagner et r\u00e9soudre tous vos probl\u00e8mes techniques rapidement.\n                            <\/p>\n                        <\/div>\n\n                        <div class=\"space-y-6 mb-8\">\n                            <div class=\"timeline-item\">\n                                <div class=\"bg-gradient-to-br from-blue-50 to-white rounded-xl p-6 border border-blue-100\">\n                                    <div class=\"flex items-start justify-between mb-3\">\n                                        <h4 class=\"font-bold text-gray-900 text-lg\">Hotline t\u00e9l\u00e9phonique<\/h4>\n                                        <span class=\"text-xs px-3 py-1 rounded-full\" style=\"background: var(--sda-blue-light); color: white;\">Prioritaire<\/span>\n                                    <\/div>\n                                    <p class=\"text-gray-600 mb-3\">Assistance imm\u00e9diate par t\u00e9l\u00e9phone pour les urgences<\/p>\n                                    <div class=\"flex items-center text-sm\" style=\"color: var(--sda-blue-dark);\">\n                                        <i class=\"fas fa-phone mr-2\"><\/i>\n                                        <span class=\"font-semibold\">25 47 77 25 \/ 72 07 07 05<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"timeline-item\">\n                                <div class=\"bg-gradient-to-br from-blue-50 to-white rounded-xl p-6 border border-blue-100\">\n                                    <h4 class=\"font-bold text-gray-900 text-lg mb-3\">Diagnostic \u00e0 distance<\/h4>\n                                    <p class=\"text-gray-600\">\u00c9valuation technique et recommandations par nos experts<\/p>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"timeline-item\">\n                                <div class=\"bg-gradient-to-br from-blue-50 to-white rounded-xl p-6 border border-blue-100\">\n                                    <h4 class=\"font-bold text-gray-900 text-lg mb-3\">Intervention sur site<\/h4>\n                                    <p class=\"text-gray-600\">D\u00e9placement de nos techniciens pour les pannes complexes<\/p>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"timeline-item\">\n                                <div class=\"bg-gradient-to-br from-blue-50 to-white rounded-xl p-6 border border-blue-100\">\n                                    <h4 class=\"font-bold text-gray-900 text-lg mb-3\">Formation technique<\/h4>\n                                    <p class=\"text-gray-600\">Sessions de formation pour vos \u00e9quipes de maintenance<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"gradient-sda rounded-xl p-6 text-white\">\n                            <div class=\"flex items-center mb-3\">\n                                <i class=\"fas fa-star text-2xl mr-3\"><\/i>\n                                <h4 class=\"font-bold text-xl text-white\">Garantie de satisfaction<\/h4>\n                            <\/div>\n                            <p class=\"text-blue-100\">\n                                Nos techniciens certifi\u00e9s s'engagent \u00e0 r\u00e9soudre 95% des probl\u00e8mes dans les 24 heures suivant votre appel.\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Section 3: Management de la qualit\u00e9 -->\n        <section id=\"qualite\">\n            <div class=\"service-card bg-white rounded-3xl shadow-xl p-8 md:p-12\">\n                <div class=\"flex flex-col md:flex-row items-start gap-8\">\n                    <div class=\"icon-circle flex-shrink-0\">\n                        <i class=\"fas fa-certificate text-white text-4xl\"><\/i>\n                    <\/div>\n                    \n                    <div class=\"flex-1\">\n                        <div class=\"mb-6\">\n                            <span class=\"feature-badge mb-3\">Excellence certifi\u00e9e<\/span>\n                            <h3 class=\"text-4xl font-bold text-gray-900 mt-3 mb-4\">Management de la qualit\u00e9<\/h3>\n                            <p class=\"text-xl text-gray-600 leading-relaxed\">\n                                Un engagement constant pour l'excellence, avec des processus rigoureux et des standards internationaux.\n                            <\/p>\n                        <\/div>\n\n                        <div class=\"grid md:grid-cols-3 gap-6 mb-8\">\n                            <div class=\"text-center p-6 rounded-xl\" style=\"background: linear-gradient(135deg, var(--sda-blue-light) 0%, var(--sda-blue-medium) 100%);\">\n                                <i class=\"fas fa-shield-alt text-5xl text-white mb-4\"><\/i>\n                                <h4 class=\"font-bold text-white text-lg mb-2\">Normes ISO<\/h4>\n                                <p class=\"text-blue-100 text-sm\">Conformit\u00e9 aux standards internationaux<\/p>\n                            <\/div>\n                            <div class=\"text-center p-6 rounded-xl\" style=\"background: linear-gradient(135deg, var(--sda-blue-medium) 0%, var(--sda-blue-dark) 100%);\">\n                                <i class=\"fas fa-clipboard-check text-5xl text-white mb-4\"><\/i>\n                                <h4 class=\"font-bold text-white text-lg mb-2\">Contr\u00f4le qualit\u00e9<\/h4>\n                                <p class=\"text-blue-100 text-sm\">Inspection rigoureuse de chaque pi\u00e8ce<\/p>\n                            <\/div>\n                            <div class=\"text-center p-6 rounded-xl\" style=\"background: linear-gradient(135deg, var(--sda-blue-dark) 0%, #2C5570 100%);\">\n                                <i class=\"fas fa-chart-line text-5xl text-white mb-4\"><\/i>\n                                <h4 class=\"font-bold text-white text-lg mb-2\">Am\u00e9lioration continue<\/h4>\n                                <p class=\"text-blue-100 text-sm\">Optimisation permanente des processus<\/p>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"bg-gradient-sda-light rounded-xl p-8\">\n                            <h4 class=\"font-bold text-gray-900 mb-6 text-2xl flex items-center\">\n                                <i class=\"fas fa-tasks mr-3\" style=\"color: var(--sda-blue-dark);\"><\/i>\n                                Notre d\u00e9marche qualit\u00e9\n                            <\/h4>\n                            \n                            <div class=\"space-y-4\">\n                                <div class=\"flex items-start\">\n                                    <div class=\"w-10 h-10 rounded-full flex items-center justify-center flex-shrink-0 text-white font-bold mr-4\" style=\"background: var(--sda-blue-light);\">1<\/div>\n                                    <div>\n                                        <h5 class=\"font-bold text-gray-900 mb-1\">S\u00e9lection des fournisseurs<\/h5>\n                                        <p class=\"text-gray-600\">Partenariats exclusifs avec des fabricants certifi\u00e9s<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex items-start\">\n                                    <div class=\"w-10 h-10 rounded-full flex items-center justify-center flex-shrink-0 text-white font-bold mr-4\" style=\"background: var(--sda-blue-medium);\">2<\/div>\n                                    <div>\n                                        <h5 class=\"font-bold text-gray-900 mb-1\">Contr\u00f4le \u00e0 r\u00e9ception<\/h5>\n                                        <p class=\"text-gray-600\">V\u00e9rification syst\u00e9matique de toutes les pi\u00e8ces entrantes<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex items-start\">\n                                    <div class=\"w-10 h-10 rounded-full flex items-center justify-center flex-shrink-0 text-white font-bold mr-4\" style=\"background: var(--sda-blue-dark);\">3<\/div>\n                                    <div>\n                                        <h5 class=\"font-bold text-gray-900 mb-1\">Tra\u00e7abilit\u00e9 compl\u00e8te<\/h5>\n                                        <p class=\"text-gray-600\">Suivi de chaque pi\u00e8ce de l'origine \u00e0 l'installation<\/p>\n                                    <\/div>\n                                <\/div>\n                                <div class=\"flex items-start\">\n                                    <div class=\"w-10 h-10 rounded-full flex items-center justify-center flex-shrink-0 text-white font-bold mr-4\" style=\"background: var(--sda-blue-light);\">4<\/div>\n                                    <div>\n                                        <h5 class=\"font-bold text-gray-900 mb-1\">Satisfaction client<\/h5>\n                                        <p class=\"text-gray-600\">\u00c9valuation continue et mesure de la qualit\u00e9 per\u00e7ue<\/p>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n        <!-- Section 4: Maintenance et r\u00e9paration -->\n        <section id=\"maintenance\">\n            <div class=\"service-card bg-white rounded-3xl shadow-xl p-8 md:p-12\">\n                <div class=\"flex flex-col md:flex-row-reverse items-start gap-8\">\n                    <div class=\"icon-circle flex-shrink-0\">\n                        <i class=\"fas fa-wrench text-white text-4xl\"><\/i>\n                    <\/div>\n                    \n                    <div class=\"flex-1\">\n                        <div class=\"mb-6\">\n                            <span class=\"feature-badge mb-3\">Service Expert<\/span>\n                            <h3 class=\"text-4xl font-bold text-gray-900 mt-3 mb-4\">Maintenance et r\u00e9paration<\/h3>\n                            <p class=\"text-xl text-gray-600 leading-relaxed\">\n                                Des services professionnels de maintenance pr\u00e9ventive et corrective pour maximiser la dur\u00e9e de vie de vos v\u00e9hicules.\n                            <\/p>\n                        <\/div>\n\n                        <div class=\"grid md:grid-cols-2 gap-6 mb-8\">\n                            <!-- Maintenance pr\u00e9ventive -->\n                            <div class=\"bg-gradient-to-br from-green-50 to-white rounded-xl p-6 border-l-4\" style=\"border-color: var(--sda-blue-light);\">\n                                <div class=\"flex items-center mb-4\">\n                                    <i class=\"fas fa-calendar-check text-3xl mr-3\" style=\"color: var(--sda-blue-light);\"><\/i>\n                                    <h4 class=\"font-bold text-gray-900 text-xl\">Maintenance pr\u00e9ventive<\/h4>\n                                <\/div>\n                                <ul class=\"space-y-2 text-gray-700\">\n                                    <li class=\"flex items-start\">\n                                        <i class=\"fas fa-check mr-2 mt-1\" style=\"color: var(--sda-blue-light);\"><\/i>\n                                        <span>R\u00e9visions programm\u00e9es selon le kilom\u00e9trage<\/span>\n                                    <\/li>\n                                    <li class=\"flex items-start\">\n                                        <i class=\"fas fa-check mr-2 mt-1\" style=\"color: var(--sda-blue-light);\"><\/i>\n                                        <span>Vidanges et changements de filtres<\/span>\n                                    <\/li>\n                                    <li class=\"flex items-start\">\n                                        <i class=\"fas fa-check mr-2 mt-1\" style=\"color: var(--sda-blue-light);\"><\/i>\n                                        <span>Contr\u00f4les de s\u00e9curit\u00e9 complets<\/span>\n                                    <\/li>\n                                    <li class=\"flex items-start\">\n                                        <i class=\"fas fa-check mr-2 mt-1\" style=\"color: var(--sda-blue-light);\"><\/i>\n                                        <span>Diagnostic \u00e9lectronique<\/span>\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n\n                            <!-- Maintenance corrective -->\n                            <div class=\"bg-gradient-to-br from-orange-50 to-white rounded-xl p-6 border-l-4\" style=\"border-color: var(--sda-blue-medium);\">\n                                <div class=\"flex items-center mb-4\">\n                                    <i class=\"fas fa-tools text-3xl mr-3\" style=\"color: var(--sda-blue-medium);\"><\/i>\n                                    <h4 class=\"font-bold text-gray-900 text-xl\">Maintenance corrective<\/h4>\n                                <\/div>\n                                <ul class=\"space-y-2 text-gray-700\">\n                                    <li class=\"flex items-start\">\n                                        <i class=\"fas fa-check mr-2 mt-1\" style=\"color: var(--sda-blue-medium);\"><\/i>\n                                        <span>R\u00e9parations m\u00e9caniques<\/span>\n                                    <\/li>\n                                    <li class=\"flex items-start\">\n                                        <i class=\"fas fa-check mr-2 mt-1\" style=\"color: var(--sda-blue-medium);\"><\/i>\n                                        <span>R\u00e9parations \u00e9lectriques<\/span>\n                                    <\/li>\n                                    <li class=\"flex items-start\">\n                                        <i class=\"fas fa-check mr-2 mt-1\" style=\"color: var(--sda-blue-medium);\"><\/i>\n                                        <span>Carrosserie et peinture<\/span>\n                                    <\/li>\n                                    <li class=\"flex items-start\">\n                                        <i class=\"fas fa-check mr-2 mt-1\" style=\"color: var(--sda-blue-medium);\"><\/i>\n                                        <span>Remise en \u00e9tat compl\u00e8te<\/span>\n                                    <\/li>\n                                <\/ul>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Nos garanties -->\n                        <div class=\"gradient-sda rounded-xl p-8 text-white\">\n                            <h4 class=\"font-bold text-2xl mb-6 flex items-center\">\n                                <i class=\"fas fa-shield-alt text-3xl mr-3\"><\/i>\n                                Nos garanties\n                            <\/h4>\n                            <div class=\"grid md:grid-cols-2 gap-6\">\n                                <div>\n                                    <div class=\"flex items-center mb-2\">\n                                        <i class=\"fas fa-user-tie text-xl mr-3\"><\/i>\n                                        <h5 class=\"font-bold\">Techniciens certifi\u00e9s<\/h5>\n                                    <\/div>\n                                    <p class=\"text-blue-100 text-sm\">Form\u00e9s par Golden Dragon et continuellement mis \u00e0 jour<\/p>\n                                <\/div>\n                                <div>\n                                    <div class=\"flex items-center mb-2\">\n                                        <i class=\"fas fa-cog text-xl mr-3\"><\/i>\n                                        <h5 class=\"font-bold\">Pi\u00e8ces d'origine<\/h5>\n                                    <\/div>\n                                    <p class=\"text-blue-100 text-sm\">Utilisation exclusive de pi\u00e8ces certifi\u00e9es constructeur<\/p>\n                                <\/div>\n                                <div>\n                                    <div class=\"flex items-center mb-2\">\n                                        <i class=\"fas fa-clock text-xl mr-3\"><\/i>\n                                        <h5 class=\"font-bold\">D\u00e9lais respect\u00e9s<\/h5>\n                                    <\/div>\n                                    <p class=\"text-blue-100 text-sm\">Engagement sur les temps d'intervention et de r\u00e9paration<\/p>\n                                <\/div>\n                                <div>\n                                    <div class=\"flex items-center mb-2\">\n                                        <i class=\"fas fa-file-contract text-xl mr-3\"><\/i>\n                                        <h5 class=\"font-bold\">Garantie des travaux<\/h5>\n                                    <\/div>\n                                    <p class=\"text-blue-100 text-sm\">12 mois de garantie sur toutes nos interventions<\/p>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <!-- Atelier \u00e9quip\u00e9 -->\n                        <div class=\"mt-8 bg-gradient-sda-light rounded-xl p-6\">\n                            <div class=\"flex items-start\">\n                                <i class=\"fas fa-industry text-4xl mr-4\" style=\"color: var(--sda-blue-dark);\"><\/i>\n                                <div>\n                                    <h4 class=\"font-bold text-gray-900 text-lg mb-2\">Atelier moderne et \u00e9quip\u00e9<\/h4>\n                                    <p class=\"text-gray-600 mb-4\">\n                                        Notre atelier dispose des \u00e9quipements les plus modernes et des outils de diagnostic de derni\u00e8re g\u00e9n\u00e9ration pour assurer des interventions de qualit\u00e9.\n                                    <\/p>\n                                    <div class=\"flex flex-wrap gap-2\">\n                                        <span class=\"text-xs px-3 py-1 rounded-full\" style=\"background: var(--sda-blue-light); color: white;\">Pont \u00e9l\u00e9vateur<\/span>\n                                        <span class=\"text-xs px-3 py-1 rounded-full\" style=\"background: var(--sda-blue-light); color: white;\">Valise diagnostic<\/span>\n                                        <span class=\"text-xs px-3 py-1 rounded-full\" style=\"background: var(--sda-blue-light); color: white;\">\u00c9quilibrage roues<\/span>\n                                        <span class=\"text-xs px-3 py-1 rounded-full\" style=\"background: var(--sda-blue-light); color: white;\">Banc de freinage<\/span>\n                                        <span class=\"text-xs px-3 py-1 rounded-full\" style=\"background: var(--sda-blue-light); color: white;\">G\u00e9om\u00e9trie 4 roues<\/span>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/section>\n\n    <\/div>\n\n\n    <script>\n        \/\/ Gestion du sticky avec effet\n        const navContainer = document.getElementById('navContainer');\n        \n        window.addEventListener('scroll', () => {\n            if (window.pageYOffset > 100) {\n                navContainer.classList.add('is-stuck');\n            } else {\n                navContainer.classList.remove('is-stuck');\n            }\n        });\n\n        \/\/ Mise en surbrillance du lien actif selon la section visible\n        const sections = document.querySelectorAll('section');\n        const navLinks = document.querySelectorAll('.nav-link');\n\n        window.addEventListener('scroll', () => {\n            let current = '';\n            \n            sections.forEach(section => {\n                const sectionTop = section.offsetTop;\n                const sectionHeight = section.clientHeight;\n                if (window.pageYOffset >= sectionTop - 150) {\n                    current = section.getAttribute('id');\n                }\n            });\n\n            navLinks.forEach(link => {\n                link.classList.remove('active');\n                if (link.getAttribute('href') === '#' + current) {\n                    link.classList.add('active');\n                }\n            });\n        });\n\n        \/\/ Animation au chargement\n        document.addEventListener('DOMContentLoaded', () => {\n            document.body.style.opacity = '0';\n            setTimeout(() => {\n                document.body.style.transition = 'opacity 0.5s';\n                document.body.style.opacity = '1';\n            }, 100);\n        });\n\n        \/\/ Smooth scroll\n        document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n            anchor.addEventListener('click', function (e) {\n                e.preventDefault();\n                const target = document.querySelector(this.getAttribute('href'));\n                if (target) {\n                    target.scrollIntoView({\n                        behavior: 'smooth',\n                        block: 'start'\n                    });\n                }\n            });\n        });\n    <\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Excellence et Innovation Nos Services Des solutions compl\u00e8tes et professionnelles pour r\u00e9pondre \u00e0 tous vos besoins automobiles Pi\u00e8ces de rechange Support technique Management qualit\u00e9 Maintenance &#038; R\u00e9paration 5000+ Pi\u00e8ces en stock 24\/7 Support disponible ISO Certification qualit\u00e9 100+ Clients satisfaits Service Premium Pi\u00e8ces de rechange Un stock complet de pi\u00e8ces d&rsquo;origine et accessoires pour garantir [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-123","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/sda-sa.com\/en\/wp-json\/wp\/v2\/pages\/123","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sda-sa.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sda-sa.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sda-sa.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sda-sa.com\/en\/wp-json\/wp\/v2\/comments?post=123"}],"version-history":[{"count":13,"href":"https:\/\/sda-sa.com\/en\/wp-json\/wp\/v2\/pages\/123\/revisions"}],"predecessor-version":[{"id":506,"href":"https:\/\/sda-sa.com\/en\/wp-json\/wp\/v2\/pages\/123\/revisions\/506"}],"wp:attachment":[{"href":"https:\/\/sda-sa.com\/en\/wp-json\/wp\/v2\/media?parent=123"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}