{"id":534,"date":"2025-05-14T15:11:50","date_gmt":"2025-05-14T15:11:50","guid":{"rendered":"https:\/\/foch.devmm.ma\/contact-us\/"},"modified":"2025-07-29T11:13:58","modified_gmt":"2025-07-29T11:13:58","slug":"contact-en","status":"publish","type":"page","link":"https:\/\/foch.devmm.ma\/en\/contact-en\/","title":{"rendered":"Contact"},"content":{"rendered":"        <div class=\"fcf-container contact-left rounded-b-md\" style=\"background-color: #010D1C;\">\n            <form id=\"fcf_6aca9c0b2000f\" class=\"fcf-form\" data-form-id=\"fcf_6aca9c0b2000f\" autocomplete=\"off\">\n                <input type=\"hidden\" id=\"fcf_nonce\" name=\"fcf_nonce\" value=\"69574a1a9c\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/en\/wp-json\/wp\/v2\/pages\/534\" \/>                \n                <div class=\"fcf-response-message\" style=\"display: none;\"><\/div>\n\n                                    <div class=\"fcf-row  !max-md:m-0\">\n                                                    <div class=\"fcf-field  !max-md:m-0\">\n                                <input type=\"text\" name=\"nom\" placeholder=\"Last Name\" required autocomplete=\"one-time-code\"\n                                    style=\"background-color: rgba(255,255,255,0.9); color: #80889c;\">\n                            <\/div>\n                        \n                                                    <div class=\"fcf-field  !max-md:m-0\">\n                                <input type=\"text\" name=\"prenom\" placeholder=\"First Name\" required autocomplete=\"one-time-code\"\n                                    style=\"background-color: rgba(255,255,255,0.9); color: #80889c;\">\n                            <\/div>\n                                            <\/div>\n                \n                                    <div class=\"fcf-field !max-md:m-0\">\n                        <input type=\"email\" name=\"email\" placeholder=\"Email*\" required autocomplete=\"one-time-code\"\n                            style=\"background-color: rgba(255,255,255,0.9); color: #80889c;\">\n                    <\/div>\n                \n                                    <div class=\"fcf-phone-field myPD\" style=\"background-color: rgba(255,255,255,0.9);\">\n                        <!--                             <div class=\"fcf-country-selector\">\n                                <div class=\"fcf-phone-flag\">\n                                    <img decoding=\"async\" src=\"https:\/\/flagcdn.com\/w80\/fr.png\"\n                                        alt=\"FR\"\n                                        class=\"fcf-flag-img\">\n                                <\/div>\n                                <select name=\"phone_country\" class=\"fcf-country-dropdown\" required\n                                    style=\"background-color: transparent; border: none; color: #80889c; margin-right: 8px;\">\n                                                                    <\/select>\n\n                                <input type=\"hidden\" name=\"phone_code\" class=\"fcf-phone-code-hidden\" value=\"+33\">\n                            <\/div>\n                         -->\n                        <input type=\"tel\" name=\"phone\" class=\"phone_intl\" placeholder=\"6 12 34 56 78\" required autocomplete=\"one-time-code\" style=\"color: #80889c;\">\n                    <\/div>\n\n                    <script>\n                        document.addEventListener('DOMContentLoaded', function () {\n                            var phoneInputs = document.querySelectorAll('.fcf-form .phone_intl');\n\n                            phoneInputs.forEach(function (input) {\n                                var iti = window.intlTelInput(input, {\n                                    initialCountry: 'fr',\n                                    nationalMode: false,\n                                    separateDialCode: true,\n                                    autoPlaceholder: 'off'\n                                });\n\n                                \/\/ Exposer l'instance iti pour le submit\n                                input._iti = iti;\n\n                                \/\/ Formatage du num\u00e9ro en temps r\u00e9el : 6 83 83 74 83\n                                input.addEventListener('input', function () {\n                                    if (window.itiFormatPhone) window.itiFormatPhone(this);\n                                });\n                            });\n                        });\n                    <\/script>\n\n                \n\n\n                                    <div class=\"fcf-field subject-field !max-md:m-0\">\n                        <select name=\"subject\" required\n                            style=\"background-color: rgba(255,255,255,0.9); color: #80889c;\">\n                            <option value=\"\">I would like to<\/option>\n                                                            <option value=\"Buy a property\">Buy a property<\/option>\n                                                            <option value=\"Rent a property\">Rent a property<\/option>\n                                                            <option value=\"Sell my property\">Sell my property<\/option>\n                                                            <option value=\"List my property for rent\">List my property for rent<\/option>\n                                                            <option value=\"Request a valuation\">Request a valuation<\/option>\n                                                            <option value=\"Ask our expert a question\">Ask our expert a question<\/option>\n                                                            <option value=\"Other\">Other<\/option>\n                                                    <\/select>\n                    <\/div>\n                \n                                                            <div class=\"fcf-field !max-md:m-0\">\n                            <textarea name=\"message\" rows=\"6\" placeholder=\"Message*\" required \n                                style=\"background-color: rgba(255,255,255,0.9); color: #80889c;\"><\/textarea>\n                        <\/div>\n                    \n                                <div class=\"fcf-field\">\n                    <label for=\"privacy_policy\" class=\" text-[#1c2f65] flex items-center gap-1\">\n                        <input type=\"checkbox\" class=\"!w-fit pt-2\" name=\"privacy_policy\" id=\"privacy_policy\" required>\n                        <span class=\"text-sm !max-md:text-[14px]\">\n                            I have read and accept <a href=\"https:\/\/foch.devmm.ma\/en\/privacy-policy\/\" target=\"_blank\" class=\"underline\"> the privacy policy <\/a> of this site                        <\/span>\n\n                    <\/label>\n                <\/div>\n                <div class=\"fcf-field w-full flex justify-center\">\n                    <button type=\"submit\" class=\"fcf-submit-btn text-[#1c2f65] bg-transparent hover:text-white hover:bg-[#022E69]  transition-colors duration-300 !rounded-lg border-white\"\n                        style=\"border-color: ; color: ;\">\n                        SEND                    <\/button>\n                <\/div>\n            <\/form>\n        <\/div>\n\n        <!-- Success Modal -->\n        <div id=\"fcf-success-modal\" class=\"fcf-success-overlay\" style=\"display: none;\">\n            <div class=\"fcf-success-popup\">\n                <div class=\"fcf-success-header\">\n                    <h3>MESSAGE SENT<\/h3>\n                    <button class=\"fcf-success-close-btn\">&times;<\/button>\n                <\/div>\n                <div class=\"fcf-success-content\">\n                    <div class=\"fcf-success-icon\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n                            <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n                        <\/svg>\n                    <\/div>\n                    <p class=\"fcf-success-msg\">Thank you for your message!<\/p>\n                    <p class=\"fcf-success-submsg\">We have received your request and will respond as soon as possible.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n\n            <style>\n                .fcf-container.contact-detail textarea, .fcf-container.contact-detail input {\n                    outline: none !important;\n                }\n\n                .fcf-container {\n                    margin: 0 auto;\n                }\n\n                .fcf-form {\n                    display: flex;\n                    flex-direction: column;\n                    gap: 20px;\n                }\n\n                .fcf-row {\n                    display: flex;\n                    gap: 22px;\n                    flex-wrap: wrap;\n                }\n\n                .fcf-row .fcf-field {\n                    flex: 1;\n                    min-width: 200px;\n                }\n\n                .fcf-field input, .fcf-field select, .fcf-field textarea {\n                    width: 100%;\n                    padding: 12px;\n                    border-radius: 4px;\n                    border: none;\n                    outline: none;\n                    font-size: 1rem;\n                    height: 45px;\n                }\n\n                .fcf-field textarea {\n                    height: 135px;\n                }\n\n                .fcf-field input:focus, .fcf-field select:focus, .fcf-field textarea:focus {\n                    outline: 4px solid #022E69;\n                }\n\n                .fcf-phone-field {\n                    display: flex;\n                    align-items: center;\n                    border-radius: 4px;\n                }\n\n                .fcf-phone-flag {\n                    display: flex;\n                    align-items: center;\n                }\n\n                .fcf-flag-img {\n                    width: 20px;\n                    height: 15px;\n                }\n\n                .fcf-phone-field input {\n                    border-radius: 0;\n                    background: transparent !important;\n                }\n\n                .fcf-submit-btn {\n                    padding: 8px 24px;\n                    border-radius: 4px;\n                    border: 1px solid;\n                    background: transparent;\n                    cursor: pointer;\n                    transition: all 0.3s ease;\n                    font-weight: 500;\n                    font-size: 1rem;\n                    margin-top: 8px;\n                }\n\n                .fcf-response-message {\n                    padding: 12px;\n                    border-radius: 4px;\n                    margin-bottom: 16px;\n                }\n\n                \/*.fcf-response-message.success {\n                    background-color: #10B981;\n                    color: white;\n                }*\/\n\n                #contact-section .fcf-response-message.success {\n                    background-color: #ffffff;\n                    color: #010d1c;\n                }\n\n                .product-container .fcf-response-message.success {\n                    background-color: #012e6a;\n                    color: #FFF;\n                    margin-bottom: 8px;\n                }\n\n                .fcf-response-message.error {\n                    background-color: #EF4444;\n                    color: white;\n                }\n\n                @media (max-width: 640px) {\n                    .fcf-row {\n                        flex-direction: column;\n                    }\n\n                    .fcf-row .fcf-field {\n                        min-width: auto;\n                    }\n                }\n\n                \/* Success Modal *\/\n                .fcf-success-overlay {\n                    position: fixed;\n                    top: 0;\n                    left: 0;\n                    width: 100%;\n                    height: 100%;\n                    background: rgba(0, 0, 0, 0.6);\n                    z-index: 10001;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    backdrop-filter: blur(5px);\n                    animation: fcfFadeIn 0.3s ease;\n                }\n\n                @keyframes fcfFadeIn {\n                    from { opacity: 0; }\n                    to { opacity: 1; }\n                }\n\n                .fcf-success-popup {\n                    background: white;\n                    border-radius: 10px;\n                    width: 100%;\n                    max-width: 500px;\n                    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\n                    overflow: hidden;\n                    text-align: center;\n                }\n\n                .fcf-success-header {\n                    background: #022450;\n                    color: white;\n                    padding: 30px;\n                    display: flex;\n                    justify-content: space-between;\n                    align-items: center;\n                }\n\n                .fcf-success-header h3 {\n                    margin: 0;\n                    font-size: larger;\n                    color: white;\n                    text-transform: uppercase;\n                }\n\n                .fcf-success-close-btn {\n                    background: none;\n                    border: 1px solid #ffffffa6;\n                    color: white;\n                    font-size: 22px;\n                    cursor: pointer;\n                    width: 30px;\n                    height: 30px;\n                    border-radius: 50%;\n                    display: flex;\n                    justify-content: center;\n                    align-items: center;\n                    line-height: 1;\n                    padding-bottom: 2px;\n                    transition: background-color 0.2s ease;\n                }\n\n                .fcf-success-close-btn:hover {\n                    background: rgba(255, 255, 255, 0.2);\n                }\n\n                .fcf-success-content {\n                    padding: 32px 30px 30px;\n                }\n\n                .fcf-success-icon {\n                    color: white;\n                    background: #022450;\n                    width: fit-content;\n                    margin: 0 auto 20px;\n                    border-radius: 50%;\n                    padding: 1rem;\n                    display: flex;\n                    justify-content: center;\n                }\n\n                .fcf-success-icon svg {\n                    width: 35px;\n                    height: 35px;\n                }\n\n                .fcf-success-msg {\n                    font-size: 18px;\n                    font-weight: 400;\n                    color: #022e69;\n                    margin: 0 0 10px;\n                }\n\n                .fcf-success-submsg {\n                    color: #6b7280;\n                    margin: 0;\n                    line-height: 1.5;\n                }\n\n                @media (max-width: 768px) {\n                    .fcf-success-popup {\n                        width: 95%;\n                        margin: 20px;\n                    }\n                }\n\n                @media (max-width: 767px) {\n                    .fcf-success-header {\n                        padding: 16px 20px;\n                    }\n\n                    .fcf-success-header h3 {\n                        font-size: 16px;\n                    }\n\n                    .fcf-success-content {\n                        padding: 20px;\n                    }\n                }\n            <\/style>\n            \n    \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-contact.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-534","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Contact - FOCH<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/foch.devmm.ma\/en\/contact-en\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Contact - FOCH\" \/>\n<meta property=\"og:url\" content=\"https:\/\/foch.devmm.ma\/en\/contact-en\/\" \/>\n<meta property=\"og:site_name\" content=\"FOCH\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-29T11:13:58+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/foch.devmm.ma\/en\/contact-en\/\",\"url\":\"https:\/\/foch.devmm.ma\/en\/contact-en\/\",\"name\":\"Contact - FOCH\",\"isPartOf\":{\"@id\":\"https:\/\/foch.devmm.ma\/en\/#website\"},\"datePublished\":\"2025-05-14T15:11:50+00:00\",\"dateModified\":\"2025-07-29T11:13:58+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/foch.devmm.ma\/en\/contact-en\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/foch.devmm.ma\/en\/contact-en\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/foch.devmm.ma\/en\/contact-en\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/foch.devmm.ma\/en\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Contact\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/foch.devmm.ma\/en\/#website\",\"url\":\"https:\/\/foch.devmm.ma\/en\/\",\"name\":\"FOCH\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/foch.devmm.ma\/en\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/foch.devmm.ma\/en\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/foch.devmm.ma\/en\/#organization\",\"name\":\"FOCH\",\"url\":\"https:\/\/foch.devmm.ma\/en\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/foch.devmm.ma\/en\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/foch.devmm.ma\/wp-content\/uploads\/2025\/04\/logo.png\",\"contentUrl\":\"https:\/\/foch.devmm.ma\/wp-content\/uploads\/2025\/04\/logo.png\",\"width\":441,\"height\":53,\"caption\":\"FOCH\"},\"image\":{\"@id\":\"https:\/\/foch.devmm.ma\/en\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Contact - FOCH","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/foch.devmm.ma\/en\/contact-en\/","og_locale":"en_US","og_type":"article","og_title":"Contact - FOCH","og_url":"https:\/\/foch.devmm.ma\/en\/contact-en\/","og_site_name":"FOCH","article_modified_time":"2025-07-29T11:13:58+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/foch.devmm.ma\/en\/contact-en\/","url":"https:\/\/foch.devmm.ma\/en\/contact-en\/","name":"Contact - FOCH","isPartOf":{"@id":"https:\/\/foch.devmm.ma\/en\/#website"},"datePublished":"2025-05-14T15:11:50+00:00","dateModified":"2025-07-29T11:13:58+00:00","breadcrumb":{"@id":"https:\/\/foch.devmm.ma\/en\/contact-en\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/foch.devmm.ma\/en\/contact-en\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/foch.devmm.ma\/en\/contact-en\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/foch.devmm.ma\/en\/"},{"@type":"ListItem","position":2,"name":"Contact"}]},{"@type":"WebSite","@id":"https:\/\/foch.devmm.ma\/en\/#website","url":"https:\/\/foch.devmm.ma\/en\/","name":"FOCH","description":"","publisher":{"@id":"https:\/\/foch.devmm.ma\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/foch.devmm.ma\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/foch.devmm.ma\/en\/#organization","name":"FOCH","url":"https:\/\/foch.devmm.ma\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/foch.devmm.ma\/en\/#\/schema\/logo\/image\/","url":"https:\/\/foch.devmm.ma\/wp-content\/uploads\/2025\/04\/logo.png","contentUrl":"https:\/\/foch.devmm.ma\/wp-content\/uploads\/2025\/04\/logo.png","width":441,"height":53,"caption":"FOCH"},"image":{"@id":"https:\/\/foch.devmm.ma\/en\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/foch.devmm.ma\/en\/wp-json\/wp\/v2\/pages\/534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/foch.devmm.ma\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/foch.devmm.ma\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/foch.devmm.ma\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/foch.devmm.ma\/en\/wp-json\/wp\/v2\/comments?post=534"}],"version-history":[{"count":7,"href":"https:\/\/foch.devmm.ma\/en\/wp-json\/wp\/v2\/pages\/534\/revisions"}],"predecessor-version":[{"id":1930,"href":"https:\/\/foch.devmm.ma\/en\/wp-json\/wp\/v2\/pages\/534\/revisions\/1930"}],"wp:attachment":[{"href":"https:\/\/foch.devmm.ma\/en\/wp-json\/wp\/v2\/media?parent=534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}