{"id":623,"date":"2026-02-18T17:26:10","date_gmt":"2026-02-18T17:26:10","guid":{"rendered":"https:\/\/rifaura.com\/?page_id=623"},"modified":"2026-02-18T18:12:19","modified_gmt":"2026-02-18T18:12:19","slug":"contact","status":"publish","type":"page","link":"https:\/\/rifaura.com\/it\/contact\/","title":{"rendered":"Contatto"},"content":{"rendered":"\t\t
\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\r\n \r\n Contact \u2013 Rifaura Tours<\/title>\r\n <meta name=\"description\" content=\"Contact Rifaura Tours. Request a private tour or transfer in Morocco: airport pickup, desert trips, and intercity tours. Fast confirmation.\" \/>\r\n <meta name=\"robots\" content=\"index,follow,max-image-preview:large\" \/>\r\n <link rel=\"canonical\" href=\"https:\/\/rifaura.com\/contact\" \/>\r\n\r\n <!-- Icons -->\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 <!-- Fonts -->\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:opsz,wght@14..32,400;14..32,700;14..32,800;14..32,950&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <!-- EmailJS with YOUR credentials -->\r\n <script type=\"text\/javascript\" src=\"https:\/\/cdn.jsdelivr.net\/npm\/@emailjs\/browser@4\/dist\/email.min.js\"><\/script>\r\n\r\n <!-- confetti -->\r\n <script src=\"https:\/\/cdn.jsdelivr.net\/npm\/canvas-confetti@1\"><\/script>\r\n<\/head>\r\n\r\n<body style=\"margin:0; background:#ffffff;\">\r\n <div class=\"rifaura-contact-wrapper\" id=\"rifauraContactPage\">\r\n\r\n <style>\r\n \/* =========================\r\n Scoped base (Rifaura orange theme)\r\n ========================= *\/\r\n .rifaura-contact-wrapper,\r\n .rifaura-contact-wrapper *{ box-sizing:border-box; }\r\n\r\n .rifaura-contact-wrapper{\r\n --orange: #F97316;\r\n --orange-dark: #e0670e;\r\n --orange-light: #FFB347;\r\n --white: #ffffff;\r\n --ink: #111827;\r\n --muted: #6b7280;\r\n --bg-light: #fff7ed;\r\n\r\n font-family: Inter, system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\r\n color: var(--ink);\r\n background: var(--white);\r\n }\r\n\r\n .rifaura-contact-wrapper img{ max-width:100%; height:auto; display:block; }\r\n .rifaura-contact-wrapper a{ color:inherit; text-decoration:none; }\r\n\r\n .rifaura-contact-wrapper section{ padding: 70px 20px; }\r\n .rifaura-contact-wrapper .sm-container{\r\n max-width: 1200px;\r\n margin: 0 auto;\r\n }\r\n\r\n \/* HERO *\/\r\n .rifaura-hero{\r\n background: linear-gradient(135deg, rgba(249,115,22,0.14), rgba(17,24,39,0.03));\r\n border-bottom: 1px solid rgba(0,0,0,0.06);\r\n }\r\n .rifaura-hero-inner{\r\n display:flex;\r\n flex-wrap:wrap;\r\n gap:40px;\r\n align-items:center;\r\n justify-content:space-between;\r\n }\r\n .rifaura-hero-text{ flex: 1 1 320px; }\r\n .rifaura-eyebrow{\r\n display:inline-block;\r\n padding: 8px 20px;\r\n border-radius: 999px;\r\n background: rgba(249,115,22,0.1);\r\n color: var(--orange-dark);\r\n text-transform: uppercase;\r\n font-size: 13px;\r\n font-weight: 800;\r\n letter-spacing: 0.08em;\r\n margin-bottom: 18px;\r\n }\r\n .rifaura-title{\r\n font-size: clamp(28px, 4vw, 40px);\r\n font-weight: 950;\r\n margin: 0 0 14px;\r\n letter-spacing: -0.4px;\r\n color: var(--ink);\r\n }\r\n .rifaura-title strong{ color: var(--orange); }\r\n .rifaura-subtitle{\r\n font-size: 16px;\r\n color: var(--muted);\r\n max-width: 560px;\r\n line-height: 1.75;\r\n font-weight: 600;\r\n margin: 0;\r\n }\r\n .rifaura-hero-image{ flex: 0 0 380px; }\r\n .rifaura-hero-image img{\r\n width:100%;\r\n border-radius: 20px;\r\n border: 4px solid var(--orange);\r\n box-shadow: 0 15px 40px rgba(249,115,22,0.2);\r\n object-fit: cover;\r\n }\r\n\r\n \/* MAIN *\/\r\n .rifaura-main{ background: var(--bg-light); }\r\n .rifaura-grid{\r\n display:grid;\r\n grid-template-columns: minmax(0,1.1fr) minmax(0,1.1fr);\r\n gap: 40px;\r\n align-items:start;\r\n }\r\n\r\n .rifaura-details-panel{\r\n background: var(--white);\r\n border-radius: 20px;\r\n padding: 24px 22px 26px;\r\n box-shadow: 0 10px 26px rgba(249,115,22,0.08);\r\n border: 1px solid rgba(249,115,22,0.1);\r\n }\r\n .rifaura-details-title{\r\n font-size: 24px;\r\n font-weight: 950;\r\n margin: 0 0 8px;\r\n letter-spacing: -0.2px;\r\n color: var(--ink);\r\n }\r\n .rifaura-details-text{\r\n color: var(--muted);\r\n margin: 0 0 18px;\r\n font-size: 15px;\r\n line-height: 1.75;\r\n font-weight: 600;\r\n }\r\n\r\n .rifaura-cards{\r\n display:flex;\r\n flex-direction:column;\r\n gap: 14px;\r\n }\r\n .rifaura-card{\r\n background: #ffffff;\r\n border-radius: 14px;\r\n padding: 14px 16px;\r\n border: 1px solid rgba(249,115,22,0.1);\r\n box-shadow: 0 5px 14px rgba(249,115,22,0.05);\r\n display:flex;\r\n gap: 12px;\r\n align-items:center;\r\n }\r\n .rifaura-card-icon{\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 12px;\r\n background: linear-gradient(135deg, var(--orange), var(--orange-dark));\r\n display:flex;\r\n align-items:center;\r\n justify-content:center;\r\n color:#fff;\r\n font-size: 18px;\r\n flex-shrink:0;\r\n }\r\n .rifaura-card h3{\r\n margin: 0 0 4px;\r\n font-size: 15px;\r\n font-weight: 900;\r\n color: var(--ink);\r\n }\r\n .rifaura-card p,\r\n .rifaura-card a{\r\n margin: 0;\r\n font-size: 14px;\r\n color: var(--muted);\r\n font-weight: 650;\r\n }\r\n .rifaura-card a:hover{ color: var(--orange); }\r\n\r\n \/* =========================\r\n TWO-STEP BOOKING FORM \u2013 TOUR NAME IS NOW A TEXT INPUT\r\n ========================= *\/\r\n .rifaura-booking-card {\r\n width: 100%;\r\n background: white;\r\n border-radius: 32px;\r\n box-shadow: 0 25px 50px -12px rgba(249,115,22,0.25);\r\n overflow: hidden;\r\n border: 1px solid rgba(249,115,22,0.15);\r\n }\r\n\r\n .rifaura-booking-header {\r\n background: linear-gradient(135deg, #F97316 0%, #FFB347 100%);\r\n padding: 30px 28px 20px;\r\n color: white;\r\n }\r\n\r\n .rifaura-booking-header h2 {\r\n font-size: 28px;\r\n font-weight: 950;\r\n letter-spacing: -0.3px;\r\n margin-bottom: 6px;\r\n }\r\n\r\n .rifaura-booking-header p {\r\n font-size: 15px;\r\n opacity: 0.9;\r\n font-weight: 600;\r\n }\r\n\r\n .rifaura-step-indicator {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: #fff;\r\n padding: 18px 28px;\r\n border-bottom: 1px solid rgba(249,115,22,0.1);\r\n }\r\n\r\n .rifaura-step {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n flex: 1;\r\n }\r\n\r\n .rifaura-step__number {\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 50%;\r\n background: #f1f5f9;\r\n color: #64748b;\r\n font-weight: 950;\r\n font-size: 16px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n transition: all 0.2s ease;\r\n }\r\n\r\n .rifaura-step.active .rifaura-step__number {\r\n background: #F97316;\r\n color: white;\r\n box-shadow: 0 6px 12px rgba(249,115,22,0.3);\r\n }\r\n\r\n .rifaura-step__label {\r\n font-weight: 800;\r\n font-size: 14px;\r\n color: #1e293b;\r\n text-transform: uppercase;\r\n letter-spacing: 0.3px;\r\n }\r\n\r\n .rifaura-step.active .rifaura-step__label {\r\n color: #F97316;\r\n }\r\n\r\n .rifaura-step-line {\r\n height: 2px;\r\n flex: 0.3;\r\n background: #e2e8f0;\r\n margin: 0 10px;\r\n }\r\n\r\n .rifaura-form-panel {\r\n padding: 32px 28px;\r\n display: none;\r\n }\r\n\r\n .rifaura-form-panel.active-panel {\r\n display: block;\r\n }\r\n\r\n .rifaura-form-grid {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 20px;\r\n margin-bottom: 28px;\r\n }\r\n\r\n .rifaura-full-width {\r\n grid-column: 1 \/ -1;\r\n }\r\n\r\n .rifaura-field {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n }\r\n\r\n .rifaura-field label {\r\n font-size: 12px;\r\n font-weight: 800;\r\n text-transform: uppercase;\r\n letter-spacing: 0.3px;\r\n color: #334155;\r\n display: flex;\r\n align-items: center;\r\n gap: 6px;\r\n }\r\n\r\n .rifaura-field label i {\r\n color: #F97316;\r\n font-size: 14px;\r\n }\r\n\r\n .rifaura-field input,\r\n .rifaura-field textarea {\r\n height: 52px;\r\n padding: 0 16px;\r\n border: 1.5px solid #e2e8f0;\r\n border-radius: 14px;\r\n font-size: 15px;\r\n font-weight: 600;\r\n color: #0f172a;\r\n background: white;\r\n transition: border 0.15s, box-shadow 0.15s;\r\n outline: none;\r\n font-family: 'Inter', sans-serif;\r\n }\r\n\r\n .rifaura-field textarea {\r\n height: auto;\r\n padding: 14px 16px;\r\n min-height: 100px;\r\n resize: vertical;\r\n }\r\n\r\n .rifaura-field input:focus,\r\n .rifaura-field textarea:focus {\r\n border-color: #F97316;\r\n box-shadow: 0 0 0 4px rgba(249,115,22,0.15);\r\n }\r\n\r\n .rifaura-button-row {\r\n display: flex;\r\n gap: 16px;\r\n margin-top: 12px;\r\n }\r\n\r\n .rifaura-btn {\r\n height: 56px;\r\n padding: 0 28px;\r\n border-radius: 16px;\r\n font-weight: 800;\r\n font-size: 16px;\r\n border: none;\r\n cursor: pointer;\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 10px;\r\n transition: all 0.15s ease;\r\n flex: 1;\r\n }\r\n\r\n .rifaura-btn-primary {\r\n background: #F97316;\r\n color: white;\r\n box-shadow: 0 10px 20px -8px rgba(249,115,22,0.5);\r\n }\r\n\r\n .rifaura-btn-primary:hover {\r\n background: #e0670e;\r\n transform: translateY(-2px);\r\n }\r\n\r\n .rifaura-btn-secondary {\r\n background: #f1f5f9;\r\n color: #1e293b;\r\n }\r\n\r\n .rifaura-btn-secondary:hover {\r\n background: #e2e8f0;\r\n }\r\n\r\n .rifaura-btn.loading {\r\n pointer-events: none;\r\n opacity: 0.7;\r\n position: relative;\r\n }\r\n\r\n .rifaura-btn.loading span {\r\n opacity: 0;\r\n }\r\n\r\n .rifaura-btn.loading::after {\r\n content: '';\r\n position: absolute;\r\n width: 22px;\r\n height: 22px;\r\n border: 2px solid rgba(255,255,255,0.3);\r\n border-top-color: white;\r\n border-radius: 50%;\r\n animation: rifauraSpin 0.8s linear infinite;\r\n }\r\n\r\n @keyframes rifauraSpin {\r\n to { transform: rotate(360deg); }\r\n }\r\n\r\n .rifaura-hint {\r\n margin-top: 18px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n color: #F97316;\r\n min-height: 24px;\r\n text-align: center;\r\n }\r\n\r\n \/* Success modal *\/\r\n .rifaura-success-modal{\r\n position: fixed;\r\n top: 0; left: 0; width: 100%; height: 100%;\r\n background: rgba(0,0,0,0.5);\r\n backdrop-filter: blur(6px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 9999;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: all 0.25s ease;\r\n }\r\n .rifaura-success-modal.show{\r\n opacity: 1;\r\n visibility: visible;\r\n }\r\n .rifaura-success-card{\r\n background: white;\r\n max-width: 460px;\r\n width: 92%;\r\n border-radius: 28px;\r\n padding: 38px 28px;\r\n text-align: center;\r\n box-shadow: 0 40px 70px rgba(0,0,0,0.3);\r\n border: 2px solid var(--orange);\r\n transform: translateY(18px);\r\n transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);\r\n }\r\n .rifaura-success-modal.show .rifaura-success-card{ transform: translateY(0); }\r\n .rifaura-success-icon{\r\n width: 70px; height: 70px;\r\n background: rgba(249,115,22,0.12);\r\n border-radius: 50%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin: 0 auto 18px;\r\n border: 2px solid var(--orange);\r\n }\r\n .rifaura-success-icon i{\r\n font-size: 34px;\r\n color: var(--orange);\r\n }\r\n .rifaura-success-card h3{\r\n font-size: 24px;\r\n font-weight: 950;\r\n margin-bottom: 12px;\r\n color: #0f172a;\r\n }\r\n .rifaura-success-card p{\r\n color: #475569;\r\n font-weight: 600;\r\n margin-bottom: 24px;\r\n }\r\n .rifaura-success-btn{\r\n background: #111827;\r\n border: none;\r\n color: white;\r\n font-weight: 950;\r\n padding: 14px 30px;\r\n border-radius: 999px;\r\n font-size: 15px;\r\n cursor: pointer;\r\n transition: background 0.15s;\r\n }\r\n .rifaura-success-btn:hover{\r\n background: var(--orange);\r\n color: #111827;\r\n }\r\n\r\n \/* FAQ *\/\r\n .rifaura-faq{ background: var(--white); }\r\n .rifaura-faq-header{ text-align:center; margin-bottom: 34px; }\r\n .rifaura-faq-eyebrow{\r\n display:inline-block;\r\n padding: 8px 18px;\r\n border-radius: 999px;\r\n background: rgba(249,115,22,0.1);\r\n color: var(--orange-dark);\r\n text-transform: uppercase;\r\n font-size: 13px;\r\n font-weight: 900;\r\n letter-spacing: 0.08em;\r\n margin-bottom: 12px;\r\n }\r\n .rifaura-faq-title{ font-size: 26px; font-weight: 950; margin:0; color: var(--ink); }\r\n .rifaura-faq-grid{ max-width: 900px; margin: 0 auto; }\r\n\r\n .rifaura-faq-item{\r\n background: var(--bg-light);\r\n border-radius: 16px;\r\n margin-bottom: 14px;\r\n overflow: hidden;\r\n border: 1px solid rgba(249,115,22,0.1);\r\n box-shadow: 0 6px 16px rgba(249,115,22,0.05);\r\n }\r\n .rifaura-faq-q{\r\n padding: 16px 18px;\r\n font-size: 16px;\r\n font-weight: 900;\r\n display:flex;\r\n align-items:center;\r\n justify-content:space-between;\r\n cursor:pointer;\r\n color: var(--ink);\r\n }\r\n .rifaura-faq-q span{ margin-right: 10px; }\r\n .rifaura-faq-q i{\r\n font-size: 16px;\r\n color: var(--orange-dark);\r\n transition: transform 0.2s ease;\r\n }\r\n .rifaura-faq-item.active .rifaura-faq-q i{ transform: rotate(180deg); }\r\n .rifaura-faq-a{\r\n max-height: 0;\r\n overflow:hidden;\r\n transition: max-height .25s ease;\r\n }\r\n .rifaura-faq-a-inner{\r\n padding: 0 18px 16px;\r\n font-size: 14px;\r\n color: var(--muted);\r\n line-height: 1.75;\r\n font-weight: 600;\r\n }\r\n .rifaura-faq-item.active .rifaura-faq-a{ max-height: 560px; }\r\n\r\n \/* RESPONSIVE *\/\r\n @media (max-width: 900px){\r\n .rifaura-grid{ grid-template-columns: 1fr; }\r\n }\r\n\r\n @media (max-width: 768px){\r\n .rifaura-contact-wrapper section{ padding: 50px 16px; }\r\n .rifaura-hero-inner{ gap: 26px; }\r\n .rifaura-hero-image{ flex-basis: 100%; }\r\n }\r\n\r\n @media (max-width: 600px){\r\n .rifaura-form-grid {\r\n grid-template-columns: 1fr;\r\n gap: 16px;\r\n }\r\n .rifaura-step__label {\r\n font-size: 12px;\r\n }\r\n .rifaura-step__number {\r\n width: 34px;\r\n height: 34px;\r\n font-size: 14px;\r\n }\r\n .rifaura-booking-header {\r\n padding: 24px 20px;\r\n }\r\n .rifaura-form-panel {\r\n padding: 24px 20px;\r\n }\r\n .rifaura-step-indicator {\r\n padding: 18px 20px;\r\n }\r\n }\r\n <\/style>\r\n\r\n <!-- HERO -->\r\n <section class=\"rifaura-hero\">\r\n <div class=\"sm-container\">\r\n <div class=\"rifaura-hero-inner\">\r\n <div class=\"rifaura-hero-text\">\r\n <span class=\"rifaura-eyebrow\">Contact<\/span>\r\n <h1 class=\"rifaura-title\">Contact <strong>Rifaura Tours<\/strong><\/h1>\r\n <p class=\"rifaura-subtitle\">\r\n Contact us for private tours and transfers across Morocco: airport pickup, desert trips, and intercity travel.\r\n Send your request and we\u2019ll confirm quickly by phone or WhatsApp.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"rifaura-hero-image\">\r\n <img decoding=\"async\"\r\n src=\"https:\/\/rifaura.com\/wp-content\/uploads\/2026\/02\/4-Days-Tour-from-Fes-to-Marrakech-9-2-700x400.jpg.webp\"\r\n alt=\"Rifaura Tours - private tour in Morocco\"\r\n \/>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- MAIN -->\r\n <section class=\"rifaura-main\">\r\n <div class=\"sm-container\">\r\n <div class=\"rifaura-grid\">\r\n\r\n <!-- LEFT: Contact details -->\r\n <div class=\"rifaura-details-panel\">\r\n <h2 class=\"rifaura-details-title\">Get in Touch<\/h2>\r\n <p class=\"rifaura-details-text\">\r\n Share your travel date, pickup location, destination, and group size \u2014 we\u2019ll send you a clear quote and confirm fast.\r\n <\/p>\r\n\r\n <div class=\"rifaura-cards\">\r\n <div class=\"rifaura-card\">\r\n <div class=\"rifaura-card-icon\"><i class=\"fas fa-phone\"><\/i><\/div>\r\n <div>\r\n <h3>Phone \/ WhatsApp<\/h3>\r\n <a href=\"tel:+212657261708\">+212 657 261 708<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rifaura-card\">\r\n <div class=\"rifaura-card-icon\"><i class=\"fas fa-envelope\"><\/i><\/div>\r\n <div>\r\n <h3>Email<\/h3>\r\n <a href=\"mailto:info@rifaura.com\">info@rifaura.com<\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rifaura-card\">\r\n <div class=\"rifaura-card-icon\"><i class=\"fas fa-location-dot\"><\/i><\/div>\r\n <div>\r\n <h3>Address<\/h3>\r\n <p>Marrakech, Morocco<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- RIGHT: Two-step booking form \u2013 \"Select tour\" is now a text input -->\r\n <div class=\"rifaura-booking-card\" id=\"rifauraBooking\">\r\n <div class=\"rifaura-booking-header\">\r\n <h2>Book your Morocco tour<\/h2>\r\n <p>2 simple steps \u2013 no upfront payment<\/p>\r\n <\/div>\r\n\r\n <!-- Step indicator -->\r\n <div class=\"rifaura-step-indicator\">\r\n <div class=\"rifaura-step active\" id=\"step1Indicator\">\r\n <span class=\"rifaura-step__number\">1<\/span>\r\n <span class=\"rifaura-step__label\">Tour details<\/span>\r\n <\/div>\r\n <div class=\"rifaura-step-line\"><\/div>\r\n <div class=\"rifaura-step\" id=\"step2Indicator\">\r\n <span class=\"rifaura-step__number\">2<\/span>\r\n <span class=\"rifaura-step__label\">Your info<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- STEP 1 PANEL (with text input for tour name) -->\r\n <div class=\"rifaura-form-panel active-panel\" id=\"step1Panel\">\r\n <form id=\"step1Form\">\r\n <div class=\"rifaura-form-grid\">\r\n <!-- \u2705 Tour name - now a TEXT INPUT (no select) -->\r\n <div class=\"rifaura-field rifaura-full-width\">\r\n <label><i class=\"fas fa-compass\"><\/i> Tour name<\/label>\r\n <input type=\"text\" id=\"tourNameInput\" placeholder=\"e.g. 7 Days Desert from Casablanca\" required>\r\n <\/div>\r\n\r\n <!-- Date -->\r\n <div class=\"rifaura-field\">\r\n <label><i class=\"fas fa-calendar-alt\"><\/i> Date<\/label>\r\n <input type=\"date\" id=\"tourDate\" required>\r\n <\/div>\r\n\r\n <!-- Participants -->\r\n <div class=\"rifaura-field\">\r\n <label><i class=\"fas fa-users\"><\/i> Participants<\/label>\r\n <input type=\"number\" id=\"participants\" min=\"1\" max=\"15\" value=\"2\" required>\r\n <\/div>\r\n\r\n <!-- Pickup city -->\r\n <div class=\"rifaura-field rifaura-full-width\">\r\n <label><i class=\"fas fa-map-pin\"><\/i> Pickup location (hotel\/riad\/city)<\/label>\r\n <input type=\"text\" id=\"pickupLocation\" placeholder=\"e.g. Marrakech, Hotel XYZ\" required>\r\n <\/div>\r\n\r\n <!-- Special request (optional) -->\r\n <div class=\"rifaura-field rifaura-full-width\">\r\n <label><i class=\"fas fa-comment\"><\/i> Special requests (optional)<\/label>\r\n <textarea id=\"specialRequest\" placeholder=\"Any specific needs or preferences?\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rifaura-button-row\">\r\n <button type=\"submit\" class=\"rifaura-btn rifaura-btn-primary\" id=\"step1Next\">\r\n <span>Next<\/span>\r\n <i class=\"fas fa-arrow-right btn-icon\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <div class=\"rifaura-hint\" id=\"step1Hint\"><\/div>\r\n <\/form>\r\n <\/div>\r\n\r\n <!-- STEP 2 PANEL -->\r\n <div class=\"rifaura-form-panel\" id=\"step2Panel\">\r\n <form id=\"step2Form\">\r\n <div class=\"rifaura-form-grid\">\r\n <!-- Full name -->\r\n <div class=\"rifaura-field rifaura-full-width\">\r\n <label><i class=\"fas fa-user\"><\/i> Full name<\/label>\r\n <input type=\"text\" id=\"fullName\" placeholder=\"Your full name\" required>\r\n <\/div>\r\n\r\n <!-- Email -->\r\n <div class=\"rifaura-field\">\r\n <label><i class=\"fas fa-envelope\"><\/i> Email<\/label>\r\n <input type=\"email\" id=\"email\" placeholder=\"your@email.com\" required>\r\n <\/div>\r\n\r\n <!-- Phone -->\r\n <div class=\"rifaura-field\">\r\n <label><i class=\"fas fa-phone-alt\"><\/i> Phone \/ WhatsApp<\/label>\r\n <input type=\"tel\" id=\"phone\" placeholder=\"+212 6..\" required>\r\n <\/div>\r\n\r\n <!-- Time (preferred) -->\r\n <div class=\"rifaura-field\">\r\n <label><i class=\"fas fa-clock\"><\/i> Preferred time<\/label>\r\n <input type=\"time\" id=\"preferredTime\" required>\r\n <\/div>\r\n\r\n <!-- Additional notes (optional) -->\r\n <div class=\"rifaura-field rifaura-full-width\">\r\n <label><i class=\"fas fa-pen\"><\/i> Additional notes (optional)<\/label>\r\n <textarea id=\"additionalNotes\" placeholder=\"Flight number, special accommodations...\"><\/textarea>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rifaura-button-row\">\r\n <button type=\"button\" class=\"rifaura-btn rifaura-btn-secondary\" id=\"backToStep1\">\r\n <i class=\"fas fa-arrow-left btn-icon\"><\/i>\r\n <span>Back<\/span>\r\n <\/button>\r\n <button type=\"submit\" class=\"rifaura-btn rifaura-btn-primary\" id=\"finalSubmit\">\r\n <span>Confirm booking<\/span>\r\n <i class=\"fas fa-check btn-icon\"><\/i>\r\n <\/button>\r\n <\/div>\r\n <div class=\"rifaura-hint\" id=\"step2Hint\"><\/div>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- FAQ -->\r\n <section class=\"rifaura-faq\">\r\n <div class=\"sm-container\">\r\n <div class=\"rifaura-faq-header\">\r\n <span class=\"rifaura-faq-eyebrow\">FAQ<\/span>\r\n <h2 class=\"rifaura-faq-title\">Frequently Asked Questions<\/h2>\r\n <\/div>\r\n\r\n <div class=\"rifaura-faq-grid\">\r\n <div class=\"rifaura-faq-item active\">\r\n <div class=\"rifaura-faq-q\">\r\n <span>How do I book a tour?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"rifaura-faq-a\">\r\n <div class=\"rifaura-faq-a-inner\">\r\n Fill the form with your tour name, date, participants and pickup. We confirm quickly by WhatsApp or phone.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rifaura-faq-item\">\r\n <div class=\"rifaura-faq-q\">\r\n <span>Do you provide airport pickup & drop-off?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"rifaura-faq-a\">\r\n <div class=\"rifaura-faq-a-inner\">\r\n Yes \u2014 we provide airport transfers in Casablanca, Marrakech, Rabat, Fes, Tangier and more.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rifaura-faq-item\">\r\n <div class=\"rifaura-faq-q\">\r\n <span>How is the price calculated?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"rifaura-faq-a\">\r\n <div class=\"rifaura-faq-a-inner\">\r\n Pricing depends on distance, pickup time, passengers and vehicle type. We send you a clear fixed quote after you submit.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"rifaura-faq-item\">\r\n <div class=\"rifaura-faq-q\">\r\n <span>How fast do you confirm?<\/span>\r\n <i class=\"fas fa-chevron-down\"><\/i>\r\n <\/div>\r\n <div class=\"rifaura-faq-a\">\r\n <div class=\"rifaura-faq-a-inner\">\r\n Usually within a few hours. If you submit outside business hours, confirmation may take a little longer.\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/section>\r\n\r\n <!-- Success modal -->\r\n <div class=\"rifaura-success-modal\" id=\"successModal\">\r\n <div class=\"rifaura-success-card\">\r\n <div class=\"rifaura-success-icon\">\r\n <i class=\"fas fa-check\"><\/i>\r\n <\/div>\r\n <h3>Thank you!<\/h3>\r\n <p>Your tour request has been sent. We'll contact you shortly to confirm.<\/p>\r\n <button class=\"rifaura-success-btn\" id=\"closeSuccessModal\">Wonderful<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n (function () {\r\n \/\/ \u2705 YOUR EmailJS credentials\r\n emailjs.init(\"-z0lbUIGUUTtx_QIa\"); \/\/ Public Key\r\n\r\n const page = document.getElementById('rifauraContactPage');\r\n const root = document.getElementById('rifauraBooking');\r\n if (!page || !root) return;\r\n\r\n \/\/ FAQ toggle\r\n const faqItems = page.querySelectorAll('.rifaura-faq-item');\r\n faqItems.forEach(item => {\r\n const q = item.querySelector('.rifaura-faq-q');\r\n if (!q) return;\r\n q.addEventListener('click', () => {\r\n faqItems.forEach(other => { if (other !== item) other.classList.remove('active'); });\r\n item.classList.toggle('active');\r\n });\r\n });\r\n\r\n \/\/ Form logic\r\n const step1Panel = root.querySelector('#step1Panel');\r\n const step2Panel = root.querySelector('#step2Panel');\r\n const step1Indicator = root.querySelector('#step1Indicator');\r\n const step2Indicator = root.querySelector('#step2Indicator');\r\n const step1Form = root.querySelector('#step1Form');\r\n const step2Form = root.querySelector('#step2Form');\r\n const backBtn = root.querySelector('#backToStep1');\r\n const step1Hint = root.querySelector('#step1Hint');\r\n const step2Hint = root.querySelector('#step2Hint');\r\n const finalSubmitBtn = root.querySelector('#finalSubmit');\r\n\r\n const successModal = page.querySelector('#successModal');\r\n const closeBtn = page.querySelector('#closeSuccessModal');\r\n\r\n function showSuccess() {\r\n successModal.classList.add('show');\r\n confetti({ particleCount: 80, spread: 70, origin: { y: 0.6 } });\r\n confetti({ particleCount: 50, spread: 100, origin: { y: 0.5, x: 0.2 }, colors: ['#F97316', '#FFB347'] });\r\n confetti({ particleCount: 50, spread: 100, origin: { y: 0.5, x: 0.8 }, colors: ['#F97316', '#FFB347'] });\r\n }\r\n\r\n if (closeBtn) {\r\n closeBtn.addEventListener('click', () => successModal.classList.remove('show'));\r\n successModal.addEventListener('click', (e) => { if (e.target === successModal) successModal.classList.remove('show'); });\r\n }\r\n\r\n function goToStep(step) {\r\n const step1Active = step === 1;\r\n step1Panel.classList.toggle('active-panel', step1Active);\r\n step2Panel.classList.toggle('active-panel', !step1Active);\r\n step1Indicator.classList.toggle('active', step1Active);\r\n step2Indicator.classList.toggle('active', !step1Active);\r\n step1Hint.textContent = '';\r\n step2Hint.textContent = '';\r\n }\r\n\r\n \/\/ Step 1 -> Step 2 (using text input value)\r\n step1Form.addEventListener('submit', (e) => {\r\n e.preventDefault();\r\n const tourName = document.getElementById('tourNameInput').value.trim(); \/\/ \u2705 text input\r\n const date = document.getElementById('tourDate').value;\r\n const participants = document.getElementById('participants').value;\r\n const pickup = document.getElementById('pickupLocation').value.trim();\r\n\r\n if (!tourName || !date || !participants || !pickup) {\r\n step1Hint.textContent = 'Please fill all required fields.';\r\n return;\r\n }\r\n goToStep(2);\r\n });\r\n\r\n backBtn.addEventListener('click', () => goToStep(1));\r\n\r\n \/\/ Final submit\r\n step2Form.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n\r\n const name = document.getElementById('fullName').value.trim();\r\n const email = document.getElementById('email').value.trim();\r\n const phone = document.getElementById('phone').value.trim();\r\n const time = document.getElementById('preferredTime').value;\r\n const additional = document.getElementById('additionalNotes').value.trim();\r\n\r\n if (!name || !email || !phone || !time) {\r\n step2Hint.textContent = 'Please fill all required fields.';\r\n return;\r\n }\r\n\r\n \/\/ Gather all data from step1 and step2\r\n const tourName = document.getElementById('tourNameInput').value.trim(); \/\/ text input\r\n const date = document.getElementById('tourDate').value;\r\n const participants = document.getElementById('participants').value;\r\n const pickup = document.getElementById('pickupLocation').value.trim();\r\n const special = document.getElementById('specialRequest').value.trim();\r\n\r\n const templateParams = {\r\n to_name: 'Rifaura Tours',\r\n from_name: name,\r\n reply_to: email,\r\n phone: phone,\r\n tour: tourName, \/\/ sends the custom tour name\r\n date: date,\r\n participants: participants,\r\n pickup: pickup,\r\n special_request: special || 'none',\r\n preferred_time: time,\r\n additional_notes: additional || 'none',\r\n company: 'Rifaura Tours',\r\n page: '2-step booking'\r\n };\r\n\r\n finalSubmitBtn.classList.add('loading');\r\n step2Hint.textContent = 'Sending request...';\r\n\r\n emailjs.send('service_sznelzl', 'template_nztyxqq', templateParams)\r\n .then(() => {\r\n finalSubmitBtn.classList.remove('loading');\r\n step2Hint.textContent = '';\r\n\r\n \/\/ Reset form\r\n step2Form.reset();\r\n \/\/ Reset date to today\r\n const today = new Date();\r\n const yyyy = today.getFullYear();\r\n const mm = String(today.getMonth()+1).padStart(2,'0');\r\n const dd = String(today.getDate()).padStart(2,'0');\r\n document.getElementById('tourDate').value = `${yyyy}-${mm}-${dd}`;\r\n document.getElementById('participants').value = 2;\r\n document.getElementById('tourNameInput').value = ''; \/\/ clear text input\r\n document.getElementById('pickupLocation').value = '';\r\n document.getElementById('specialRequest').value = '';\r\n\r\n goToStep(1);\r\n showSuccess();\r\n })\r\n .catch((error) => {\r\n console.error('EmailJS error:', error);\r\n finalSubmitBtn.classList.remove('loading');\r\n step2Hint.textContent = '\u274c Sending failed. Please try again.';\r\n });\r\n });\r\n\r\n \/\/ Set default date to today\r\n const dateInput = document.getElementById('tourDate');\r\n if (dateInput) {\r\n const today = new Date();\r\n const yyyy = today.getFullYear();\r\n const mm = String(today.getMonth()+1).padStart(2,'0');\r\n const dd = String(today.getDate()).padStart(2,'0');\r\n dateInput.value = `${yyyy}-${mm}-${dd}`;\r\n dateInput.min = dateInput.value;\r\n }\r\n\r\n \/\/ Set default time to now+1h\r\n const timeInput = document.getElementById('preferredTime');\r\n if (timeInput && !timeInput.value) {\r\n const now = new Date();\r\n now.setHours(now.getHours() + 1);\r\n timeInput.value = `${String(now.getHours()).padStart(2,'0')}:${String(now.getMinutes()).padStart(2,'0')}`;\r\n }\r\n })();\r\n <\/script>\r\n <\/div>\r\n<\/body>\r\n<\/html>\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 \u2013 Rifaura Tours Contact Contact Rifaura Tours Contact us for private tours and transfers across Morocco: airport pickup, desert trips, and intercity travel. Send your request and we\u2019ll confirm quickly by phone or WhatsApp. Get in Touch Share your travel date, pickup location, destination, and group size \u2014 we\u2019ll send you a clear quote […]<\/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-623","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/pages\/623","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/comments?post=623"}],"version-history":[{"count":10,"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/pages\/623\/revisions"}],"predecessor-version":[{"id":655,"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/pages\/623\/revisions\/655"}],"wp:attachment":[{"href":"https:\/\/rifaura.com\/it\/wp-json\/wp\/v2\/media?parent=623"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}