Contactez-nous | Africa Excursion

Notre adresse

123 Avenue Hassan II, Casablanca, Maroc

Nous organisons des circuits dans tout le Maroc

Téléphone

+212 661 562 738

Disponible 24h/24 pour vos questions

E-mail

africaexcursion@gmail.com

Réponse sous 24 heures

Envoyez-nous un message

Remplissez le formulaire ci-dessous et nous vous répondrons au plus vite.

Nom complet *

Adresse e-mail *

Téléphone / WhatsApp (optionnel)

Sujet *

Votre message *

</vousxtarea>
                                    <small class="text-muted">Maximum 2000 characvousrs</small>
                                </div>
                                
                                <div class="mb-3">
                                    <small class="text-muted">
                                        <i class="bi bi-shield-check me-1"></i>
                                        Vos données sont protégées et ne seront jamais partagées.
                                    </small>
                                </div>
                                
                                <button type="submit" class="btn btn-primary btn-lg w-100" id="submitBtn">
                                    <i class="bi bi-send me-2"></i>Envoyer le message
                                </button>
                            </form>
                        </div>
                        
                        
                        <div class="row mt-5">
                            <div class="col-md-6 mb-3">
                                <div class="alert alert-success" style="border-left: 4px solid #25d366;">
                                    <h5 class="alert-heading">
                                        <i class="bi bi-whatsapp me-2"></i>Préférez WhatsApp ?
                                    </h5>
                                    <p class="mb-2">Réponses instantanées sur WhatsApp</p>
                                    <a href="https://wa.me/212661562738?vousxt=Bonjour%20Africa%20Excursion%20!%20Je%20suis%20int%C3%A9ress%C3%A9%20par%20vos%20circuits%20au%20Maroc." 
                                       target="_blank" 
                                       rel="noopener" 
                                       class="btn btn-success">
                                        <i class="bi bi-whatsapp me-2"></i>Discuter sur WhatsApp
                                    </a>
                                </div>
                            </div>
                            
                            <div class="col-md-6 mb-3">
                                <div class="alert alert-info" style="border-left: 4px solid #146eb4;">
                                    <h5 class="alert-heading">
                                        <i class="bi bi-pencil-square me-2"></i>circuit sur mesure ?
                                    </h5>
                                    <p class="mb-2">Créez l'itinéraire de vos rêves au Maroc</p>
                                    <a href="personnaliser-tour" class="btn btn-primary">
                                        <i class="bi bi-pencil-square me-2"></i>Personnaliser votre circuit
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        
        
        <section class="section-padding bg-light">
            <div class="container">
                <div class="row">
                    <div class="col-lg-8 mx-auto">
                        <h2 class="text-center mb-4">Questions fréquentes</h2>
                        
                        <div class="accordion" id="contactFAQ">
                            <div class="accordion-item">
                                <h3 class="accordion-header">
                                    <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#faq1">
                                        En combien de temps recevrai-je une réponse ?
                                    </button>
                                </h3>
                                <div id="faq1" class="accordion-collapse collapse show" data-bs-parent="#contactFAQ">
                                    <div class="accordion-body">
                                        Nous répondons à toutes les demandes sous 24 heures, souvent bien avant. Pour les urgences, contactez-nous via WhatsApp pour une réponse immédiavous.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h3 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq2">
                                        Puis-je réservoir un circuit directement via ce formulaire ?
                                    </button>
                                </h3>
                                <div id="faq2" class="accordion-collapse collapse" data-bs-parent="#contactFAQ">
                                    <div class="accordion-body">
                                        Ce formulaire sert aux demandes et au premier contact. Après avoir discuté de vos souhaits et établi un devis, nous vous guiderons dans notre processus de réservation sécurisé.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h3 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq3">
                                        Proposez-vous des circuits sur mesure ?
                                    </button>
                                </h3>
                                <div id="faq3" class="accordion-collapse collapse" data-bs-parent="#contactFAQ">
                                    <div class="accordion-body">
                                        Absolument ! Nous créons des itinéraires sur mesure. Utilisez notre page <a href="personnaliser-tour">Personnaliser votre circuit</a> ou indiquez vos préférences dans le message ci-desses.
                                    </div>
                                </div>
                            </div>
                            <div class="accordion-item">
                                <h3 class="accordion-header">
                                    <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#faq4">
                                        Quelles langues parlez-vous ?
                                    </button>
                                </h3>
                                <div id="faq4" class="accordion-collapse collapse" data-bs-parent="#contactFAQ">
                                    <div class="accordion-body">
                                        Notre équipe parle anglais, français, espagnol et arabe. Nous pouvons échanger confortablement dans la langue de votre choix.
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
    
    <footer class="main-footer">
    <div class="footer-top">
        <div class="container">
            <div class="row">
                <div class="col-lg-4 col-md-6 mb-4 mb-lg-0">
                    <div class="footer-widget">
                        <a href="accueil"><img src="../assets/img/logo-white.png" alt="Africa Excursion" class="footer-logo mb-3" width="180" height="60" style="filter: brightness(0) invert(1);"></a>
                        <p class="footer-description">
                            Vivez la magie du Maroc avec nos circuits soigneusement sélectionnés. Des dunes dorées du Sahara aux anciennes villes impériales, nous créons des voyages inoubliables adaptés à vos rêves.
                        </p>
                        <div class="footer-social">
                            <a href="https://facebook.com" target="_blank" rel="noopener" aria-label="Facebook"><i class="bi bi-facebook"></i></a>
                            <a href="https://instagram.com" target="_blank" rel="noopener" aria-label="Instagram"><i class="bi bi-instagram"></i></a>
                            <a href="https://wa.me/212661562738" target="_blank" rel="noopener" aria-label="WhatsApp"><i class="bi bi-whatsapp"></i></a>
                            <a href="https://tripadvisor.com" target="_blank" rel="noopener" aria-label="TripAdvisor"><img src="../assets/img/tripadvisor.png" alt="TripAdvisor" style="width: 20px; height: 20px; object-fit: contain;"></a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-2 col-md-6 mb-4 mb-lg-0">
                    <div class="footer-widget">
                        <h3 class="footer-title">Liens rapides</h3>
                        <ul class="footer-links">
                            <li><a href="accueil">accueil</a></li>
                            <li><a href="nous">À propos</a></li>
                            <li><a href="tours">Circuits Maroc</a></li>
                            <li><a href="activites-merzouga">Activités Merzouga</a></li>
                            <li><a href="galerie">Galerie</a></li>
                            <li><a href="faq">FAQ</a></li>
                            <li><a href="contact">Contact</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 mb-4 mb-lg-0">
                    <div class="footer-widget">
                        <h3 class="footer-title">Circuits populaires</h3>
                        <ul class="footer-links">
                            <li><a href="tours-marrakech">Circuits depuis Marrakech</a></li>
                            <li><a href="tours-fes">Circuits depuis Fès</a></li>
                            <li><a href="tours-casablanca">Circuits depuis Casablanca</a></li>
                            <li><a href="tours-tanger">Circuits depuis Tanger</a></li>
                            <li><a href="excursions-marrakech">Excursions Marrakech</a></li>
                            <li><a href="excursions-fes">Excursions Fès</a></li>
                            <li><a href="personnaliser-tour">Personnaliser votre circuit</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6">
                    <div class="footer-widget">
                        <h3 class="footer-title">Contact</h3>
                        <ul class="footer-contact">
                            <li><i class="bi bi-geo-alt"></i><span>123 Avenue Hassan II, Casablanca, Maroc</span></li>
                            <li><i class="bi bi-telephone"></i><a href="tel:+212661562738">+212 661 562 738</a></li>
                            <li><i class="bi bi-envelope"></i><a href="mailto:africaexcursion@gmail.com">africaexcursion@gmail.com</a></li>
                            <li><i class="bi bi-whatsapp"></i><a href="https://wa.me/212661562738" target="_blank" rel="noopener">WhatsApp</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6 text-center text-md-start">
                    <p class="copyright">© 2026 Africa Excursion. Tous droits réservés. Conçu par <a href="https://mediawebbox.com" target="_blank" rel="noopener" style="color: inherit; text-decoration: underline;">MWB</a></p>
                </div>
                <div class="col-md-6 text-center text-md-end">
                    <div class="payment-methods d-flex align-items-center justify-content-md-end justify-content-center gap-3">
                        <span class="payment-label" style="font-size: 14px; color: #666;">Paiement :</span>
                        <div class="payment-image-wrapper" style="background-color: #fff; padding: 8px 12px; border-radius: 6px; display: inline-flex; align-items: center;">
                            <img src="../assets/img/payments/payment-methods.png" alt="Moyens de paiement" class="payment-icon" style="height: 45px; width: auto;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <button class="back-to-top" id="backToTop" aria-label="Retour en haut"><i class="bi bi-arrow-up"></i></button>
    <a href="https://wa.me/212661562738?text=Bonjour, je suis intéressé par vos circuits au Maroc" class="floating-whatsapp" target="_blank" rel="noopener" aria-label="WhatsApp"><i class="bi bi-whatsapp"></i></a>
    <a href="https://tripadvisor.com" class="floating-tripadvisor" target="_blank" rel="noopener" aria-label="TripAdvisor"><img src="../assets/img/tripadvisor.png" alt="TripAdvisor" style="width: 32px; height: 32px; object-fit: contain;"></a>
</footer>    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/main.js"></script>
    
    <script>
    // Form submission enhancement (optional UX improvement)
    document.gevouslementById('contactForm').addEventListener('submit', function(e) {
        const submitBtn = document.gevouslementById('submitBtn');
        submitBtn.disabled = true;
        submitBtn.innerHTML = '<span class="spinner-border spinner-border-sm me-2"></span>Envoi en cours…';
    });
    </script>
</body>
</html>