{"id":124,"date":"2025-10-19T17:54:54","date_gmt":"2025-10-19T17:54:54","guid":{"rendered":"https:\/\/sda-sa.com\/?page_id=124"},"modified":"2025-10-28T21:38:06","modified_gmt":"2025-10-28T21:38:06","slug":"contact","status":"publish","type":"page","link":"https:\/\/sda-sa.com\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"124\" class=\"elementor elementor-124\">\n\t\t\t\t<div class=\"elementor-element elementor-element-efdd540 e-flex e-con-boxed e-con e-parent\" data-id=\"efdd540\" 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-444915e elementor-widget elementor-widget-shortcode\" data-id=\"444915e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\">\n    <style>\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        .sda-contact-wrapper {\n            background: #f8fafc;\n            padding: 0;\n        }\n\n        .sda-contact-hero {\n            background: linear-gradient(135deg, var(--sda-blue-light) 0%, var(--sda-blue-dark) 100%);\n            color: white;\n            padding: 80px 20px 60px;\n            text-align: center;\n        }\n\n        .sda-contact-hero h1 {\n            font-size: 3.5rem;\n            font-weight: 800;\n            margin-bottom: 20px;\n        }\n\n        .sda-contact-hero p {\n            font-size: 1.25rem;\n            color: #e3f2fd;\n            max-width: 600px;\n            margin: 0 auto;\n        }\n\n        .sda-contact-container {\n            max-width: 1200px;\n            margin: -40px auto 80px;\n            padding: 0 20px;\n            position: relative;\n            z-index: 10;\n        }\n\n        .sda-contact-grid {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: 40px;\n            margin-top: 0;\n        }\n\n        @media (max-width: 968px) {\n            .sda-contact-grid {\n                grid-template-columns: 1fr;\n            }\n            \n            .sda-contact-hero h1 {\n                font-size: 2.5rem;\n            }\n        }\n\n        .sda-contact-form-card {\n            background: white;\n            border-radius: 24px;\n            padding: 40px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n        }\n\n        .sda-contact-info-card {\n            background: white;\n            border-radius: 24px;\n            padding: 40px;\n            box-shadow: 0 20px 60px rgba(0, 0, 0, 0.1);\n        }\n\n        .sda-form-group {\n            margin-bottom: 24px;\n        }\n\n        .sda-form-group label {\n            display: block;\n            font-weight: 600;\n            color: #1f2937;\n            margin-bottom: 8px;\n            font-size: 0.95rem;\n        }\n\n        .sda-form-group label .required {\n            color: #ef4444;\n        }\n\n        .sda-form-control {\n            width: 100%;\n            padding: 14px 18px;\n            border: 2px solid #e5e7eb;\n            border-radius: 12px;\n            font-size: 1rem;\n            transition: all 0.3s ease;\n            font-family: inherit;\n            box-sizing: border-box;\n        }\n\n        .sda-form-control:focus {\n            outline: none;\n            border-color: var(--sda-blue-light);\n            box-shadow: 0 0 0 4px rgba(75, 163, 227, 0.1);\n        }\n\n        textarea.sda-form-control {\n            resize: vertical;\n            min-height: 150px;\n        }\n\n        .sda-btn-submit {\n            width: 100%;\n            background: linear-gradient(135deg, var(--sda-blue-light) 0%, var(--sda-blue-dark) 100%);\n            color: white;\n            padding: 16px 32px;\n            border: none;\n            border-radius: 12px;\n            font-size: 1.1rem;\n            font-weight: 700;\n            cursor: pointer;\n            transition: all 0.3s ease;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            gap: 10px;\n        }\n\n        .sda-btn-submit:hover {\n            transform: translateY(-2px);\n            box-shadow: 0 10px 30px rgba(75, 163, 227, 0.3);\n        }\n\n        .sda-alert {\n            padding: 16px 20px;\n            border-radius: 12px;\n            margin-bottom: 24px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            font-weight: 500;\n        }\n\n        .sda-alert-success {\n            background: #d1fae5;\n            color: #065f46;\n            border: 2px solid #10b981;\n        }\n\n        .sda-alert-error {\n            background: #fee2e2;\n            color: #991b1b;\n            border: 2px solid #ef4444;\n        }\n\n        .sda-contact-info-item {\n            display: flex;\n            align-items: start;\n            gap: 20px;\n            padding: 24px;\n            background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);\n            border-radius: 16px;\n            margin-bottom: 20px;\n            transition: all 0.3s ease;\n        }\n\n        .sda-contact-info-item:hover {\n            transform: translateX(5px);\n            box-shadow: 0 10px 30px rgba(75, 163, 227, 0.15);\n        }\n\n        .sda-contact-icon {\n            width: 56px;\n            height: 56px;\n            background: linear-gradient(135deg, var(--sda-blue-light) 0%, var(--sda-blue-medium) 100%);\n            border-radius: 16px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: white;\n            font-size: 1.5rem;\n            flex-shrink: 0;\n        }\n\n        .sda-contact-info-content h3 {\n            font-size: 1.25rem;\n            font-weight: 700;\n            color: #1f2937;\n            margin: 0 0 8px 0;\n        }\n\n        .sda-contact-info-content p {\n            margin: 0;\n            color: #4b5563;\n            font-size: 1rem;\n        }\n\n        .sda-contact-info-content a {\n            color: var(--sda-blue-dark);\n            text-decoration: none;\n            font-weight: 600;\n            transition: color 0.3s ease;\n        }\n\n        .sda-contact-info-content a:hover {\n            color: var(--sda-blue-light);\n        }\n\n        .sda-section-title {\n            font-size: 2rem;\n            font-weight: 800;\n            color: #1f2937;\n            margin-bottom: 16px;\n        }\n\n        .sda-section-subtitle {\n            color: #6b7280;\n            font-size: 1.1rem;\n            margin-bottom: 32px;\n        }\n\n        .sda-horaires-box {\n            background: linear-gradient(135deg, var(--sda-blue-light) 0%, var(--sda-blue-dark) 100%);\n            color: white;\n            padding: 30px;\n            border-radius: 16px;\n            margin-top: 24px;\n        }\n\n        .sda-horaires-box h3 {\n            font-size: 1.5rem;\n            font-weight: 700;\n            margin-bottom: 20px;\n            display: flex;\n            align-items: center;\n            gap: 12px;\n        }\n\n        .sda-horaires-item {\n            display: flex;\n            justify-content: space-between;\n            padding: 12px 0;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n        }\n\n        .sda-horaires-item:last-child {\n            border-bottom: none;\n        }\n\n        .sda-horaires-day {\n            font-weight: 600;\n        }\n\n        .sda-horaires-time {\n            color: #e0f2fe;\n        }\n    <\/style>\n\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n\n    <div class=\"sda-contact-wrapper\">\n        <!-- Hero Section -->\n        <div class=\"sda-contact-hero\">\n            <h1 class=\"text-white\">Contactez-nous<\/h1>\n            <p>Notre \u00e9quipe est \u00e0 votre \u00e9coute pour r\u00e9pondre \u00e0 toutes vos questions<\/p>\n        <\/div>\n\n        <!-- Contact Content -->\n        <div class=\"sda-contact-container\">\n            <div class=\"sda-contact-grid\">\n                <!-- Formulaire de contact -->\n                <div class=\"sda-contact-form-card\">\n                    <h2 class=\"sda-section-title\">Envoyez-nous un message<\/h2>\n                    <p class=\"sda-section-subtitle\">Remplissez le formulaire ci-dessous et nous vous r\u00e9pondrons dans les plus brefs d\u00e9lais<\/p>\n\n                    \n                    \n                    <form method=\"post\" action=\"\" data-trp-original-action=\"\">\n                        <input type=\"hidden\" id=\"sda_contact_nonce\" name=\"sda_contact_nonce\" value=\"52c4a5fce8\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/124\" \/>                        \n                        <div class=\"sda-form-group\">\n                            <label for=\"nom\">Nom <span class=\"required\">*<\/span><\/label>\n                            <input type=\"text\" id=\"nom\" name=\"nom\" class=\"sda-form-control\" required value=\"\">\n                        <\/div>\n\n                        <div class=\"sda-form-group\">\n                            <label for=\"prenom\">Pr\u00e9nom <span class=\"required\">*<\/span><\/label>\n                            <input type=\"text\" id=\"prenom\" name=\"prenom\" class=\"sda-form-control\" required value=\"\">\n                        <\/div>\n\n                        <div class=\"sda-form-group\">\n                            <label for=\"email\">Email <span class=\"required\">*<\/span><\/label>\n                            <input type=\"email\" id=\"email\" name=\"email\" class=\"sda-form-control\" required value=\"\">\n                        <\/div>\n\n                        <div class=\"sda-form-group\">\n                            <label for=\"telephone\">T\u00e9l\u00e9phone<\/label>\n                            <input type=\"tel\" id=\"telephone\" name=\"telephone\" class=\"sda-form-control\" value=\"\">\n                        <\/div>\n\n                        <div class=\"sda-form-group\">\n                            <label for=\"sujet\">Sujet <span class=\"required\">*<\/span><\/label>\n                            <select id=\"sujet\" name=\"sujet\" class=\"sda-form-control\" required>\n                                <option value=\"\">S\u00e9lectionnez un sujet<\/option>\n                                <option value=\"Demande d'information\">Demande d'information<\/option>\n                                <option value=\"Demande de devis\">Demande de devis<\/option>\n                                <option value=\"Service apr\u00e8s-vente\">Service apr\u00e8s-vente<\/option>\n                                <option value=\"Pi\u00e8ces de rechange\">Pi\u00e8ces de rechange<\/option>\n                                <option value=\"Maintenance\">Maintenance<\/option>\n                                <option value=\"Autre\">Autre<\/option>\n                            <\/select>\n                        <\/div>\n\n                        <div class=\"sda-form-group\">\n                            <label for=\"message\">Message <span class=\"required\">*<\/span><\/label>\n                            <textarea id=\"message\" name=\"message\" class=\"sda-form-control\" required><\/textarea>\n                        <\/div>\n\n                        <button type=\"submit\" name=\"sda_contact_submit\" class=\"sda-btn-submit\">\n                            <i class=\"fas fa-paper-plane\"><\/i>\n                            Envoyer le message\n                        <\/button>\n                    <input type=\"hidden\" name=\"trp-form-language\" value=\"en\"\/><\/form>\n                <\/div>\n\n                <!-- Informations de contact -->\n                <div class=\"sda-contact-info-card\">\n                    <h2 class=\"sda-section-title\">Nos coordonn\u00e9es<\/h2>\n                    <p class=\"sda-section-subtitle\">N'h\u00e9sitez pas \u00e0 nous contacter directement<\/p>\n\n                    <div class=\"sda-contact-info-item\">\n                        <div class=\"sda-contact-icon\">\n                            <i class=\"fas fa-phone\"><\/i>\n                        <\/div>\n                        <div class=\"sda-contact-info-content\">\n                            <h3>T\u00e9l\u00e9phone fixe<\/h3>\n                            <p><a href=\"tel:25477725\">25 47 77 25<\/a><\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"sda-contact-info-item\">\n                        <div class=\"sda-contact-icon\">\n                            <i class=\"fas fa-mobile-alt\"><\/i>\n                        <\/div>\n                        <div class=\"sda-contact-info-content\">\n                            <h3>T\u00e9l\u00e9phones portables<\/h3>\n                            <p>\n                                <a href=\"tel:72070705\">72 07 07 05<\/a><br>\n                                <a href=\"tel:44464647\">44 46 46 47<\/a>\n                            <\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"sda-contact-info-item\">\n                        <div class=\"sda-contact-icon\">\n                            <i class=\"fas fa-envelope\"><\/i>\n                        <\/div>\n                        <div class=\"sda-contact-info-content\">\n                            <h3>Email<\/h3>\n                            <p><a href=\"mailto:contact@sda-sa.com\">contact@sda-sa.com<\/a><\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"sda-contact-info-item\">\n                        <div class=\"sda-contact-icon\">\n                            <i class=\"fas fa-map-marker-alt\"><\/i>\n                        <\/div>\n                        <div class=\"sda-contact-info-content\">\n                            <h3>Adresse<\/h3>\n                            <p>Ouagadougou, Burkina Faso<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <!-- Horaires d'ouverture -->\n                    <div class=\"sda-horaires-box\">\n                        <h3 class=\"text-white\">\n                            <i class=\"fas fa-clock\"><\/i>\n                            Horaires d'ouverture\n                        <\/h3>\n                        <div class=\"sda-horaires-item\">\n                            <span class=\"sda-horaires-day\">Lundi - Vendredi<\/span>\n                            <span class=\"sda-horaires-time\">8h00 - 18h00<\/span>\n                        <\/div>\n                        <div class=\"sda-horaires-item\">\n                            <span class=\"sda-horaires-day\">Samedi<\/span>\n                            <span class=\"sda-horaires-time\">8h00 - 13h00<\/span>\n                        <\/div>\n                        <div class=\"sda-horaires-item\">\n                            <span class=\"sda-horaires-day\">Dimanche<\/span>\n                            <span class=\"sda-horaires-time\">Ferm\u00e9<\/span>\n                        <\/div>\n                        <div style=\"margin-top: 20px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.2);\">\n                            <p style=\"margin: 0; color: #e0f2fe; font-size: 0.9rem;\">\n                                <i class=\"fas fa-headset\" style=\"margin-right: 8px;\"><\/i>\n                                Support technique disponible 24\/7\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div><br><br><br><br>\n        <\/div>\n    <\/div>\n\n    <\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"","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-124","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/sda-sa.com\/en\/wp-json\/wp\/v2\/pages\/124","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=124"}],"version-history":[{"count":7,"href":"https:\/\/sda-sa.com\/en\/wp-json\/wp\/v2\/pages\/124\/revisions"}],"predecessor-version":[{"id":516,"href":"https:\/\/sda-sa.com\/en\/wp-json\/wp\/v2\/pages\/124\/revisions\/516"}],"wp:attachment":[{"href":"https:\/\/sda-sa.com\/en\/wp-json\/wp\/v2\/media?parent=124"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}