@include('partial.header')

 <footer class="footer-main-section">
     <div class="container">
         <div class="row">
             <!-- Column 1: Brand and Description -->
             <div class="col-lg-4 col-md-6 mb-4">
                 <div class="brand-logo-area">
                     <div class="logo-icon-wrapper">
                         <img src="{{ asset('assets/images/backgrounds/logo.png') }}"
                             style="width:150px;  object-fit:contain;">
                     </div>
                     <div>


                     </div>
                 </div>

                 <h4 class="company-title-footer">Creeda Sport Academy</h4>
                 <p class="company-description-footer">
                     Experience the future of padel through modern courts, expert coaching, and an inclusive community.
                 </p>

                 <ul class="social-icons-list">
                     <li>
                         <a href="https://www.facebook.com/share/1DJ1fnjeXy/" class="social-icon-link" aria-label="Facebook">
                             <i class="fab fa-facebook-f"></i>
                         </a>
                     </li>
                     <li>
                         <a href="#" class="social-icon-link" aria-label="Twitter">
                             <i class="fab fa-twitter"></i>
                         </a>
                     </li>
                     <li>
                         <a href="#" class="social-icon-link" aria-label="YouTube">
                             <i class="fab fa-youtube"></i>
                         </a>
                     </li>
                     <li>
                         <a href="#" class="social-icon-link" aria-label="TikTok">
                             <i class="fab fa-tiktok"></i>
                         </a>
                     </li>
                     <li>
                         <a href="#" class="social-icon-link" aria-label="LinkedIn">
                             <i class="fab fa-linkedin-in"></i>
                         </a>
                     </li>
                 </ul>
             </div>

             <!-- Column 2: Quick Links -->
             <div class="col-lg-4 col-md-6 mb-4">
                 <h4 class="footer-section-heading">Quick Links</h4>
                 <ul class="quick-links-list">
                     <li><a href="#" class="quick-link-item">Home</a></li>
                     <li><a href="#" class="quick-link-item">About Us</a></li>
                     <li><a href="#" class="quick-link-item">School & Academy</a></li>
                     <li><a href="#" class="quick-link-item">Tournament</a></li>
                     <li><a href="#" class="quick-link-item">Contact Us</a></li>
                 </ul>
             </div>

             <!-- Column 3: Contact Info -->
             <div class="col-lg-4 col-md-6 mb-4">
                 <h4 class="footer-section-heading">Contact Info</h4>
                 <ul class="contact-info-list">
                     <li class="contact-info-item">
                         <div class="contact-icon-circle">
                             <i class="fas fa-phone"></i>
                         </div>
                         <div class="contact-info-details">
                             <div class="contact-label-text">Phone Number</div>
                             <p class="contact-value-text">070 7070606</p>
                         </div>
                     </li>
                     <li class="contact-info-item">
                         <div class="contact-icon-circle">
                             <i class="fas fa-envelope"></i>
                         </div>
                         <div class="contact-info-details">
                             <div class="contact-label-text">Email Address</div>
                             <p class="contact-value-text">creeda@gmail.com</p>
                         </div>
                     </li>
                     <li class="contact-info-item">
                         <div class="contact-icon-circle">
                             <i class="fas fa-map-marker-alt"></i>
                         </div>
                         <div class="contact-info-details">
                             <div class="contact-label-text">Location</div>
                             <p class="contact-value-text">Adelux Padel Center, 123 Avenue Court, New York, NY</p>
                         </div>
                     </li>
                 </ul>
             </div>



             <!-- Footer Bottom -->
             <div class="row">
                 <div class="col-12">
                     <div class="footer-bottom-bar">
                         <div class="d-flex justify-content-between align-items-center flex-wrap">
                             <ul class="footer-links-bottom">
                                 <li><a href="#" class="footer-link-bottom-item">Privacy Policy</a></li>
                                 <li><a href="#" class="footer-link-bottom-item">Terms & Conditions</a></li>
                             </ul>
                             <p class="copyright-text-footer">© 2025 Adelux Padel Club. All rights reserved.</p>
                         </div>
                     </div>
                 </div>
             </div>
         </div>
 </footer>

 <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.2/js/bootstrap.bundle.min.js"></script>