<footer class="footer-main-sec">
    <div class="footer-top">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xxl-2 col-xl-2 col-lg-2 col-md-6 col-sm-6 col-12">
                    <div class="footer-logo-area">
                        <div class="footer-logo">
                            <img src="assets/images/logo-white.png" alt="logo" class="img-fluid">
                        </div>
                        <p>Ready to make your ideas dance to life? Let's get started on your creative journey with Sport
                            Combine Sport and watch your vision come to life in the most artistic way possible.</p>
                    </div>
                </div>
                <div class="col-xxl-3 col-xl-3 col-lg-3 col-md-6 col-sm-6 col-12">
                    <div class="footer-links-area">
                        <h4>Quick Links :</h4>
                        <ul class="footer-nav-links">
                            <li><a href="index">Home</a></li>
                            <li><a href="about-us">About Us</a></li>
                            <li><a href="pricing">Pricing</a></li>
                            <li><a href="events">Events</a></li>
                            <li><a href="drills-and-demonstrations">Drills & Demonstrations</a></li>
                            <li><a href="contact-us">Contact Us</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-xxl-2 col-xl-2 col-lg-2 col-md-6 col-sm-6 col-12">
                    <div class="footer-links-area">
                        <h4>Contact Us :</h4>
                        <ul class="footer-info-list">
                            <li><a href="<?php echo $locNumber; ?>"><i class="fa-solid fa-phone"></i>
                                    <?php echo $locNumber; ?></a></li>
                            <li>
                                <p><i class="fa-solid fa-location-dot"></i> <?php echo $locAddress; ?></p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="col-xxl-5 col-xl-5 col-lg-5 col-md-6 col-sm-6 col-12">
                    <div class="footer-links-area">
                        <h4>Join Our Newsletter</h4>
                        <div class="newsletter-form">
                            <p>Subsacribe to our mailing to kep up to date on the latest newsleters.</p>
                            <form>
                                <div class="form-group">
                                    <input type="email" name="email" class="form-control" placeholder="Email Address">
                                    <button type="submit" class="submit-btn"><i
                                            class="fa-solid fa-arrow-right"></i></button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="footer-bottom">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xxl-12 col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="footer-copyright">
                        <p>Copyright © 2026 Sport Combine Sport All Rights Reserved.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

<section class="watch-now-sec-main">
    <a href="void:;" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Watch Now</a>
</section>

<!-- Bubble Animation Start Here -->
<!-- <div class="bubbles_wrap">
<div class="bubble x1"></div>
<div class="bubble x2"></div>
<div class="bubble x3"></div>
<div class="bubble x4"></div>
<div class="bubble x5"></div>
<div class="bubble x6"></div>
<div class="bubble x7"></div>
<div class="bubble x8"></div>
<div class="bubble x9"></div>
<div class="bubble x10"></div>
<div class="bubble x1"></div>
<div class="bubble x2"></div>
<div class="bubble x3"></div>
<div class="bubble x4"></div>
<div class="bubble x5"></div>
<div class="bubble x6"></div>
<div class="bubble x7"></div>
<div class="bubble x8"></div>
<div class="bubble x9"></div>
<div class="bubble x10"></div>
</div> -->
<!-- Bubble Animation End Here -->

<!-- PopUp Modal Start Here -->
<?php include "modal/web-modal.php"?>
<?php include "modal/age-group-modal.php"?>
<?php include "modal/auth-modal.php"?>
<!-- PopUp Modal End Here -->

<!-- Side Form Buttons Start Here -->
<!-- Side Form Buttons End Here -->

<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.6/dist/jquery.fancybox.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.4.1/vanilla-tilt.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script type="text/javascript" src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/custom.js"></script>
    
</script>

</body>

</html>