{"id":20,"date":"2026-04-25T16:11:57","date_gmt":"2026-04-25T14:11:57","guid":{"rendered":"https:\/\/isaukinshasa.net\/?page_id=20"},"modified":"2026-06-22T14:34:06","modified_gmt":"2026-06-22T12:34:06","slug":"contact","status":"publish","type":"page","link":"https:\/\/isaukinshasa.net\/?page_id=20","title":{"rendered":"Contact"},"content":{"rendered":"    <div class=\"isau-contact-page-wrapper\">\n        \n        <!-- SECTION 1: GENERAL INFO -->\n        <h2 class=\"isau-contact-title\">Informations G\u00e9n\u00e9rales de Contact<\/h2>\n        <div class=\"isau-general-contact-boxes\">\n            <!-- Box 1 -->\n            <div class=\"isau-general-box\">\n                <div class=\"isau-general-icon\">\n                    <span class=\"dashicons dashicons-location\"><\/span>\n                <\/div>\n                <div class=\"isau-general-content\">\n                                                                        <p>Avenue de la Lib\u00e9ration, Gombe, Kinshasa, RDC<\/p>\n                                                            <\/div>\n            <\/div>\n\n            <!-- Box 2 -->\n            <div class=\"isau-general-box\">\n                <div class=\"isau-general-icon\">\n                    <span class=\"dashicons dashicons-phone\"><\/span>\n                <\/div>\n                <div class=\"isau-general-content\">\n                                                                        <p>+243 998 267 690<\/p>\n                                                                                                <p>+243 812 415 077<\/p>\n                                                                                                <p>contact@isaukinshasa.net<\/p>\n                                                            <\/div>\n            <\/div>\n\n            <!-- Box 3 -->\n            <div class=\"isau-general-box\">\n                <div class=\"isau-general-icon\">\n                    <span class=\"dashicons dashicons-clock\"><\/span>\n                <\/div>\n                <div class=\"isau-general-content\">\n                                                                        <p>Lun-Ven: 9:00 - 18:00<\/p>\n                                                                                                <p>Samedi: 9:00 - 16:00<\/p>\n                                                            <\/div>\n            <\/div>\n        <\/div>\n\n        <!-- SECTION 3: GET IN TOUCH -->\n        <h2 class=\"isau-contact-title\">Contactez-nous<\/h2>\n        <div class=\"isau-custom-contact-form-container\">\n            <form id=\"isau-custom-contact-form\" class=\"isau-custom-contact-form\">\n                \n                <div class=\"form-row\">\n                    <label for=\"isau_fullname\">Nom Complet *<\/label>\n                    <input type=\"text\" id=\"isau_fullname\" name=\"fname\" placeholder=\"Votre nom\" required>\n                <\/div>\n\n                <div class=\"form-row\">\n                    <label for=\"isau_custom_email\">Adresse Email *<\/label>\n                    <input type=\"email\" id=\"isau_custom_email\" name=\"email\" placeholder=\"Votre email\" required>\n                <\/div>\n\n                <div class=\"form-row\">\n                    <label for=\"isau_custom_message\">Comment pouvons-nous vous aider ? *<\/label>\n                    <textarea id=\"isau_custom_message\" name=\"message\" rows=\"5\" placeholder=\"Votre message\" required><\/textarea>\n                <\/div>\n\n                <button type=\"submit\" class=\"isau-custom-submit-btn\">\n                    Envoyer le message <span class=\"dashicons dashicons-arrow-right-alt2\" style=\"font-size: 15px; width: 15px; height: 15px; vertical-align: middle; margin-left: 5px;\"><\/span>\n                <\/button>\n                \n                <div id=\"isau-custom-form-response\" style=\"margin-top: 15px; font-weight: bold;\"><\/div>\n            <\/form>\n        <\/div>\n\n        <!-- SECTION 4: GOOGLE MAPS -->\n        \n    <\/div>\n\n    <!-- Styles premium de la page contact -->\n    <style>\n        .isau-contact-page-wrapper {\n            font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n            color: #1f2937;\n            width: 100%;\n            margin: 40px 0;\n        }\n\n        .isau-contact-title {\n            font-family: Georgia, Cambria, \"Times New Roman\", Times, serif;\n            font-size: 2rem;\n            text-align: center;\n            color: #8B0000;\n            margin: 50px 0 30px 0;\n            font-weight: normal;\n        }\n\n        \/* 1. General boxes *\/\n        .isau-general-contact-boxes {\n            display: flex;\n            gap: 25px;\n            margin-bottom: 50px;\n            flex-wrap: wrap;\n        }\n\n        .isau-general-box {\n            flex: 1;\n            min-width: 260px;\n            background: #f9f9f9;\n            padding: 30px 20px;\n            text-align: center;\n            border: 1px solid #f0f0f0;\n            transition: all 0.3s ease;\n            box-shadow: 0 4px 10px rgba(0,0,0,0.02);\n            border-radius: 0 !important; \/* Pas de border-radius *\/\n        }\n\n        .isau-general-box:hover {\n            box-shadow: 0 8px 25px rgba(0,0,0,0.06);\n            transform: translateY(-2px);\n        }\n\n        .isau-general-icon {\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin-bottom: 20px;\n            color: #8B0000;\n        }\n\n        .isau-general-icon .dashicons {\n            font-size: 32px;\n            width: 32px;\n            height: 32px;\n        }\n\n        .isau-general-content p {\n            margin: 0 0 6px 0;\n            font-size: 0.95rem;\n            color: #4b5563;\n        }\n\n        .isau-general-content p:last-child {\n            margin-bottom: 0;\n        }\n\n        \/* 2. Campuses *\/\n        .isau-campuses-grid {\n            display: flex;\n            gap: 25px;\n            flex-wrap: wrap;\n            margin-bottom: 60px;\n        }\n\n        .isau-campus-card {\n            flex: 1;\n            min-width: 280px;\n            height: 250px;\n            background-size: cover;\n            background-position: center;\n            background-repeat: no-repeat;\n            position: relative;\n            overflow: hidden;\n            border-radius: 0 !important; \/* Pas de border-radius *\/\n        }\n\n        .isau-campus-overlay {\n            position: absolute;\n            top: 0; left: 0; right: 0; bottom: 0;\n            background: linear-gradient(180deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.85) 100%);\n            display: flex;\n            align-items: flex-end;\n            padding: 24px;\n            transition: background 0.3s ease;\n        }\n\n        .isau-campus-card:hover .isau-campus-overlay {\n            background: linear-gradient(180deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.9) 100%);\n        }\n\n        .isau-campus-info-box {\n            color: #ffffff;\n        }\n\n        .isau-campus-info-box h3 {\n            font-family: Georgia, serif;\n            font-size: 1.4rem;\n            margin: 0 0 10px 0;\n            font-weight: normal;\n        }\n\n        .isau-campus-info-box p {\n            margin: 0 0 4px 0;\n            font-size: 0.85rem;\n            opacity: 0.9;\n        }\n\n        .isau-campus-info-box .campus-address {\n            margin-bottom: 12px;\n            line-height: 1.4;\n        }\n\n        \/* 3. Get in Touch Form *\/\n        .isau-custom-contact-form-container {\n            max-width: 700px;\n            margin: 0 auto 60px auto;\n            background: #ffffff;\n            padding: 0 10px;\n        }\n\n        .isau-custom-contact-form {\n            display: flex;\n            flex-direction: column;\n            gap: 20px;\n        }\n\n        .isau-custom-contact-form .form-row {\n            display: flex;\n            flex-direction: column;\n            gap: 5px;\n        }\n\n        .isau-custom-contact-form label {\n            font-size: 0.9rem;\n            font-weight: 600;\n            color: #374151;\n        }\n\n        .isau-custom-contact-form input[type=\"text\"],\n        .isau-custom-contact-form input[type=\"email\"],\n        .isau-custom-contact-form textarea {\n            width: 100% !important;\n            padding: 12px 16px !important;\n            border: 1px solid #e5e7eb !important;\n            background: #ffffff !important;\n            color: #1f2937 !important;\n            outline: none !important;\n            border-radius: 0 !important; \/* Pas de border-radius *\/\n            font-size: 0.95rem !important;\n            box-shadow: none !important;\n            transition: border-color 0.3s ease;\n        }\n\n        .isau-custom-contact-form input:focus,\n        .isau-custom-contact-form textarea:focus {\n            border-color: #8B0000 !important;\n        }\n\n        .isau-custom-submit-btn {\n            background: #8B0000;\n            color: #ffffff;\n            border: none;\n            padding: 14px 28px;\n            font-size: 0.95rem;\n            font-weight: bold;\n            cursor: pointer;\n            transition: background 0.3s ease;\n            text-align: center;\n            display: inline-block;\n            align-self: flex-start;\n            border-radius: 0 !important; \/* Pas de border-radius *\/\n        }\n\n        .isau-custom-submit-btn:hover {\n            background: #a30000;\n        }\n\n        \/* 4. Maps *\/\n        .isau-contact-map-wrapper {\n            margin-top: 40px;\n            box-shadow: 0 4px 15px rgba(0,0,0,0.05);\n            border: 1px solid #e5e7eb;\n        }\n        \n        .isau-contact-map-wrapper iframe {\n            display: block;\n        }\n    <\/style>\n\n    <!-- AJAX handler for contact form -->\n    <script>\n        document.addEventListener('DOMContentLoaded', function() {\n            const contactForm = document.getElementById('isau-custom-contact-form');\n            if (contactForm) {\n                contactForm.addEventListener('submit', function(e) {\n                    e.preventDefault();\n                    const formData = new FormData(this);\n                    formData.append('action', 'isau_send_contact');\n                    \n                    \/\/ On simule pr\u00e9nom et sujet requis par le handler du backend\n                    formData.append('fname', document.getElementById('isau_fullname').value);\n                    formData.append('lname', '');\n                    formData.append('subject', 'info');\n                    formData.append('phone', '');\n                    \n                    const submitBtn = this.querySelector('.isau-custom-submit-btn');\n                    const responseDiv = document.getElementById('isau-custom-form-response');\n                    \n                    submitBtn.disabled = true;\n                    submitBtn.innerHTML = 'Envoi en cours...';\n                    \n                    fetch('https:\/\/isaukinshasa.net\/wp-admin\/admin-ajax.php', {\n                        method: 'POST',\n                        body: formData\n                    })\n                    .then(response => response.json())\n                    .then(data => {\n                        if (data.success) {\n                            responseDiv.innerHTML = '<span style=\"color: green;\">' + data.data.message + '<\/span>';\n                            contactForm.reset();\n                        } else {\n                            responseDiv.innerHTML = '<span style=\"color: red;\">' + data.data.message + '<\/span>';\n                        }\n                    })\n                    .catch(error => {\n                        responseDiv.innerHTML = '<span style=\"color: red;\">Une erreur est survenue.<\/span>';\n                    })\n                    .finally(() => {\n                        submitBtn.disabled = false;\n                        submitBtn.innerHTML = 'Envoyer le message <span class=\"dashicons dashicons-arrow-right-alt2\" style=\"font-size: 15px; width: 15px; height: 15px; vertical-align: middle; margin-left: 5px;\"><\/span>';\n                    });\n                });\n            }\n        });\n    <\/script>\n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":168,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"class_list":["post-20","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/isaukinshasa.net\/index.php?rest_route=\/wp\/v2\/pages\/20","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isaukinshasa.net\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/isaukinshasa.net\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/isaukinshasa.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isaukinshasa.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=20"}],"version-history":[{"count":3,"href":"https:\/\/isaukinshasa.net\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions"}],"predecessor-version":[{"id":170,"href":"https:\/\/isaukinshasa.net\/index.php?rest_route=\/wp\/v2\/pages\/20\/revisions\/170"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isaukinshasa.net\/index.php?rest_route=\/wp\/v2\/media\/168"}],"wp:attachment":[{"href":"https:\/\/isaukinshasa.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=20"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}