{"id":539,"date":"2025-12-17T08:51:17","date_gmt":"2025-12-17T08:51:17","guid":{"rendered":"https:\/\/alliancemoroccotours.com\/?page_id=539"},"modified":"2025-12-20T06:56:07","modified_gmt":"2025-12-20T06:56:07","slug":"contact","status":"publish","type":"page","link":"https:\/\/alliancemoroccotours.com\/it\/contact\/","title":{"rendered":"Contatto"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"539\" class=\"elementor elementor-539\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6ebb270 e-con-full e-flex e-con e-parent\" data-id=\"6ebb270\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f37f81 elementor-widget elementor-widget-html\" data-id=\"9f37f81\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"contact-page-section\">\r\n  <!-- Banner -->\r\n  <div class=\"contact-banner\">\r\n    <div class=\"contact-banner-overlay\"><\/div>\r\n    <div class=\"contact-banner-content\">\r\n      <h1 class=\"contact-banner-title\">Contact Us<\/h1>\r\n      <p class=\"contact-banner-subtitle\">Get in touch with our travel experts<\/p>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <!-- Contact Content -->\r\n  <div class=\"contact-container\">\r\n    <!-- Left Column: Contact Information -->\r\n    <div class=\"contact-info-container\">\r\n      <div class=\"contact-info\">\r\n        <h2 class=\"contact-info-title\">Get in Touch<\/h2>\r\n        <p class=\"contact-info-description\">Our team is ready to help you plan your perfect Moroccan adventure. Reach out to us with any questions or inquiries.<\/p>\r\n        \r\n        <div class=\"contact-details\">\r\n          <!-- Address -->\r\n          <div class=\"contact-detail-item\">\r\n            <div class=\"contact-detail-icon\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"><\/path>\r\n                <circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"contact-detail-content\">\r\n              <h3 class=\"contact-detail-title\">Our Address<\/h3>\r\n              <p class=\"contact-detail-text\">Lotissement Jardins Des orangers imm M N\u00b0 5 2etge Mhamid<br>Marrakech, Marrakech - Safi, Morocco, 40000<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <!-- Phone -->\r\n          <div class=\"contact-detail-item\">\r\n            <div class=\"contact-detail-icon\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"><\/path>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"contact-detail-content\">\r\n              <h3 class=\"contact-detail-title\">Phone Numbers<\/h3>\r\n              <p class=\"contact-detail-text\">Mobile: +212 667-843073<\/p>\r\n              <p class=\"contact-detail-text\">Landline: 05 29 662-085<\/p>\r\n            <\/div>\r\n          <\/div>\r\n          \r\n          <!-- Email -->\r\n          <div class=\"contact-detail-item\">\r\n            <div class=\"contact-detail-icon\">\r\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n                <path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path>\r\n                <polyline points=\"22,6 12,13 2,6\"><\/polyline>\r\n              <\/svg>\r\n            <\/div>\r\n            <div class=\"contact-detail-content\">\r\n              <h3 class=\"contact-detail-title\">Email Address<\/h3>\r\n              <p class=\"contact-detail-text\">info@alliancemoroccotours.com<\/p>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n    \r\n    <!-- Right Column: Contact Form -->\r\n    <div class=\"contact-form-container\">\r\n      <h2 class=\"contact-form-title\">Send Us a Message<\/h2>\r\n      <p class=\"contact-form-description\">Fill out the form below and we'll get back to you within 24 hours.<\/p>\r\n      \r\n      <form class=\"contact-form\" id=\"contactForm\">\r\n        <div class=\"form-row\">\r\n          <div class=\"form-group\">\r\n            <label for=\"firstName\" class=\"form-label\">First Name *<\/label>\r\n            <input type=\"text\" id=\"firstName\" name=\"firstName\" class=\"form-input\" required>\r\n          <\/div>\r\n          <div class=\"form-group\">\r\n            <label for=\"lastName\" class=\"form-label\">Last Name *<\/label>\r\n            <input type=\"text\" id=\"lastName\" name=\"lastName\" class=\"form-input\" required>\r\n          <\/div>\r\n        <\/div>\r\n        \r\n        <div class=\"form-group\">\r\n          <label for=\"email\" class=\"form-label\">Email Address *<\/label>\r\n          <input type=\"email\" id=\"email\" name=\"email\" class=\"form-input\" required>\r\n        <\/div>\r\n        \r\n        <div class=\"form-group\">\r\n          <label for=\"phone\" class=\"form-label\">Phone Number *<\/label>\r\n          <input type=\"tel\" id=\"phone\" name=\"phone\" class=\"form-input\" required>\r\n        <\/div>\r\n        \r\n        <div class=\"form-group\">\r\n          <label for=\"message\" class=\"form-label\">Your Message *<\/label>\r\n          <textarea id=\"message\" name=\"message\" class=\"form-textarea\" rows=\"5\" required><\/textarea>\r\n        <\/div>\r\n        \r\n        <button type=\"submit\" class=\"form-submit-btn\">Send Message<\/button>\r\n      <\/form>\r\n    <\/div>\r\n  <\/div>\r\n  \r\n  <style>\r\n    \/* PREVENT STYLE CONFLICTS *\/\r\n    .contact-page-section {\r\n      --accent-color: #fe9f22 !important;\r\n      --dark-text: #111827 !important;\r\n      --gray-text: #4b5563 !important;\r\n      --light-gray: #e5e7eb !important;\r\n      --border-color: #d1d5db !important;\r\n      --white: #ffffff !important;\r\n      --success-color: #10b981 !important;\r\n      --info-bg: #fef7eb !important;\r\n      \r\n      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif !important;\r\n      isolation: isolate !important;\r\n      position: relative !important;\r\n      z-index: 1 !important;\r\n    }\r\n    \r\n    \/* Banner Styles *\/\r\n    .contact-banner {\r\n      position: relative !important;\r\n      width: 100% !important;\r\n      height: 300px !important;\r\n      background-image: url('https:\/\/alliancemoroccotours.com\/wp-content\/uploads\/2025\/12\/3.webp') !important;\r\n      background-size: cover !important;\r\n      background-position: center !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      text-align: center !important;\r\n    }\r\n    \r\n    .contact-banner-overlay {\r\n      position: absolute !important;\r\n      top: 0 !important;\r\n      left: 0 !important;\r\n      width: 100% !important;\r\n      height: 100% !important;\r\n      background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.4)) !important;\r\n    }\r\n    \r\n    .contact-banner-content {\r\n      position: relative !important;\r\n      z-index: 2 !important;\r\n      color: var(--white) !important;\r\n      padding: 2rem !important;\r\n      max-width: 800px !important;\r\n    }\r\n    \r\n    .contact-banner-title {\r\n      font-size: 3rem !important;\r\n      font-weight: 700 !important;\r\n      margin-bottom: 1rem !important;\r\n      color: var(--white) !important;\r\n    }\r\n    \r\n    .contact-banner-subtitle {\r\n      font-size: 1.25rem !important;\r\n      color: rgba(255, 255, 255, 0.9) !important;\r\n      max-width: 600px !important;\r\n      margin: 0 auto !important;\r\n    }\r\n    \r\n    \/* Main Container *\/\r\n    .contact-container {\r\n      display: grid !important;\r\n      grid-template-columns: 1fr 1fr !important;\r\n      gap: 4rem !important;\r\n      max-width: 1280px !important;\r\n      margin: 4rem auto !important;\r\n      padding: 0 2rem !important;\r\n    }\r\n    \r\n    \/* Left Column: Contact Info Container with Background *\/\r\n    .contact-info-container {\r\n      background-color: var(--info-bg) !important;\r\n      border-radius: 12px !important;\r\n      padding: 2.5rem !important;\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      justify-content: center !important;\r\n    }\r\n    \r\n    .contact-info {\r\n      width: 100% !important;\r\n    }\r\n    \r\n    .contact-info-title {\r\n      color: var(--dark-text) !important;\r\n      font-size: 2rem !important;\r\n      font-weight: 700 !important;\r\n      margin-bottom: 1.5rem !important;\r\n    }\r\n    \r\n    .contact-info-description {\r\n      color: var(--gray-text) !important;\r\n      font-size: 1.125rem !important;\r\n      line-height: 1.6 !important;\r\n      margin-bottom: 3rem !important;\r\n    }\r\n    \r\n    .contact-details {\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      gap: 2.5rem !important;\r\n    }\r\n    \r\n    .contact-detail-item {\r\n      display: flex !important;\r\n      gap: 1.5rem !important;\r\n      align-items: flex-start !important;\r\n    }\r\n    \r\n    .contact-detail-icon {\r\n      flex-shrink: 0 !important;\r\n      width: 56px !important;\r\n      height: 56px !important;\r\n      background-color: var(--white) !important;\r\n      border-radius: 50% !important;\r\n      display: flex !important;\r\n      align-items: center !important;\r\n      justify-content: center !important;\r\n      color: var(--accent-color) !important;\r\n      border: 1px solid var(--light-gray) !important;\r\n    }\r\n    \r\n    .contact-detail-icon svg {\r\n      width: 24px !important;\r\n      height: 24px !important;\r\n      stroke: var(--accent-color) !important;\r\n    }\r\n    \r\n    .contact-detail-content {\r\n      flex: 1 !important;\r\n    }\r\n    \r\n    .contact-detail-title {\r\n      color: var(--dark-text) !important;\r\n      font-size: 1.25rem !important;\r\n      font-weight: 600 !important;\r\n      margin-bottom: 0.5rem !important;\r\n    }\r\n    \r\n    .contact-detail-text {\r\n      color: var(--gray-text) !important;\r\n      font-size: 1.125rem !important;\r\n      line-height: 1.6 !important;\r\n      margin-bottom: 0.25rem !important;\r\n    }\r\n    \r\n    .contact-detail-text:last-child {\r\n      margin-bottom: 0 !important;\r\n    }\r\n    \r\n    \/* Right Column: Contact Form *\/\r\n    .contact-form-container {\r\n      background: var(--white) !important;\r\n      border-radius: 12px !important;\r\n      padding: 2.5rem !important;\r\n      box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08) !important;\r\n    }\r\n    \r\n    .contact-form-title {\r\n      color: var(--dark-text) !important;\r\n      font-size: 2rem !important;\r\n      font-weight: 700 !important;\r\n      margin-bottom: 1rem !important;\r\n    }\r\n    \r\n    .contact-form-description {\r\n      color: var(--gray-text) !important;\r\n      font-size: 1.125rem !important;\r\n      line-height: 1.6 !important;\r\n      margin-bottom: 2.5rem !important;\r\n    }\r\n    \r\n    .contact-form {\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      gap: 1.5rem !important;\r\n    }\r\n    \r\n    .form-row {\r\n      display: grid !important;\r\n      grid-template-columns: 1fr 1fr !important;\r\n      gap: 1.5rem !important;\r\n    }\r\n    \r\n    .form-group {\r\n      display: flex !important;\r\n      flex-direction: column !important;\r\n      gap: 0.5rem !important;\r\n    }\r\n    \r\n    .form-label {\r\n      color: var(--dark-text) !important;\r\n      font-size: 1rem !important;\r\n      font-weight: 600 !important;\r\n    }\r\n    \r\n    .form-input,\r\n    .form-textarea {\r\n      padding: 0.875rem 1rem !important;\r\n      border: 1px solid var(--border-color) !important;\r\n      border-radius: 8px !important;\r\n      font-size: 1rem !important;\r\n      font-family: inherit !important;\r\n      background: var(--white) !important;\r\n      color: var(--dark-text) !important;\r\n      transition: border-color 0.3s ease, box-shadow 0.3s ease !important;\r\n    }\r\n    \r\n    .form-input:focus,\r\n    .form-textarea:focus {\r\n      outline: none !important;\r\n      border-color: var(--accent-color) !important;\r\n      box-shadow: 0 0 0 3px rgba(254, 159, 34, 0.1) !important;\r\n    }\r\n    \r\n    .form-textarea {\r\n      resize: vertical !important;\r\n      min-height: 120px !important;\r\n    }\r\n    \r\n    .form-submit-btn {\r\n      background-color: var(--accent-color) !important;\r\n      color: var(--dark-text) !important;\r\n      font-weight: 600 !important;\r\n      font-size: 1.125rem !important;\r\n      padding: 1rem 2rem !important;\r\n      border-radius: 8px !important;\r\n      border: none !important;\r\n      cursor: pointer !important;\r\n      transition: background-color 0.3s ease !important;\r\n      margin-top: 1rem !important;\r\n    }\r\n    \r\n    .form-submit-btn:hover {\r\n      background-color: #ffb14d !important;\r\n    }\r\n    \r\n    \/* Mobile Styles *\/\r\n    @media (max-width: 1024px) {\r\n      .contact-container {\r\n        gap: 3rem !important;\r\n        padding: 0 1.5rem !important;\r\n      }\r\n      \r\n      .contact-banner-title {\r\n        font-size: 2.5rem !important;\r\n      }\r\n    }\r\n    \r\n    @media (max-width: 768px) {\r\n      .contact-container {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 3rem !important;\r\n        margin: 3rem auto !important;\r\n      }\r\n      \r\n      .contact-info-container {\r\n        padding: 2rem !important;\r\n      }\r\n      \r\n      .contact-banner {\r\n        height: 250px !important;\r\n      }\r\n      \r\n      .contact-banner-title {\r\n        font-size: 2.25rem !important;\r\n      }\r\n      \r\n      .contact-banner-subtitle {\r\n        font-size: 1.125rem !important;\r\n      }\r\n      \r\n      .form-row {\r\n        grid-template-columns: 1fr !important;\r\n        gap: 1.5rem !important;\r\n      }\r\n    }\r\n    \r\n    @media (max-width: 480px) {\r\n      .contact-container {\r\n        padding: 0 1rem !important;\r\n        margin: 2rem auto !important;\r\n      }\r\n      \r\n      .contact-banner {\r\n        height: 200px !important;\r\n      }\r\n      \r\n      .contact-banner-title {\r\n        font-size: 1.75rem !important;\r\n      }\r\n      \r\n      .contact-banner-subtitle {\r\n        font-size: 1rem !important;\r\n      }\r\n      \r\n      .contact-info-title,\r\n      .contact-form-title {\r\n        font-size: 1.75rem !important;\r\n      }\r\n      \r\n      .contact-form-container {\r\n        padding: 1.5rem !important;\r\n      }\r\n      \r\n      .contact-info-container {\r\n        padding: 1.5rem !important;\r\n      }\r\n      \r\n      .contact-detail-item {\r\n        flex-direction: column !important;\r\n        gap: 1rem !important;\r\n      }\r\n      \r\n      .contact-detail-icon {\r\n        width: 48px !important;\r\n        height: 48px !important;\r\n      }\r\n    }\r\n  <\/style>\r\n  \r\n  <script>\r\n    (function() {\r\n      'use strict';\r\n      \r\n      const contactForm = document.getElementById('contactForm');\r\n      if (!contactForm) return;\r\n      \r\n      contactForm.addEventListener('submit', function(e) {\r\n        e.preventDefault();\r\n        \r\n        \/\/ Get form data\r\n        const formData = new FormData(contactForm);\r\n        const formObject = {};\r\n        formData.forEach((value, key) => {\r\n          formObject[key] = value;\r\n        });\r\n        \r\n        \/\/ Simple validation\r\n        const requiredFields = ['firstName', 'lastName', 'email', 'phone', 'message'];\r\n        let isValid = true;\r\n        \r\n        requiredFields.forEach(field => {\r\n          const input = contactForm.querySelector(`[name=\"${field}\"]`);\r\n          if (!input.value.trim()) {\r\n            isValid = false;\r\n            input.style.borderColor = '#ef4444';\r\n          } else {\r\n            input.style.borderColor = '';\r\n          }\r\n        });\r\n        \r\n        \/\/ Email validation\r\n        const emailInput = contactForm.querySelector('[name=\"email\"]');\r\n        const emailRegex = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n        if (emailInput.value && !emailRegex.test(emailInput.value)) {\r\n          isValid = false;\r\n          emailInput.style.borderColor = '#ef4444';\r\n          alert('Please enter a valid email address.');\r\n          return;\r\n        }\r\n        \r\n        if (!isValid) {\r\n          alert('Please fill in all required fields.');\r\n          return;\r\n        }\r\n        \r\n        \/\/ Simulate form submission\r\n        const submitBtn = contactForm.querySelector('.form-submit-btn');\r\n        const originalText = submitBtn.textContent;\r\n        \r\n        submitBtn.textContent = 'Sending...';\r\n        submitBtn.disabled = true;\r\n        \r\n        \/\/ Simulate API call\r\n        setTimeout(() => {\r\n          \/\/ In a real application, you would send the data to a server here\r\n          \/\/ For example: fetch('\/api\/contact', { method: 'POST', body: formData })\r\n          \r\n          submitBtn.textContent = 'Message Sent!';\r\n          submitBtn.style.backgroundColor = 'var(--success-color)';\r\n          \r\n          \/\/ Reset form\r\n          setTimeout(() => {\r\n            contactForm.reset();\r\n            submitBtn.textContent = originalText;\r\n            submitBtn.disabled = false;\r\n            submitBtn.style.backgroundColor = '';\r\n            alert('Thank you! Your message has been sent. We will get back to you within 24 hours.');\r\n          }, 2000);\r\n        }, 1500);\r\n      });\r\n      \r\n      \/\/ Reset border color on input\r\n      const formInputs = contactForm.querySelectorAll('.form-input, .form-textarea');\r\n      formInputs.forEach(input => {\r\n        input.addEventListener('input', function() {\r\n          this.style.borderColor = '';\r\n        });\r\n      });\r\n    })();\r\n  <\/script>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Us Get in touch with our travel experts Get in Touch Our team is ready to help you plan your perfect Moroccan adventure. Reach out to us with any questions or inquiries. Our Address Lotissement Jardins Des orangers imm M N\u00b0 5 2etge MhamidMarrakech, Marrakech &#8211; Safi, Morocco, 40000 Phone Numbers Mobile: +212 667-843073 [&hellip;]<\/p>\n","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-539","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/pages\/539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/comments?post=539"}],"version-history":[{"count":10,"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/pages\/539\/revisions"}],"predecessor-version":[{"id":710,"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/pages\/539\/revisions\/710"}],"wp:attachment":[{"href":"https:\/\/alliancemoroccotours.com\/it\/wp-json\/wp\/v2\/media?parent=539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}