{"id":672,"date":"2026-02-06T23:28:18","date_gmt":"2026-02-06T22:28:18","guid":{"rendered":"https:\/\/www.ngoune-avocat.com\/contact\/"},"modified":"2026-03-14T22:49:26","modified_gmt":"2026-03-14T21:49:26","slug":"contact","status":"publish","type":"page","link":"https:\/\/www.ngoune-avocat.com\/en\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"\n<section class=\"hero-image relative  w-full flex flex-col items-center justify-center overflow-hidden\">\n    \n    <!-- Image de fond -->\n            <img decoding=\"async\" \n            alt=\"\" \n            class=\"absolute inset-0 w-full h-full object-cover\" \n            src=\"https:\/\/www.ngoune-avocat.com\/wp-content\/uploads\/2026\/02\/wall.jpg\">\n        <div class=\"absolute inset-0 hero-overlay\"><\/div>\n        \n    <!-- Breadcrumb en haut \u00e0 gauche -->\n            <div class=\"absolute top-20 left-0 mt-10 w-full\">\n            <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n                \n<!-- Breadcrumb Schema.org JSON-LD -->\n<script type=\"application\/ld+json\">\n{\n    \"@context\": \"https:\/\/schema.org\",\n    \"@type\": \"BreadcrumbList\",\n    \"itemListElement\": [\n        {\n            \"@type\": \"ListItem\",\n            \"position\": 1,\n            \"name\": \"Home\",\n            \"item\": \"https:\/\/www.ngoune-avocat.com\/en\/\"\n        }\n    ]\n}<\/script>\n\n<!-- Breadcrumb Navigation -->\n<nav aria-label=\"Breadcrumb\" class=\"flex flex-nowrap items-center gap-2 text-[10px] font-bold tracking-[0.2em] text-slate-400 uppercase overflow-x-auto scrollbar-hide breadcrumb-nav\" itemscope itemtype=\"https:\/\/schema.org\/BreadcrumbList\">\n            \n                \n                    <!-- \u00c9l\u00e9ment actuel : tronqu\u00e9 sur desktop, scroll sur mobile -->\n            <span class=\"breadcrumb-current text-slate-900 whitespace-nowrap flex-shrink-0\" itemprop=\"itemListElement\" itemscope itemtype=\"https:\/\/schema.org\/ListItem\" aria-current=\"page\" title=\"Home\">\n                <meta itemprop=\"position\" content=\"1\" \/>\n                <span itemprop=\"name\">Home<\/span>\n            <\/span>\n                \n    <\/nav>\n            <\/div>\n        <\/div>\n        \n    <!-- Contenu align\u00e9 \u00e0 gauche (comme la home) -->\n    <div class=\"relative z-10 w-full hero-content mt-20\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 pt-20\">\n            <style>\n                .hero-image .hero-content-wrapper {\n                    padding-left: 0 !important;\n                }\n                @media (min-width: 1024px) {\n                    .hero-image .hero-content-wrapper {\n                        padding-left: 82px !important;\n                    }\n                }\n            <\/style>\n            <div class=\"ml-0 lg:ml-[100px] max-w-3xl hero-content-wrapper pt-5 pb-20\">\n                \n                                    <span class=\"hero-animate hero-animate-1 block text-white\/60 text-xs font-bold uppercase tracking-[0.4em] mb-6\">\n                        CONTACT US                    <\/span>\n                                \n                                    <h1 class=\"hero-animate hero-animate-2 font-display text-4xl md:text-5xl lg:text-5xl text-white leading-tight\">\n                        <p>Let&#8217;s discuss your ideas and<br \/>\nbring your projects to life<\/p>\n                    <\/h1>\n                                \n                                \n                                \n                <!-- Ligne d\u00e9corative -->\n                <div class=\"hero-animate hero-animate-4 h-1 w-24 bg-white mt-10\"><\/div>\n                \n            <\/div>\n        <\/div>\n    <\/div>\n    \n<\/section>\n\n\n\n<section class=\"block-form max-w-7xl mx-auto px-6 py-24 lg:py-32\" id=\"form-block_50eef7da85b636582e4e4a5c8a0f6d9c\">\n    <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-16 lg:gap-24\">\n        \n        <!-- Zone gauche -->\n        <div class=\"lg:col-span-5 space-y-16\">\n                            <div class=\"wysiwyg-content\">\n                    <p><strong>Laura Ngoune Avocat<\/strong><br \/>\nInternational business law firm<\/p>\n                <\/div>\n                        \n                            <div class=\"space-y-12\">\n                                            <div>\n                                                            <h3 class=\"text-xs font-bold uppercase tracking-[0.2em] text-primary mb-6\">\n                                    CONTACT US                                <\/h3>\n                                                        \n                                                            <div class=\"grid grid-cols-1  gap-8\">\n                                                                            <div class=\"wysiwyg-content\">\n                                            <p><a href=\"mailto:contact@ngouneavocats.com\">contact@ngoune-avocat.com<\/a><\/p>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                                            <div>\n                                                            <h3 class=\"text-xs font-bold uppercase tracking-[0.2em] text-primary mb-6\">\n                                    Our offices                                <\/h3>\n                                                        \n                                                            <div class=\"grid grid-cols-1  gap-8\">\n                                                                            <div class=\"wysiwyg-content\">\n                                            <p><strong>Paris (Headquarters)<\/strong><br \/>\n15 rue Th\u00e9odule Ribot<br \/>\n75017 Paris<br \/>\nFrance<\/p>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                                            <div>\n                                                            <h3 class=\"text-xs font-bold uppercase tracking-[0.2em] text-primary mb-6\">\n                                    Social media                                <\/h3>\n                                                        \n                                                            <div class=\"grid grid-cols-1  gap-8\">\n                                                                            <div class=\"wysiwyg-content\">\n                                            <p><a href=\"https:\/\/www.linkedin.com\/in\/laura-ngoune-4a852535\/\" target=\"_blank\" rel=\"noopener\">Linkedin<\/a><br \/>\n<a href=\"https:\/\/www.youtube.com\/@Ngounelaura\" target=\"_blank\" rel=\"noopener\">Youtube<\/a><br \/>\n<a href=\"https:\/\/www.instagram.com\/laura_ngoune\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a><\/p>\n                                        <\/div>\n                                                                    <\/div>\n                                                    <\/div>\n                                    <\/div>\n                    <\/div>\n        \n        <!-- Zone droite : Formulaire -->\n        <div class=\"lg:col-span-7\">\n            <div class=\"bg-background-light p-8 md:p-12 rounded-3xl border border-slate-100 shadow-sm\">\n                \n                                    <!-- Formulaire Contact -->\n                    <h2 class=\"font-display text-2xl mb-8 text-slate-900\">Contact us<\/h2>\n                                        <form class=\"ngouneavocat-contact-form space-y-6\" data-form-type=\"contact\" data-lang=\"en\" data-msg-envoi=\"Sending...\" data-msg-erreur=\"An error occurred.\" data-btn-contact=\"Send my request\">\n                        <input type=\"hidden\" id=\"contact_nonce\" name=\"contact_nonce\" value=\"2164a2a42f\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/672\" \/>                        \n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                            <div class=\"space-y-2\">\n                                <label class=\"text-xs font-bold uppercase tracking-wider text-slate-900\" for=\"form-block_50eef7da85b636582e4e4a5c8a0f6d9c-nom\">\n                                    Last name <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input \n                                    class=\"w-full bg-white border-slate-200 rounded-xl px-4 py-3 text-slate-900 focus:ring-primary focus:border-primary transition-all\" \n                                    id=\"form-block_50eef7da85b636582e4e4a5c8a0f6d9c-nom\" \n                                    name=\"nom\"\n                                    placeholder=\"Your last name\" \n                                    type=\"text\"\n                                    required\n                                \/>\n                            <\/div>\n                            <div class=\"space-y-2\">\n                                <label class=\"text-xs font-bold uppercase tracking-wider text-slate-900\" for=\"form-block_50eef7da85b636582e4e4a5c8a0f6d9c-prenom\">\n                                    First name <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input \n                                    class=\"w-full bg-white border-slate-200 rounded-xl px-4 py-3 text-slate-900 focus:ring-primary focus:border-primary transition-all\" \n                                    id=\"form-block_50eef7da85b636582e4e4a5c8a0f6d9c-prenom\" \n                                    name=\"prenom\"\n                                    placeholder=\"Your first name\" \n                                    type=\"text\"\n                                    required\n                                \/>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                            <div class=\"space-y-2\">\n                                <label class=\"text-xs font-bold uppercase tracking-wider text-slate-900\" for=\"form-block_50eef7da85b636582e4e4a5c8a0f6d9c-email\">\n                                    Email <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input \n                                    class=\"w-full bg-white border-slate-200 rounded-xl px-4 py-3 text-slate-900 focus:ring-primary focus:border-primary transition-all\" \n                                    id=\"form-block_50eef7da85b636582e4e4a5c8a0f6d9c-email\" \n                                    name=\"email\"\n                                    placeholder=\"votre@email.com\" \n                                    type=\"email\"\n                                    required\n                                \/>\n                            <\/div>\n                            <div class=\"space-y-2\">\n                                <label class=\"text-xs font-bold uppercase tracking-wider text-slate-900\" for=\"form-block_50eef7da85b636582e4e4a5c8a0f6d9c-tel\">\n                                    Phone                                <\/label>\n                                <input \n                                    class=\"w-full bg-white border-slate-200 rounded-xl px-4 py-3 text-slate-900 focus:ring-primary focus:border-primary transition-all\" \n                                    id=\"form-block_50eef7da85b636582e4e4a5c8a0f6d9c-tel\" \n                                    name=\"tel\"\n                                    placeholder=\"+33 6 00 00 00 00\" \n                                    type=\"tel\"\n                                \/>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\n                            <div class=\"space-y-2\">\n                                <label class=\"text-xs font-bold uppercase tracking-wider text-slate-900\" for=\"form-block_50eef7da85b636582e4e4a5c8a0f6d9c-organisation\">\n                                    Organization <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input \n                                    class=\"w-full bg-white border-slate-200 rounded-xl px-4 py-3 text-slate-900 focus:ring-primary focus:border-primary transition-all\" \n                                    id=\"form-block_50eef7da85b636582e4e4a5c8a0f6d9c-organisation\" \n                                    name=\"organisation\"\n                                    placeholder=\"Your organization\" \n                                    type=\"text\"\n                                    required\n                                \/>\n                            <\/div>\n                            <div class=\"space-y-2\">\n                                <label class=\"text-xs font-bold uppercase tracking-wider text-slate-900\" for=\"form-block_50eef7da85b636582e4e4a5c8a0f6d9c-fonction\">\n                                    Position <span class=\"text-red-500\">*<\/span>\n                                <\/label>\n                                <input \n                                    class=\"w-full bg-white border-slate-200 rounded-xl px-4 py-3 text-slate-900 focus:ring-primary focus:border-primary transition-all\" \n                                    id=\"form-block_50eef7da85b636582e4e4a5c8a0f6d9c-fonction\" \n                                    name=\"fonction\"\n                                    placeholder=\"Your position\" \n                                    type=\"text\"\n                                    required\n                                \/>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"space-y-2\">\n                            <label class=\"text-xs font-bold uppercase tracking-wider text-slate-900\" for=\"form-block_50eef7da85b636582e4e4a5c8a0f6d9c-domaine\">\n                                Area of activity <span class=\"text-slate-300\">(optional)<\/span>\n                            <\/label>\n                            <select \n                                class=\"w-full bg-white border-slate-200 rounded-xl px-4 py-3 text-slate-900 focus:ring-primary focus:border-primary transition-all\" \n                                id=\"form-block_50eef7da85b636582e4e4a5c8a0f6d9c-domaine\"\n                                name=\"domaine\"\n                            >\n                                <option value=\"\">Select an area<\/option>\n                                <option value=\"Droit des Affaires &#038; Soci\u00e9t\u00e9s\">Business &amp; Corporate Law<\/option>\n                                <option value=\"Propri\u00e9t\u00e9 Intellectuelle\">Intellectual Property<\/option>\n                                <option value=\"Droit des Contrats\">Contract Law<\/option>\n                                <option value=\"Droit International\">International Law<\/option>\n                                <option value=\"Droit Immobilier\">Real Estate Law<\/option>\n                                <option value=\"Droit Social\">Labour Law<\/option>\n                                <option value=\"MARD &#038; Arbitrage\">MARD &amp; Arbitration<\/option>\n                                <option value=\"Formations Professionnelles\">Professional Training<\/option>\n                                <option value=\"autre\">Other<\/option>\n                            <\/select>\n                            <div class=\"domaine-autre-field mt-4\" style=\"display: none;\">\n                                <input \n                                    class=\"w-full bg-white border-slate-200 rounded-xl px-4 py-3 text-slate-900 focus:ring-primary focus:border-primary transition-all\" \n                                    id=\"form-block_50eef7da85b636582e4e4a5c8a0f6d9c-domaine-autre\" \n                                    name=\"domaine_autre\"\n                                    placeholder=\"Other\" \n                                    type=\"text\"\n                                \/>\n                            <\/div>\n                        <\/div>\n                        \n                        <div class=\"space-y-2\">\n                            <label class=\"text-xs font-bold uppercase tracking-wider text-slate-900\" for=\"form-block_50eef7da85b636582e4e4a5c8a0f6d9c-message\">\n                                Details of your request <span class=\"text-red-500\">*<\/span>\n                            <\/label>\n                            <textarea \n                                class=\"w-full bg-white border-slate-200 rounded-xl px-4 py-3 text-slate-900 focus:ring-primary focus:border-primary transition-all h-40\" \n                                id=\"form-block_50eef7da85b636582e4e4a5c8a0f6d9c-message\"\n                                name=\"message\"\n                                placeholder=\"Describe your needs in a few lines...\"\n                                required\n                            ><\/textarea>\n                        <\/div>\n                        \n                        <div class=\"form-message\"><\/div>\n                        \n                        <button \n                            class=\"w-full py-4 bg-primary text-white font-bold uppercase tracking-widest text-sm rounded-xl hover:bg-primary\/80 hover:shadow-lg transition-all duration-300 flex items-center justify-center gap-2 group\" \n                            type=\"submit\"\n                        >\n                            Send my request                            <span class=\"material-symbols-outlined group-hover:translate-x-1 transition-transform\">send<\/span>\n                        <\/button>\n                    <\/form>\n                    \n                                \n            <\/div>\n        <\/div>\n        \n    <\/div>\n<\/section>\n\n<script>\n(function($) {\n    'use strict';\n    \n    $(document).ready(function() {\n        \/\/ Afficher le champ \"Autre\" pour le domaine (contact)\n        $('#form-block_50eef7da85b636582e4e4a5c8a0f6d9c-domaine').on('change', function() {\n            var $autreField = $(this).closest('.space-y-2').find('.domaine-autre-field');\n            if ($(this).val() === 'autre') {\n                $autreField.show();\n            } else {\n                $autreField.hide();\n            }\n        });\n        \n        \/\/ Afficher le champ \"Autre\" pour le poste (candidature)\n        $('#form-block_50eef7da85b636582e4e4a5c8a0f6d9c-poste').on('change', function() {\n            var $autreField = $(this).closest('.space-y-2').find('.poste-autre-field');\n            if ($(this).val() === 'autre') {\n                $autreField.show();\n            } else {\n                $autreField.hide();\n            }\n        });\n        \n        \/\/ Afficher les noms des fichiers s\u00e9lectionn\u00e9s\n        $('#form-block_50eef7da85b636582e4e4a5c8a0f6d9c-fichiers').on('change', function() {\n            var form = $(this).closest('form');\n            var filesList = form.find('.files-list');\n            var label = form.attr('data-fichiers-label') || 'Selected files:';\n            filesList.empty();\n            \n            if (this.files.length > 0) {\n                var html = '<strong>' + label + '<\/strong><br>';\n                for (var i = 0; i < this.files.length; i++) {\n                    html += '- ' + this.files[i].name + '<br>';\n                }\n                filesList.html(html);\n            }\n        });\n        \n        \/\/ Soumission du formulaire de contact\n        $('.ngouneavocat-contact-form').on('submit', function(e) {\n            e.preventDefault();\n            \n            var $form = $(this);\n            var $button = $form.find('button[type=\"submit\"]');\n            var $message = $form.find('.form-message');\n            var msgEnvoi = $form.attr('data-msg-envoi') || 'Sending...';\n            var msgErreur = $form.attr('data-msg-erreur') || 'An error occurred.';\n            var btnText = $form.attr('data-btn-contact') || 'Send my request';\n            \n            $button.prop('disabled', true).html(msgEnvoi);\n            $message.empty();\n            \n            $.ajax({\n                url: 'https:\/\/www.ngoune-avocat.com\/wp-admin\/admin-ajax.php',\n                type: 'POST',\n                data: $form.serialize() + '&action=ngouneavocat_contact_form&lang=' + encodeURIComponent($form.attr('data-lang') || 'fr'),\n                success: function(response) {\n                    if (response.success) {\n                        $message.html('<div class=\"form-message-success\">' + response.data.message + '<\/div>');\n                        $form[0].reset();\n                    } else {\n                        $message.html('<div class=\"form-message-error\">' + response.data.message + '<\/div>');\n                    }\n                },\n                error: function() {\n                    $message.html('<div class=\"form-message-error\">' + msgErreur + '<\/div>');\n                },\n                complete: function() {\n                    $button.prop('disabled', false).html(btnText + ' <span class=\"material-symbols-outlined group-hover:translate-x-1 transition-transform\">send<\/span>');\n                }\n            });\n        });\n        \n        \/\/ Soumission du formulaire de candidature\n        $('.ngouneavocat-candidature-form').on('submit', function(e) {\n            e.preventDefault();\n            \n            var $form = $(this);\n            var $button = $form.find('button[type=\"submit\"]');\n            var $message = $form.find('.form-message');\n            var msgEnvoi = $form.attr('data-msg-envoi') || 'Sending...';\n            var msgErreur = $form.attr('data-msg-erreur') || 'An error occurred.';\n            var btnText = $form.attr('data-btn-candidature') || 'Submit my application';\n            \n            $button.prop('disabled', true).html(msgEnvoi);\n            $message.empty();\n            \n            var formData = new FormData(this);\n            formData.append('action', 'ngouneavocat_candidature_form');\n            formData.append('lang', $form.attr('data-lang') || 'fr');\n            \n            $.ajax({\n                url: 'https:\/\/www.ngoune-avocat.com\/wp-admin\/admin-ajax.php',\n                type: 'POST',\n                data: formData,\n                processData: false,\n                contentType: false,\n                success: function(response) {\n                    if (response.success) {\n                        $message.html('<div class=\"form-message-success\">' + response.data.message + '<\/div>');\n                        $form[0].reset();\n                        $form.find('.files-list').empty();\n                    } else {\n                        $message.html('<div class=\"form-message-error\">' + response.data.message + '<\/div>');\n                    }\n                },\n                error: function() {\n                    $message.html('<div class=\"form-message-error\">' + msgErreur + '<\/div>');\n                },\n                complete: function() {\n                    $button.prop('disabled', false).html(btnText + ' <span class=\"material-symbols-outlined group-hover:translate-x-1 transition-transform\">send<\/span>');\n                }\n            });\n        });\n    });\n})(jQuery);\n<\/script>\n\n<style>\n.wysiwyg-content h2 {\n    font-family: var(--font-display);\n    font-size: 2.25rem;\n    line-height: 2.5rem;\n    color: var(--color-primary);\n    margin-bottom: 2rem;\n}\n\n.wysiwyg-content p {\n    color: rgb(71 85 105);\n    line-height: 1.75rem;\n    margin-bottom: 1.5rem;\n}\n\n.wysiwyg-content p:last-child {\n    margin-bottom: 0;\n}\n\n.wysiwyg-content strong,\n.wysiwyg-content b {\n    font-weight: 700;\n    color: rgb(15 23 42);\n}\n\n.wysiwyg-content a {\n    color: rgb(71 85 105);\n    transition: color 0.2s;\n}\n\n.wysiwyg-content a:hover {\n    color: var(--color-primary);\n}\n\n.wysiwyg-content ul {\n    list-style: none;\n    padding: 0;\n}\n\n.wysiwyg-content ul li {\n    display: flex;\n    align-items: center;\n    gap: 0.75rem;\n    font-size: 0.875rem;\n    font-weight: 500;\n    color: rgb(51 65 85);\n    margin-bottom: 1rem;\n}\n\n.wysiwyg-content ul li:before {\n    content: 'check_circle';\n    font-family: 'Material Symbols Outlined';\n    font-size: 0.875rem;\n    color: rgb(15 23 42);\n}\n\n\/* Texte plus petit dans les sections r\u00e9p\u00e9tables *\/\n.space-y-12 .wysiwyg-content p {\n    font-size: 0.875rem;\n    line-height: 1.5rem;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-672","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.ngoune-avocat.com\/en\/wp-json\/wp\/v2\/pages\/672","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ngoune-avocat.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.ngoune-avocat.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.ngoune-avocat.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ngoune-avocat.com\/en\/wp-json\/wp\/v2\/comments?post=672"}],"version-history":[{"count":6,"href":"https:\/\/www.ngoune-avocat.com\/en\/wp-json\/wp\/v2\/pages\/672\/revisions"}],"predecessor-version":[{"id":1572,"href":"https:\/\/www.ngoune-avocat.com\/en\/wp-json\/wp\/v2\/pages\/672\/revisions\/1572"}],"wp:attachment":[{"href":"https:\/\/www.ngoune-avocat.com\/en\/wp-json\/wp\/v2\/media?parent=672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}