{"id":630,"date":"2025-12-01T23:49:22","date_gmt":"2025-12-01T23:49:22","guid":{"rendered":"https:\/\/blue-pig-707520.hostingersite.com\/?page_id=630"},"modified":"2025-12-03T18:49:54","modified_gmt":"2025-12-03T18:49:54","slug":"contact","status":"publish","type":"page","link":"https:\/\/moroccogolfparadise.com\/fr\/contact\/","title":{"rendered":"Contact"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"630\" class=\"elementor elementor-630\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26d58af e-flex e-con-boxed e-con e-parent\" data-id=\"26d58af\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-82be6c9 de_scroll_animation_no elementor-widget elementor-widget-heading\" data-id=\"82be6c9\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Contact<\/h2>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d07d4a3 e-flex e-con-boxed e-con e-parent\" data-id=\"d07d4a3\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-9adc677 e-con-full e-flex e-con e-child\" data-id=\"9adc677\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;ekit_has_onepagescroll_dot&quot;:&quot;yes&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-8d0a328 de_scroll_animation_no elementor-widget elementor-widget-html\" data-id=\"8d0a328\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;ekit_we_effect_on&quot;:&quot;none&quot;}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div id=\"form-container\" class=\"contact_form w-full  bg-white shadow-2xl rounded-xl p-6 sm:p-10 border border-gray-100\">\r\n    <h2 class=\"text-3xl font-extrabold text-gray-900 mb-6 text-center\">R\u00e9servation<\/h2>\r\n    <p class=\"text-gray-500 mb-8 text-center\">Veuillez suivre les 4 \u00e9tapes ci-dessous pour envoyer ta demande.<\/p>\r\n\r\n    <!-- Step Indicators -->\r\n    <div class=\"flex justify-between items-center mb-10 relative\">\r\n        <div id=\"progress-line\" class=\"absolute h-0.5 bg-gray-200 top-1\/2 left-0 right-0 z-0 mx-4\">\r\n            <div id=\"progress-bar\" class=\"h-0.5 bg-blue-500 transition-all duration-300\"><\/div>\r\n        <\/div>\r\n        <div class=\"flex justify-between w-full relative z-10\">\r\n            <div id=\"step-1-indicator\" class=\"step-indicator active w-10 h-10 rounded-full flex items-center justify-center border-2 border-blue-500 bg-blue-500 text-white font-bold transition duration-300 cursor-default\" data-step=\"1\">1<\/div>\r\n            <div id=\"step-2-indicator\" class=\"step-indicator w-10 h-10 rounded-full flex items-center justify-center border-2 border-gray-300 bg-white text-gray-500 font-bold transition duration-300 cursor-default\" data-step=\"2\">2<\/div>\r\n            <div id=\"step-3-indicator\" class=\"step-indicator w-10 h-10 rounded-full flex items-center justify-center border-2 border-gray-300 bg-white text-gray-500 font-bold transition duration-300 cursor-default\" data-step=\"3\">3<\/div>\r\n            <div id=\"step-4-indicator\" class=\"step-indicator w-10 h-10 rounded-full flex items-center justify-center border-2 border-gray-300 bg-white text-gray-500 font-bold transition duration-300 cursor-default\" data-step=\"4\">4<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <form id=\"multi-step-form\" action=\"\">\r\n\r\n        <!-- Step 1: Personal Information -->\r\n        <div id=\"step-1\" class=\"form-step\">\r\n            <h2 class=\"text-2xl font-semibold mb-6 text-gray-800\">\u00c9tape 1 : Informations personnelles<\/h2>\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n\r\n                <!-- First Name -->\r\n                <div>\r\n                    <label for=\"f-name\" class=\"block text-sm font-medium text-gray-700 required\">Pr\u00e9nom<\/label>\r\n                    <input type=\"text\" id=\"f-name\" name=\"f-name\" required class=\"mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 border p-3\">\r\n                <\/div>\r\n\r\n                <!-- Second Name (Surname) -->\r\n                <div>\r\n                    <label for=\"s-name\" class=\"block text-sm font-medium text-gray-700 required\">Nom<\/label>\r\n                    <input type=\"text\" id=\"s-name\" name=\"s-name\" required class=\"mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 border p-3\">\r\n                <\/div>\r\n\r\n                <!-- Email -->\r\n                <div class=\"md:col-span-2\">\r\n                    <label for=\"your-email\" class=\"block text-sm font-medium text-gray-700 required\">Adresse mail<\/label>\r\n                    <input type=\"email\" id=\"your-email\" name=\"your-email\" autocomplete=\"email\" required class=\"mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 border p-3\">\r\n                <\/div>\r\n\r\n                <!-- Date of Birth -->\r\n                <div>\r\n                    <label for=\"date-naissance\" class=\"block text-sm font-medium text-gray-700 required\">Date de naissance<\/label>\r\n                    <input type=\"date\" id=\"date-naissance\" name=\"date-naissance\" required class=\"mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 border p-3\">\r\n                <\/div>\r\n\r\n                <!-- Nationality -->\r\n                <div>\r\n                    <label for=\"nationality\" class=\"block text-sm font-medium text-gray-700 required\">Nationalit\u00e9<\/label>\r\n                    <input type=\"text\" id=\"nationality\" name=\"nationality\" required class=\"mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 border p-3\">\r\n                <\/div>\r\n\r\n                <!-- Index -->\r\n                <div>\r\n                    <label for=\"index\" class=\"block text-sm font-medium text-gray-700\">Index<\/label>\r\n                    <input type=\"number\" id=\"index\" name=\"index\" class=\"mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 border p-3\" min=\"0\">\r\n                <\/div>\r\n\r\n                <!-- Number of People -->\r\n                <div>\r\n                    <label for=\"number-persone\" class=\"block text-sm font-medium text-gray-700\">Nombre de personnes <\/label>\r\n                    <input type=\"number\" id=\"number-persone\" name=\"number-persone\" class=\"mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 border p-3\" min=\"1\">\r\n                <\/div>\r\n\r\n                <!-- Phone Number -->\r\n                <div class=\"md:col-span-2\">\r\n                    <label for=\"tel-958\" class=\"block text-sm font-medium text-gray-700\">Num\u00e9ro de t\u00e9l\u00e9phone<\/label>\r\n                    <input type=\"tel\" id=\"tel-958\" name=\"tel-958\" class=\"mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 border p-3\">\r\n                <\/div>\r\n\r\n            <\/div>\r\n            <div class=\"mt-8 flex justify-end\">\r\n                <button type=\"button\" data-next=\"2\" class=\"next-step px-6 py-3 bg-blue-600 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 transition duration-150\">Suivant  \u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 2: Destination & Accommodation -->\r\n        <div id=\"step-2\" class=\"form-step hidden\">\r\n            <h2 class=\"text-2xl font-semibold mb-6 text-gray-800\">\u00c9tape 2 : Destination et h\u00e9bergement<\/h2>\r\n\r\n            <!-- City Interested -->\r\n            <div class=\"mb-6\">\r\n                <label for=\"cityintersted\" class=\"block text-sm font-medium text-gray-700 required\">Ville int\u00e9ress\u00e9e<\/label>\r\n                <select id=\"cityintersted\" name=\"cityintersted\" required class=\"block w-full rounded-lg border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 border p-3 bg-white pr-10\">\r\n                    <option value=\"\" disabled selected>Select a city...<\/option>\r\n                    <option value=\"Marrakech\">Marrakech<\/option>\r\n                    <option value=\"Casablanca\">Casablanca<\/option>\r\n                    <option value=\"Rabat\">Rabat<\/option>\r\n                    <option value=\"Essaouira\">Essaouira<\/option>\r\n                    <option value=\"Fes\">Fes<\/option>\r\n                    <option value=\"Agadir\">Agadir<\/option>\r\n                <\/select>\r\n            <\/div>\r\n\r\n            <!-- Accommodation Type -->\r\n            <div class=\"mb-6\">\r\n                <label class=\"block text-sm font-medium text-gray-700 required mb-3\">Type d'h\u00e9bergement<\/label>\r\n                <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\r\n                    <label class=\"flex items-center space-x-3 bg-gray-50 p-4 rounded-lg cursor-pointer hover:bg-gray-100 transition duration-150\">\r\n                        <!-- Removed 'required' from individual checkboxes -->\r\n                        <input type=\"checkbox\" name=\"hebergement-type\" value=\"private golf villa\" class=\"form-checkbox h-5 w-5 text-blue-600 rounded\">\r\n                        <span class=\"text-sm font-medium text-gray-700\">Villa priv\u00e9e avec terrain de golf<\/span>\r\n                    <\/label>\r\n                    <label class=\"flex items-center space-x-3 bg-gray-50 p-4 rounded-lg cursor-pointer hover:bg-gray-100 transition duration-150\">\r\n                        <!-- Removed 'required' from individual checkboxes -->\r\n                        <input type=\"checkbox\" name=\"hebergement-type\" value=\"hotel\" class=\"form-checkbox h-5 w-5 text-blue-600 rounded\">\r\n                        <span class=\"text-sm font-medium text-gray-700\">Hotel<\/span>\r\n                    <\/label>\r\n                    <label class=\"flex items-center space-x-3 bg-gray-50 p-4 rounded-lg cursor-pointer hover:bg-gray-100 transition duration-150\">\r\n                        <!-- Removed 'required' from individual checkboxes -->\r\n                        <input type=\"checkbox\" name=\"hebergement-type\" value=\"riad\" class=\"form-checkbox h-5 w-5 text-blue-600 rounded\">\r\n                        <span class=\"text-sm font-medium text-gray-700\">Riad<\/span>\r\n                    <\/label>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mt-8 flex justify-between\">\r\n                <button type=\"button\" data-prev=\"1\" class=\"prev-step px-6 py-3 bg-gray-300 text-gray-800 font-semibold rounded-lg shadow-md hover:bg-gray-400 transition duration-150\">\u2190 Pr\u00e9c\u00e9dent<\/button>\r\n                <button type=\"button\" data-next=\"3\" class=\"next-step px-6 py-3 bg-blue-600 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 transition duration-150\">Suivant  \u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 3: Interests -->\r\n        <div id=\"step-3\" class=\"form-step hidden\">\r\n            <h2 class=\"text-2xl font-semibold mb-6 text-gray-800\">\u00c9tape 3 : Centres d'int\u00e9r\u00eat et activit\u00e9s<\/h2>\r\n\r\n            <!-- Interests -->\r\n            <div class=\"mb-6\">\r\n                <label class=\"block text-sm font-medium text-gray-700 required mb-3\">Int\u00e9ress\u00e9 par<\/label>\r\n                <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-4\">\r\n                    <label class=\"flex items-center space-x-3 bg-gray-50 p-4 rounded-lg cursor-pointer hover:bg-gray-100 transition duration-150\">\r\n                        <!-- Removed 'required' from individual checkboxes -->\r\n                        <input type=\"checkbox\" name=\"intersted-in\" value=\"intersted in golf\" class=\"form-checkbox h-5 w-5 text-blue-600 rounded\">\r\n                        <span class=\"text-sm font-medium text-gray-700\">Int\u00e9ress\u00e9 par le golf<\/span>\r\n                    <\/label>\r\n                    <label class=\"flex items-center space-x-3 bg-gray-50 p-4 rounded-lg cursor-pointer hover:bg-gray-100 transition duration-150\">\r\n                        <!-- Removed 'required' from individual checkboxes -->\r\n                        <input type=\"checkbox\" name=\"intersted-in\" value=\"night life and party\" class=\"form-checkbox h-5 w-5 text-blue-600 rounded\">\r\n                        <span class=\"text-sm font-medium text-gray-700\">Vie nocturne et f\u00eates<\/span>\r\n                    <\/label>\r\n                    <label class=\"flex items-center space-x-3 bg-gray-50 p-4 rounded-lg cursor-pointer hover:bg-gray-100 transition duration-150\">\r\n                        <!-- Removed 'required' from individual checkboxes -->\r\n                        <input type=\"checkbox\" name=\"intersted-in\" value=\"gastronomie and culture\" class=\"form-checkbox h-5 w-5 text-blue-600 rounded\">\r\n                        <span class=\"text-sm font-medium text-gray-700\">Gastronomie et culture<\/span>\r\n                    <\/label>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mt-8 flex justify-between\">\r\n                <button type=\"button\" data-prev=\"2\" class=\"prev-step px-6 py-3 bg-gray-300 text-gray-800 font-semibold rounded-lg shadow-md hover:bg-gray-400 transition duration-150\">\u2190 Pr\u00e9c\u00e9dent<\/button>\r\n                <button type=\"button\" data-next=\"4\" class=\"next-step px-6 py-3 bg-blue-600 text-white font-semibold rounded-lg shadow-md hover:bg-blue-700 transition duration-150\">Suivant  \u2192<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Step 4: Dates & Submit -->\r\n        <div id=\"step-4\" class=\"form-step hidden\">\r\n            <h2 class=\"text-2xl font-semibold mb-6 text-gray-800\">\u00c9tape 4 : Dates du voyage<\/h2>\r\n            <p class=\"text-sm text-gray-500 mb-6\">C'est la derni\u00e8re \u00e9tape ! Veuillez indiquer vos dates de voyage pr\u00e9f\u00e9r\u00e9es.<\/p>\r\n\r\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-6\">\r\n                <!-- Check-in Date -->\r\n                <div>\r\n                    <label for=\"checkin\" class=\"block text-sm font-medium text-gray-700 required\">Date de d\u00e9part<\/label>\r\n                    <input type=\"date\" id=\"checkin\" name=\"checkin\" required class=\"mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 border p-3\">\r\n                <\/div>\r\n\r\n                <!-- Check-out Date -->\r\n                <div>\r\n                    <label for=\"checkout\" class=\"block text-sm font-medium text-gray-700 required\">Date d'arriv\u00e9e<\/label>\r\n                    <input type=\"date\" id=\"checkout\" name=\"checkout\" required class=\"mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500 border p-3\">\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"mt-8 flex justify-between\">\r\n                <button type=\"button\" data-prev=\"3\" class=\"prev-step px-6 py-3 bg-gray-300 text-gray-800 font-semibold rounded-lg shadow-md hover:bg-gray-400 transition duration-150\">\u2190 Pr\u00e9c\u00e9dent<\/button>\r\n                <button type=\"submit\" class=\"px-8 py-3 bg-green-600 text-white font-bold rounded-lg shadow-lg hover:bg-green-700 transition duration-150\">Soumettre<\/button>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <!-- Success Message (Initially Hidden) -->\r\n        <div id=\"success-message\" class=\"hidden text-center p-8 bg-green-50 border border-green-200 rounded-lg\">\r\n            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"h-10 w-10 text-green-600 mx-auto mb-4\" viewbox=\"0 0 20 20\" fill=\"currentColor\">\r\n                <path fill-rule=\"evenodd\" d=\"M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z\" clip-rule=\"evenodd\" \/>\r\n            <\/svg>\r\n            <h2 class=\"text-2xl font-semibold text-green-800 mb-2\">Votre demande envoy\u00e9 avec succ\u00e8s !<\/h2>\r\n            <p class=\"text-green-700\">Merci pour votre demande. Nous vous contacterons sous peu.<\/p>\r\n        <\/div>\r\n\r\n        <!-- Error Message (Initially Hidden) -->\r\n        <div id=\"error-message\" class=\"hidden text-center p-4 bg-red-50 border border-red-200 rounded-lg mt-4\">\r\n            <p class=\"text-red-700 font-medium\">Veuillez remplir tous les champs obligatoires marqu\u00e9s d'un ast\u00e9risque (*).<\/p>\r\n        <\/div>\r\n\r\n    <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\r\n<\/div>\r\n\t\t\t\t<\/div>\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>","protected":false},"excerpt":{"rendered":"<p>Contact Booking Please complete the 4 steps below to submit your request. 1 2 3 4 Step 1: Personal Details First name Second name Your email Date of birth Nationality Index Number of people Phone number Next Step &rarr; Step 2: Destination &#038; Accommodation City interested Select a city&#8230;MarrakechCasablancaRabatEssaouiraFesAgadir Accommodation Type Private Golf Villa Hotel [&hellip;]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-630","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccogolfparadise.com\/fr\/wp-json\/wp\/v2\/pages\/630","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccogolfparadise.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccogolfparadise.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccogolfparadise.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccogolfparadise.com\/fr\/wp-json\/wp\/v2\/comments?post=630"}],"version-history":[{"count":36,"href":"https:\/\/moroccogolfparadise.com\/fr\/wp-json\/wp\/v2\/pages\/630\/revisions"}],"predecessor-version":[{"id":741,"href":"https:\/\/moroccogolfparadise.com\/fr\/wp-json\/wp\/v2\/pages\/630\/revisions\/741"}],"wp:attachment":[{"href":"https:\/\/moroccogolfparadise.com\/fr\/wp-json\/wp\/v2\/media?parent=630"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}