{"id":492,"date":"2026-03-26T13:06:03","date_gmt":"2026-03-26T13:06:03","guid":{"rendered":"https:\/\/moroccotourcasablanca.com\/?page_id=492"},"modified":"2026-03-26T13:12:21","modified_gmt":"2026-03-26T13:12:21","slug":"contact","status":"publish","type":"page","link":"https:\/\/moroccotourcasablanca.com\/it\/contact\/","title":{"rendered":"Contatto"},"content":{"rendered":"
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Contact Morocco Tour Casablanca | Premium Transfers & Tours<\/title>\r\n <meta name=\"description\" content=\"Contact Morocco Tour Casablanca for premium private transfers, day trips and desert tours. Get a free quote or book your journey today. Call +212 690-740967.\">\r\n <meta name=\"keywords\" content=\"contact Morocco Tour Casablanca, private transfers Casablanca, day trips Morocco, desert tours Morocco, Casablanca airport transfer\">\r\n <meta name=\"author\" content=\"Morocco Tour Casablanca\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n \r\n <!-- EmailJS SDK -->\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@3\/dist\/email.min.js\"><\/script>\r\n <script>\r\n (function() {\r\n emailjs.init(\"eUBfEXI9-wVFKDAS3\"); \/\/ Your public key\r\n })();\r\n <\/script>\r\n \r\n <!-- Schema.org markup for Google -->\r\n <script type=\"application\/ld+json\">\r\n {\r\n \"@context\": \"https:\/\/schema.org\",\r\n \"@type\": \"ContactPage\",\r\n \"name\": \"Contact Morocco Tour Casablanca\",\r\n \"description\": \"Contact page for Morocco Tour Casablanca premium transfer services and tours\",\r\n \"url\": \"https:\/\/moroccotourcasablanca.com\/contact\",\r\n \"mainEntity\": {\r\n \"@type\": \"Organization\",\r\n \"name\": \"Morocco Tour Casablanca\",\r\n \"telephone\": \"+212 690-740967\",\r\n \"email\": \"info@moroccotourcasablanca.com\",\r\n \"address\": {\r\n \"@type\": \"PostalAddress\",\r\n \"addressLocality\": \"Casablanca\",\r\n \"addressCountry\": \"Morocco\"\r\n }\r\n }\r\n }\r\n <\/script>\r\n \r\n <style>\r\n \/* Reset & Base Styles *\/\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\r\n }\r\n \r\n body {\r\n background-color: #fef9f3;\r\n color: #333;\r\n line-height: 1.6;\r\n overflow-x: hidden;\r\n }\r\n \r\n \/* Banner Section *\/\r\n .contact-banner {\r\n background: \r\n linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.6)),\r\n url('http:\/\/moroccotourcasablanca.com\/wp-content\/uploads\/2026\/03\/car23.png');\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n padding: clamp(60px, 12vw, 100px) 20px;\r\n text-align: center;\r\n color: white;\r\n position: relative;\r\n }\r\n \r\n .banner-content {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 20px;\r\n width: 100%;\r\n }\r\n \r\n .contact-banner h1 {\r\n font-size: clamp(32px, 5vw, 48px);\r\n font-weight: 800;\r\n margin-bottom: clamp(15px, 3vw, 25px);\r\n text-shadow: 0 2px 15px rgba(0,0,0,0.4);\r\n line-height: 1.2;\r\n }\r\n \r\n .contact-banner h1 span {\r\n color: #E07A2C;\r\n display: inline-block;\r\n }\r\n \r\n .contact-banner p {\r\n font-size: clamp(16px, 2.5vw, 20px);\r\n max-width: 800px;\r\n margin: 0 auto;\r\n opacity: 0.95;\r\n line-height: 1.5;\r\n }\r\n \r\n \/* Main Content *\/\r\n .contact-container {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: clamp(40px, 8vw, 80px) clamp(20px, 4vw, 40px);\r\n }\r\n \r\n .contact-wrapper {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: clamp(30px, 5vw, 60px);\r\n align-items: start;\r\n }\r\n \r\n \/* Contact Info Section *\/\r\n .contact-info {\r\n background: white;\r\n border-radius: 20px;\r\n padding: clamp(25px, 4vw, 40px);\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\r\n border-left: 5px solid #E07A2C;\r\n }\r\n \r\n .contact-info h2 {\r\n font-size: clamp(24px, 3vw, 32px);\r\n color: #1a1a1a;\r\n margin-bottom: 25px;\r\n font-weight: 800;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n \r\n .contact-info h2 i {\r\n color: #E07A2C;\r\n }\r\n \r\n .contact-details {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 25px;\r\n }\r\n \r\n .contact-item {\r\n display: flex;\r\n align-items: flex-start;\r\n gap: 15px;\r\n padding: 15px 0;\r\n border-bottom: 1px solid #f0f0f0;\r\n }\r\n \r\n .contact-item:last-child {\r\n border-bottom: none;\r\n }\r\n \r\n .contact-icon {\r\n width: 50px;\r\n height: 50px;\r\n background: linear-gradient(135deg, #E07A2C, #B95C1A);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: white;\r\n font-size: 20px;\r\n flex-shrink: 0;\r\n }\r\n \r\n .contact-content h3 {\r\n font-size: 18px;\r\n color: #1a1a1a;\r\n margin-bottom: 5px;\r\n font-weight: 700;\r\n }\r\n \r\n .contact-content p,\r\n .contact-content a {\r\n color: #666;\r\n text-decoration: none;\r\n font-size: 16px;\r\n transition: color 0.3s ease;\r\n }\r\n \r\n .contact-content a:hover {\r\n color: #E07A2C;\r\n }\r\n \r\n \/* Contact Form Section *\/\r\n .contact-form-section {\r\n background: white;\r\n border-radius: 20px;\r\n padding: clamp(25px, 4vw, 40px);\r\n box-shadow: 0 15px 35px rgba(0,0,0,0.08);\r\n border-left: 5px solid #B95C1A;\r\n }\r\n \r\n .contact-form-section h2 {\r\n font-size: clamp(24px, 3vw, 32px);\r\n color: #1a1a1a;\r\n margin-bottom: 25px;\r\n font-weight: 800;\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n }\r\n \r\n .contact-form-section h2 i {\r\n color: #B95C1A;\r\n }\r\n \r\n .contact-form-section p {\r\n color: #666;\r\n margin-bottom: 30px;\r\n font-size: 16px;\r\n }\r\n \r\n .contact-form {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n \r\n \/* Two-column form layout *\/\r\n .form-row {\r\n display: grid;\r\n grid-template-columns: 1fr 1fr;\r\n gap: 20px;\r\n }\r\n \r\n .form-group {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n \r\n .form-group label {\r\n color: #1a1a1a;\r\n font-weight: 600;\r\n font-size: 15px;\r\n }\r\n \r\n .form-group input,\r\n .form-group textarea,\r\n .form-group select {\r\n padding: 14px 18px;\r\n border: 1px solid #e0e0e0;\r\n border-radius: 10px;\r\n font-size: 16px;\r\n background: #fef9f3;\r\n transition: all 0.3s ease;\r\n width: 100%;\r\n }\r\n \r\n .form-group input:focus,\r\n .form-group textarea:focus,\r\n .form-group select:focus {\r\n outline: none;\r\n border-color: #E07A2C;\r\n box-shadow: 0 0 0 3px rgba(224, 122, 44, 0.1);\r\n background: white;\r\n }\r\n \r\n .form-group textarea {\r\n min-height: 150px;\r\n resize: vertical;\r\n }\r\n \r\n .submit-btn {\r\n background: linear-gradient(135deg, #E07A2C, #B95C1A);\r\n color: white;\r\n border: none;\r\n padding: 16px 30px;\r\n border-radius: 10px;\r\n font-size: 17px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n margin-top: 10px;\r\n width: 100%;\r\n }\r\n \r\n .submit-btn:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 10px 25px rgba(224, 122, 44, 0.3);\r\n }\r\n \r\n .submit-btn:active {\r\n transform: translateY(-1px);\r\n }\r\n \r\n .submit-btn:disabled {\r\n opacity: 0.7;\r\n cursor: not-allowed;\r\n transform: none;\r\n }\r\n \r\n \/* Success\/Error Message Styles *\/\r\n .message-overlay {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.85);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 1000;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .message-overlay.active {\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n \r\n .message-box {\r\n background: white;\r\n padding: 40px;\r\n border-radius: 20px;\r\n text-align: center;\r\n max-width: 500px;\r\n width: 90%;\r\n transform: translateY(20px);\r\n transition: transform 0.3s ease;\r\n }\r\n \r\n .message-overlay.active .message-box {\r\n transform: translateY(0);\r\n }\r\n \r\n .message-icon {\r\n font-size: 48px;\r\n margin-bottom: 20px;\r\n }\r\n \r\n .success-icon {\r\n color: #28a745;\r\n }\r\n \r\n .error-icon {\r\n color: #E07A2C;\r\n }\r\n \r\n .message-title {\r\n font-size: 24px;\r\n font-weight: 700;\r\n margin-bottom: 15px;\r\n color: #1a1a1a;\r\n }\r\n \r\n .message-text {\r\n color: #666;\r\n margin-bottom: 25px;\r\n line-height: 1.6;\r\n }\r\n \r\n .close-message-btn {\r\n background: #E07A2C;\r\n color: white;\r\n border: none;\r\n padding: 12px 25px;\r\n border-radius: 10px;\r\n font-size: 16px;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .close-message-btn:hover {\r\n background: #B95C1A;\r\n }\r\n \r\n \/* FAQ Section *\/\r\n .faq-section {\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n padding: 0 clamp(20px, 4vw, 40px) clamp(40px, 8vw, 80px);\r\n }\r\n \r\n .faq-section h2 {\r\n text-align: center;\r\n font-size: clamp(28px, 4vw, 36px);\r\n color: #1a1a1a;\r\n margin-bottom: 40px;\r\n font-weight: 800;\r\n }\r\n \r\n .faq-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\r\n gap: 25px;\r\n }\r\n \r\n .faq-item {\r\n background: white;\r\n border-radius: 15px;\r\n padding: 25px;\r\n box-shadow: 0 10px 25px rgba(0,0,0,0.05);\r\n transition: transform 0.3s ease;\r\n border: 1px solid rgba(224, 122, 44, 0.1);\r\n }\r\n \r\n .faq-item:hover {\r\n transform: translateY(-5px);\r\n box-shadow: 0 15px 30px rgba(224, 122, 44, 0.1);\r\n border-color: rgba(224, 122, 44, 0.3);\r\n }\r\n \r\n .faq-item h3 {\r\n color: #1a1a1a;\r\n margin-bottom: 10px;\r\n font-size: 18px;\r\n font-weight: 700;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n \r\n .faq-item h3 i {\r\n color: #E07A2C;\r\n }\r\n \r\n .faq-item p {\r\n color: #666;\r\n font-size: 15px;\r\n line-height: 1.6;\r\n }\r\n \r\n \/* Responsive Design *\/\r\n @media (max-width: 768px) {\r\n .contact-banner {\r\n padding: 50px 15px;\r\n }\r\n \r\n .contact-wrapper {\r\n grid-template-columns: 1fr;\r\n gap: 40px;\r\n }\r\n \r\n .contact-info,\r\n .contact-form-section {\r\n padding: 30px 25px;\r\n }\r\n \r\n .faq-grid {\r\n grid-template-columns: 1fr;\r\n }\r\n \r\n .form-row {\r\n grid-template-columns: 1fr;\r\n gap: 15px;\r\n }\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .contact-banner h1 {\r\n font-size: 28px;\r\n }\r\n \r\n .contact-banner p {\r\n font-size: 16px;\r\n }\r\n \r\n .contact-info,\r\n .contact-form-section {\r\n padding: 25px 20px;\r\n }\r\n \r\n .contact-item {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n gap: 10px;\r\n }\r\n \r\n .contact-icon {\r\n width: 45px;\r\n height: 45px;\r\n font-size: 18px;\r\n }\r\n \r\n .form-group input,\r\n .form-group textarea,\r\n .form-group select {\r\n padding: 12px 15px;\r\n font-size: 15px;\r\n }\r\n \r\n .submit-btn {\r\n padding: 14px 25px;\r\n font-size: 16px;\r\n }\r\n \r\n .faq-item {\r\n padding: 20px;\r\n }\r\n \r\n .message-box {\r\n padding: 30px 20px;\r\n }\r\n }\r\n \r\n \/* Animation *\/\r\n @keyframes fadeIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n .contact-info,\r\n .contact-form-section,\r\n .faq-item {\r\n animation: fadeIn 0.6s ease forwards;\r\n }\r\n \r\n .contact-form-section {\r\n animation-delay: 0.2s;\r\n }\r\n \r\n .faq-item:nth-child(2) {\r\n animation-delay: 0.4s;\r\n }\r\n \r\n .faq-item:nth-child(3) {\r\n animation-delay: 0.6s;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <!-- Success\/Error Message Overlay -->\r\n <div class=\"message-overlay\" id=\"messageOverlay\">\r\n <div class=\"message-box\">\r\n <div class=\"message-icon success-icon\" id=\"messageIcon\">\r\n <i class=\"fas fa-check-circle\"><\/i>\r\n <\/div>\r\n <h3 class=\"message-title\" id=\"messageTitle\">Messaggio inviato con successo!<\/h3>\r\n <p class=\"message-text\" id=\"messageText\">Grazie per aver contattato Morocco Tour Casablanca. Vi risponderemo entro 24 ore.<\/p>\r\n <button class=\"close-message-btn\" id=\"closeMessageBtn\">OK<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Contact Banner -->\r\n <section class=\"contact-banner\" aria-label=\"Contatto Banner\">\r\n <div class=\"banner-content\">\r\n <h1>Contatto <span>Marocco Tour Casablanca<\/span><\/h1>\r\n <p>Contattate il nostro team per iniziare il vostro viaggio in Marocco. Siamo qui per rispondere a tutte le vostre domande e aiutarvi a pianificare il vostro trasferimento o tour perfetto.<\/p>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Main Contact Content -->\r\n <div class=\"contact-container\">\r\n <div class=\"contact-wrapper\">\r\n <!-- Contact Information -->\r\n <div class=\"contact-info\">\r\n <h2><i class=\"fas fa-info-circle\"><\/i> Informazioni di contatto<\/h2>\r\n <div class=\"contact-details\">\r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-phone-alt\"><\/i>\r\n <\/div>\r\n <div class=\"contact-content\">\r\n <h3>Numero di telefono<\/h3>\r\n <a href=\"tel:+212690740967\">+212 690-740967<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-envelope\"><\/i>\r\n <\/div>\r\n <div class=\"contact-content\">\r\n <h3>Indirizzo e-mail<\/h3>\r\n <a href=\"mailto:info@moroccotourcasablanca.com\">info@moroccotourcasablanca.com<\/a>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"contact-item\">\r\n <div class=\"contact-icon\">\r\n <i class=\"fas fa-map-marker-alt\"><\/i>\r\n <\/div>\r\n <div class=\"contact-content\">\r\n <h3>La nostra posizione<\/h3>\r\n <p>Casablanca, Marocco<\/p>\r\n <p>Disponibile per il prelievo dall'aeroporto e per i tour della citt\u00e0<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- Contact Form -->\r\n <div class=\"contact-form-section\">\r\n <h2><i class=\"fas fa-paper-plane\"><\/i> Inviaci un messaggio<\/h2>\r\n <p>Compilate il modulo sottostante e vi risponderemo entro 24 ore.<\/p>\r\n \r\n <form class=\"contact-form\" id=\"contactForm\" action=\"\">\r\n <!-- First row - Full Name & Email -->\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"name\">Nome completo *<\/label>\r\n <input type=\"text\" id=\"name\" name=\"from_name\" required placeholder=\"Nome e cognome\">\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"email\">Indirizzo e-mail *<\/label>\r\n <input type=\"email\" id=\"email\" name=\"from_email\" required placeholder=\"your.email@example.com\">\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Second row - Phone Number & Service -->\r\n <div class=\"form-row\">\r\n <div class=\"form-group\">\r\n <label for=\"phone\">Numero di telefono<\/label>\r\n <input type=\"tel\" id=\"phone\" name=\"phone\" placeholder=\"+212 XXX-XXXXXX\">\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"service\">Servizio interessato a *<\/label>\r\n <select id=\"service\" name=\"service\" required>\r\n <option value=\"\" disabled selected>Selezionare un servizio<\/option>\r\n <option value=\"Private Transfer\">Trasferimento privato<\/option>\r\n <option value=\"Day Trip\">Gita di un giorno<\/option>\r\n <option value=\"Desert Tour\">Tour nel deserto<\/option>\r\n <option value=\"Morocco Tour\">Tour del Marocco<\/option>\r\n <option value=\"Custom Tour\">Tour personalizzato<\/option>\r\n <option value=\"Airport Transfer\">Trasferimento dall'aeroporto<\/option>\r\n <\/select>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Message field - full width -->\r\n <div class=\"form-group\">\r\n <label for=\"message\">Il tuo messaggio *<\/label>\r\n <textarea id=\"message\" name=\"message\" required placeholder=\"Comunicateci i vostri programmi di viaggio, le date, il numero di passeggeri ed eventuali richieste speciali...\"><\/textarea>\r\n <\/div>\r\n \r\n <button type=\"submit\" class=\"submit-btn\" id=\"submitBtn\">\r\n <i class=\"fas fa-paper-plane\"><\/i>\r\n Invia il messaggio\r\n <\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"it\"\/><\/form>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- FAQ Section -->\r\n <div class=\"faq-section\">\r\n <h2>Domande frequenti<\/h2>\r\n <div class=\"faq-grid\">\r\n <div class=\"faq-item\">\r\n <h3><i class=\"fas fa-clock\"><\/i> Tempo di risposta<\/h3>\r\n <p>In genere rispondiamo a tutte le richieste entro 24 ore. Per questioni urgenti, potete chiamarci in qualsiasi momento.<\/p>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <h3><i class=\"fas fa-car\"><\/i> Processo di prenotazione<\/h3>\r\n <p>Dopo averci contattato, vi confermeremo la disponibilit\u00e0 e vi forniremo un preventivo. Una volta confermato, organizzeremo il vostro trasferimento o tour con un autista professionista.<\/p>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <h3><i class=\"fas fa-headset\"><\/i> Disponibilit\u00e0 del supporto<\/h3>\r\n <p>Il nostro team fornisce un'assistenza continua prima, durante e dopo il viaggio per garantire un'esperienza di viaggio in Marocco senza interruzioni.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- JavaScript -->\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Form elements\r\n const contactForm = document.getElementById('contactForm');\r\n const submitBtn = document.getElementById('submitBtn');\r\n const messageOverlay = document.getElementById('messageOverlay');\r\n const messageIcon = document.getElementById('messageIcon');\r\n const messageTitle = document.getElementById('messageTitle');\r\n const messageText = document.getElementById('messageText');\r\n const closeMessageBtn = document.getElementById('closeMessageBtn');\r\n \r\n \/\/ Phone number formatting\r\n const phoneInput = document.getElementById('phone');\r\n if (phoneInput) {\r\n phoneInput.addEventListener('input', function(e) {\r\n let value = e.target.value.replace(\/\\D\/g, '');\r\n if (value.length > 0 && !value.startsWith('212')) {\r\n value = '212' + value;\r\n }\r\n if (value.length > 0) {\r\n let formatted = '+' + value.substring(0, 3) + ' ';\r\n if (value.length > 3) formatted += value.substring(3, 6);\r\n if (value.length > 6) formatted += '-' + value.substring(6, 9);\r\n if (value.length > 9) formatted += value.substring(9, 12);\r\n e.target.value = formatted.trim();\r\n }\r\n });\r\n }\r\n \r\n \/\/ Email validation\r\n function isValidEmail(email) {\r\n const re = \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/;\r\n return re.test(email);\r\n }\r\n \r\n \/\/ Form validation\r\n function validateForm() {\r\n const name = document.getElementById('name');\r\n const email = document.getElementById('email');\r\n const service = document.getElementById('service');\r\n const message = document.getElementById('message');\r\n \r\n let isValid = true;\r\n \r\n \/\/ Reset previous error states\r\n [name, email, service, message].forEach(field => {\r\n if (field) field.style.borderColor = '#e0e0e0';\r\n });\r\n \r\n \/\/ Validate required fields\r\n if (!name.value.trim()) {\r\n name.style.borderColor = '#E07A2C';\r\n isValid = false;\r\n }\r\n \r\n if (!email.value.trim() || !isValidEmail(email.value)) {\r\n email.style.borderColor = '#E07A2C';\r\n isValid = false;\r\n }\r\n \r\n if (!service.value) {\r\n service.style.borderColor = '#E07A2C';\r\n isValid = false;\r\n }\r\n \r\n if (!message.value.trim()) {\r\n message.style.borderColor = '#E07A2C';\r\n isValid = false;\r\n }\r\n \r\n return isValid;\r\n }\r\n \r\n \/\/ Show message function\r\n function showMessage(type, title, text) {\r\n if (type === 'success') {\r\n messageIcon.innerHTML = '<i class=\"fas fa-check-circle\"><\/i>';\r\n messageIcon.className = 'message-icon success-icon';\r\n } else {\r\n messageIcon.innerHTML = '<i class=\"fas fa-exclamation-circle\"><\/i>';\r\n messageIcon.className = 'message-icon error-icon';\r\n }\r\n \r\n messageTitle.textContent = title;\r\n messageText.textContent = text;\r\n messageOverlay.classList.add('active');\r\n document.body.style.overflow = 'hidden';\r\n }\r\n \r\n \/\/ Close message function\r\n function closeMessage() {\r\n messageOverlay.classList.remove('active');\r\n document.body.style.overflow = 'auto';\r\n }\r\n \r\n \/\/ Close message button event\r\n closeMessageBtn.addEventListener('click', closeMessage);\r\n \r\n \/\/ Close message when clicking outside\r\n messageOverlay.addEventListener('click', function(e) {\r\n if (e.target === messageOverlay) {\r\n closeMessage();\r\n }\r\n });\r\n \r\n \/\/ Form submission\r\n contactForm.addEventListener('submit', async function(e) {\r\n e.preventDefault();\r\n \r\n \/\/ Validate form\r\n if (!validateForm()) {\r\n showMessage('error', 'Form Error', 'Please fill in all required fields correctly.');\r\n return;\r\n }\r\n \r\n \/\/ Get form data\r\n const formData = {\r\n from_name: document.getElementById('name').value,\r\n from_email: document.getElementById('email').value,\r\n phone: document.getElementById('phone').value || 'Not provided',\r\n service: document.getElementById('service').value,\r\n message: document.getElementById('message').value,\r\n submission_date: new Date().toLocaleDateString('en-US', {\r\n year: 'numeric',\r\n month: 'long',\r\n day: 'numeric'\r\n }),\r\n submission_time: new Date().toLocaleTimeString('en-US', {\r\n hour: '2-digit',\r\n minute: '2-digit'\r\n })\r\n };\r\n \r\n \/\/ Show loading state\r\n const originalBtnText = submitBtn.innerHTML;\r\n submitBtn.innerHTML = '<i class=\"fas fa-spinner fa-spin\"><\/i> Sending...';\r\n submitBtn.disabled = true;\r\n \r\n try {\r\n \/\/ Send email using EmailJS\r\n await emailjs.send(\r\n 'service_fumhs7m', \/\/ Your service ID\r\n 'template_hpvr9fp', \/\/ Your template ID\r\n formData\r\n );\r\n \r\n \/\/ Show success message\r\n showMessage(\r\n 'success',\r\n 'Message Sent Successfully!',\r\n 'Thank you for contacting Morocco Tour Casablanca. We\\'ll get back to you within 24 hours.'\r\n );\r\n \r\n \/\/ Reset form\r\n contactForm.reset();\r\n \r\n } catch (error) {\r\n console.error('EmailJS Error:', error);\r\n showMessage(\r\n 'error',\r\n 'Something Went Wrong',\r\n 'There was an error sending your message. Please try again or contact us directly at info@moroccotourcasablanca.com'\r\n );\r\n } finally {\r\n \/\/ Reset button state\r\n submitBtn.innerHTML = originalBtnText;\r\n submitBtn.disabled = false;\r\n }\r\n });\r\n });\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Contact Morocco Tour Casablanca | Premium Transfers & Tours Message Sent Successfully! Thank you for contacting Morocco Tour Casablanca. We’ll get back to you within 24 hours. OK Contact Morocco Tour Casablanca Get in touch with our team to start your Moroccan journey. We’re here to answer all your questions and help plan your perfect […]<\/p>","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-492","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/moroccotourcasablanca.com\/it\/wp-json\/wp\/v2\/pages\/492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotourcasablanca.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotourcasablanca.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotourcasablanca.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotourcasablanca.com\/it\/wp-json\/wp\/v2\/comments?post=492"}],"version-history":[{"count":4,"href":"https:\/\/moroccotourcasablanca.com\/it\/wp-json\/wp\/v2\/pages\/492\/revisions"}],"predecessor-version":[{"id":499,"href":"https:\/\/moroccotourcasablanca.com\/it\/wp-json\/wp\/v2\/pages\/492\/revisions\/499"}],"wp:attachment":[{"href":"https:\/\/moroccotourcasablanca.com\/it\/wp-json\/wp\/v2\/media?parent=492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}