{"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":"
\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\">Contatto<\/span>\r\n <h1 class=\"rifaura-title\">Contatto <strong>Tour di Rifaura<\/strong><\/h1>\r\n <p class=\"rifaura-subtitle\">\r\n Contattateci per tour e trasferimenti privati in tutto il Marocco: prelievo dall'aeroporto, viaggi nel deserto e viaggi interurbani.\r\n Inviate la vostra richiesta e vi confermeremo rapidamente per telefono o su 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\">Contattateci<\/h2>\r\n <p class=\"rifaura-details-text\">\r\n Condividete la data del viaggio, il luogo di ritiro, la destinazione e le dimensioni del gruppo: vi invieremo un preventivo chiaro e lo confermeremo rapidamente.\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>Telefono \/ 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>Indirizzo<\/h3>\r\n <p>Marrakech, Marocco<\/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>Prenota il tuo tour in Marocco<\/h2>\r\n <p>2 semplici passi - nessun pagamento anticipato<\/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\">Dettagli del tour<\/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\">Le vostre informazioni<\/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\" action=\"\">\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> Nome del tour<\/label>\r\n <input type=\"text\" id=\"tourNameInput\" placeholder=\"Ad esempio 7 giorni di deserto da 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> Data<\/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> Partecipanti<\/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> Luogo di ritiro (hotel\/riad\/citt\u00e0)<\/label>\r\n <input type=\"text\" id=\"pickupLocation\" placeholder=\"ad esempio 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> Richieste speciali (facoltative)<\/label>\r\n <textarea id=\"specialRequest\" placeholder=\"Ci sono esigenze o preferenze specifiche?\"><\/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>Avanti<\/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 <input type=\"hidden\" name=\"trp-form-language\" value=\"it\"\/><\/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\" action=\"\">\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> Nome e cognome<\/label>\r\n <input type=\"text\" id=\"fullName\" placeholder=\"Nome e cognome\" 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> Telefono \/ 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> Orario preferito<\/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> Note aggiuntive (facoltative)<\/label>\r\n <textarea id=\"additionalNotes\" placeholder=\"Numero di volo, sistemazioni speciali...\"><\/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>Indietro<\/span>\r\n <\/button>\r\n <button type=\"submit\" class=\"rifaura-btn rifaura-btn-primary\" id=\"finalSubmit\">\r\n <span>Confermare la prenotazione<\/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 <input type=\"hidden\" name=\"trp-form-language\" value=\"it\"\/><\/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\">Domande frequenti<\/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>Come si prenota un 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 Compilate il modulo con il nome del tour, la data, i partecipanti e il ritiro. Confermeremo rapidamente via WhatsApp o telefono.\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>Fornite il servizio di ritiro e riconsegna all'aeroporto?<\/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 S\u00ec - forniamo trasferimenti aeroportuali a Casablanca, Marrakech, Rabat, Fes, Tangeri e altro ancora.\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>Come viene calcolato il prezzo?<\/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 I prezzi dipendono dalla distanza, dall'orario di ritiro, dai passeggeri e dal tipo di veicolo. Vi invieremo un preventivo fisso e chiaro dopo l'invio.\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>Quanto velocemente confermate?<\/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 Di solito entro poche ore. Se l'invio avviene al di fuori dell'orario di lavoro, la conferma potrebbe richiedere un po' pi\u00f9 di tempo.\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>Grazie!<\/h3>\r\n <p>La richiesta di visita \u00e8 stata inviata. Vi contatteremo a breve per confermare.<\/p>\r\n <button class=\"rifaura-success-btn\" id=\"closeSuccessModal\">Meraviglioso<\/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>","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>","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"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_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}]}}