<footer class="footer">
    <div class="container">
        <!-- First footer -->
        <div class="first-footer">
            <div class="row">
                <div class="col-md-12">
                    <div class="links dark footer-contact-links">
                        <div class="footer-contact-links-wrapper">

                            <div class="footer-contact-link-wrapper">
                                <div class="image-wrapper footer-contact-link-icon">
                                    <a href="https://wa.me/971507393765?text=I%20am%20looking%20for%20yacht%20rental%20in%20Dubai%21%21%21
" target="_blank">
                                        <div class="icon-footer"> <i class="fa-brands fa-whatsapp"></i> </div>
                                    </a>
                                </div>
                                <div class="footer-contact-link-content">
                                    <a href="https://wa.me/971507393765?text=I%20am%20looking%20for%20yacht%20rental%20in%20Dubai%21%21%21
" target="_blank">
                                        <h6>Whatsapp</h6>
                                        <p>+971 50 739 3765</p>
                                    </a>
                                </div>
                            </div>

                            <div class="footer-contact-links-divider"></div>

                            <div class="footer-contact-link-wrapper">
                                <div class="image-wrapper footer-contact-link-icon">
                                    <div class="icon-footer"> <i class="fa-light fa-phone"></i> </div>
                                </div>
                                <div class="footer-contact-link-content">
                                    <h6>Call us</h6>
                                    <p>+971 56 718 7372</p>
                                </div>
                            </div>
                            <div class="footer-contact-links-divider"></div>
                            <div class="footer-contact-link-wrapper">
                                <div class="image-wrapper footer-contact-link-icon">
                                    <div class="icon-footer"> <i class="fa-light fa-envelope"></i> </div>
                                </div>
                                <div class="footer-contact-link-content">
                                    <h6>Email</h6>
                                    <p>info@adventureyachtsdubai.com</p>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Second footer -->
        <div class="second-footer">
            <div class="row">
                <!-- about & social icons -->
                <div class="col-md-4 widget-area">
                    <div class="widget clearfix">
                        <div class="footer-logo"> <img class="img-fluid" src="img/adventureyachtswhite.jpg" alt="">
                        </div>
                        <div class="widget-text">
                            <p>Join us at Adventure Yacht and discover why we are the top choice for yachting in Dubai.
                                Whether you're seeking adventure or relaxation, we promise an experience that exceeds
                                your expectations.</p>

                        </div>
                    </div>

                    <div class="social-icons">
                        <ul class="list-inline">
                            <li><a href="mailto:info@adventureyachtsdubai.com"><i class="fa-light fa-envelope"></i></a></li>
                            <li><a
                                    href="https://www.instagram.com/p/DEZXZFTpmQ-/?igsh=MWR1Znl2Z3U0azU0Ng=="><i
                                        class="fa-brands fa-instagram"></i></a></li>
                            <li><a href="https://www.youtube.com/@adventureyachts-h3y">
                                    <i class="fa-brands fa-youtube"></i>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- quick links -->
                <div class="col-md-3 offset-md-1 widget-area">
                    <div class="widget clearfix usful-links">
                        <h3 class="widget-title">Quick Links</h3>
                        <ul>
                            <li><a href="index.php">Home</a></li>
                            <!-- <li><a href="about.php">About</a></li> -->
                            <li><a href="yacht.php">Yachts</a></li>
                            <li><a href="services.php">Services</a></li>
                            <li><a href="package.php">Packages</a></li>
                            <li><a href="event.php">Events</a></li>
                            <li><a href="catering.php">Catering</a></li>
                            <li><a href="deep-sea-fishing.php">Deep Sea Fishing</a></li>
                            <li><a href="watersports.php">Watersports</a></li>
                            <li><a href="contact.php">Contact</a></li>
                        </ul>
                    </div>
                </div>
                <!-- subscribe -->
                <div class="col-md-4 widget-area">
                    <!-- <div class="widget clearfix">
                        <h3 class="widget-title">Get In Touch</h3>
                        <ul>
                            <li><a href="index.php">Home</a></li>
                            <li><a href="about.php">About</a></li>

                        </ul>
                        <p><i class="fa-light fa-location-dot"></i> Adventure Yacht Rentals, yacht club dubai marina, Dubai, united Arab emirates</p>
                        <p> <i class="fa-light fa-envelope"></i> info@text.com</p>
                    </div> -->


                    <div class="widget clearfix usful-links">
                        <h3 class="widget-title">Get In Touch</h3>
                        <ul>
                            <li>Adventure Yacht Rentals, yacht club dubai marina, Dubai, united Arab emirates</li>
                            <li>info@adventureyachtsdubai.com</li>
                        </ul>
                        <div class="iframenmap">
                            <iframe
                                src="https://www.google.com/maps/embed?pb=!1m17!1m12!1m3!1d3613.2883404756867!2d55.141920999999996!3d25.092098999999997!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m2!1m1!2zMjXCsDA1JzMxLjYiTiA1NcKwMDgnMzAuOSJF!5e0!3m2!1sen!2sin!4v1725451524249!5m2!1sen!2sin"
                                width="100%" height="200" style="border:0;" allowfullscreen="" loading="lazy"
                                referrerpolicy="no-referrer-when-downgrade"></iframe>
                        </div>
                    </div>

                </div>
            </div>
        </div>
        <!-- Bottom footer -->
        <div class="bottom-footer-text">
            <div class="row copyright">
                <div class="col-md-12">
                    <p class="mb-0">©2024 <a href="#">Adventure Yacht</a>. All rights reserved | Powered by <a
                            href="https://knothost.com/">Knot Host</a></p>
                </div>
            </div>
        </div>
    </div>
</footer>

<script>
    document.addEventListener('DOMContentLoaded', function () {
        document.getElementById('submitform').addEventListener('submit', function (e) {
            e.preventDefault();

            const formData = new FormData(this);

            const formObject = {};
            formData.forEach((value, key) => {
                formObject[key] = value;
            });

            fetch('contact_ajax.php', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify(formObject)
            })
                .then(response => response.json())
                .then(data => {
                    if (data.status === 'success') {
                        alert('Message sent successfully.');
                        document.getElementById('cf').reset();
                    } else {
                        alert('Error: ' + data.message);
                    }
                })
                .catch(error => {
                    console.error('Error:', error);
                    alert('An error occurred while sending the message.');
                }).finally(() => {
                    grecaptcha.reset();
                })
        });
    });
</script>

<!-- jQuery -->
<script src="js/jquery-3.6.3.min.js"></script>
<script src="js/jquery-migrate-3.0.0.min.js"></script>
<script src="js/modernizr-2.6.2.min.js"></script>
<script src="js/imagesloaded.pkgd.min.js"></script>
<script src="js/jquery.isotope.v3.0.2.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/scrollIt.min.js"></script>
<script src="js/jquery.waypoints.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.stellar.min.js"></script>
<script src="js/jquery.magnific-popup.js"></script>
<script src="js/YouTubePopUp.js"></script>
<script src="js/select2.js"></script>
<script src="js/datepicker.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/smooth-scroll.min.js"></script>
<script src="js/custom.js"></script>
</body>

</html>