{"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\/de\/contact\/","title":{"rendered":"Kontakt"},"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\">Nachricht erfolgreich gesendet!<\/h3>\r\n <p class=\"message-text\" id=\"messageText\">Vielen Dank, dass Sie sich an Morocco Tour Casablanca wenden. Wir werden uns innerhalb von 24 Stunden mit Ihnen in Verbindung setzen.<\/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=\"Kontakt Banner\">\r\n <div class=\"banner-content\">\r\n <h1>Kontakt <span>Marokko Tour Casablanca<\/span><\/h1>\r\n <p>Setzen Sie sich mit unserem Team in Verbindung, um Ihre Marokkoreise zu beginnen. Wir beantworten gerne alle Ihre Fragen und helfen Ihnen bei der Planung Ihres perfekten Transfers oder Ihrer Tour.<\/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> Kontaktinformationen<\/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>Rufnummer<\/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>E-Mail Adresse<\/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>Unser Standort<\/h3>\r\n <p>Casablanca, Marokko<\/p>\r\n <p>Verf\u00fcgbar f\u00fcr Flughafenabholung und Stadtrundfahrten<\/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> Senden Sie uns eine Nachricht<\/h2>\r\n <p>F\u00fcllen Sie das nachstehende Formular aus, und wir werden uns innerhalb von 24 Stunden bei Ihnen melden.<\/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\">Vollst\u00e4ndiger Name *<\/label>\r\n <input type=\"text\" id=\"name\" name=\"from_name\" required placeholder=\"Ihr vollst\u00e4ndiger Name\">\r\n <\/div>\r\n \r\n <div class=\"form-group\">\r\n <label for=\"email\">E-Mail Adresse *<\/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\">Rufnummer<\/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\">Dienst Interessiert an *<\/label>\r\n <select id=\"service\" name=\"service\" required>\r\n <option value=\"\" disabled selected>W\u00e4hlen Sie eine Dienstleistung<\/option>\r\n <option value=\"Private Transfer\">Privater Transfer<\/option>\r\n <option value=\"Day Trip\">Tagesausflug<\/option>\r\n <option value=\"Desert Tour\">W\u00fcste Tour<\/option>\r\n <option value=\"Morocco Tour\">Marokko Tour<\/option>\r\n <option value=\"Custom Tour\">Individuelle Tour<\/option>\r\n <option value=\"Airport Transfer\">Flughafen-Transfer<\/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\">Ihre Nachricht *<\/label>\r\n <textarea id=\"message\" name=\"message\" required placeholder=\"Informieren Sie uns \u00fcber Ihre Reisepl\u00e4ne, Daten, Anzahl der Passagiere und besondere W\u00fcnsche...\"><\/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 Nachricht senden\r\n <\/button>\r\n <input type=\"hidden\" name=\"trp-form-language\" value=\"de\"\/><\/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>H\u00e4ufig gestellte Fragen<\/h2>\r\n <div class=\"faq-grid\">\r\n <div class=\"faq-item\">\r\n <h3><i class=\"fas fa-clock\"><\/i> Reaktionszeit<\/h3>\r\n <p>In der Regel antworten wir auf alle Anfragen innerhalb von 24 Stunden. Bei dringenden Angelegenheiten k\u00f6nnen Sie uns jederzeit anrufen.<\/p>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <h3><i class=\"fas fa-car\"><\/i> Buchungsprozess<\/h3>\r\n <p>Nachdem Sie uns kontaktiert haben, best\u00e4tigen wir die Verf\u00fcgbarkeit und erstellen ein Angebot. Nach der Best\u00e4tigung arrangieren wir Ihren Transfer oder Ihre Tour mit einem professionellen Fahrer.<\/p>\r\n <\/div>\r\n \r\n <div class=\"faq-item\">\r\n <h3><i class=\"fas fa-headset\"><\/i> Verf\u00fcgbarkeit von Support<\/h3>\r\n <p>Unser Team unterst\u00fctzt Sie vor, w\u00e4hrend und nach Ihrer Reise, um einen reibungslosen Ablauf Ihrer Reise nach Marokko zu gew\u00e4hrleisten.<\/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\/de\/wp-json\/wp\/v2\/pages\/492","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/comments?post=492"}],"version-history":[{"count":4,"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/pages\/492\/revisions"}],"predecessor-version":[{"id":499,"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/pages\/492\/revisions\/499"}],"wp:attachment":[{"href":"https:\/\/moroccotourcasablanca.com\/de\/wp-json\/wp\/v2\/media?parent=492"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}