<style>.footer-bottom.bg-midnight-express.py-3 {
    height: auto !important;
}
</style>
  <!-- Footer -->
  <footer>
  <div class="container">
    <div class="row position-relative">
      <!-- Logo Column -->
      <div class="col-md-2">
        <img src="<?php echo e(url('/')); ?>/assets/images/logo.png" alt="Logo" class="footer-logo img-fluid">
      </div>

      <!-- WHEELS -->
      <div class="col-md-2">
        <h5>Wheels</h5>
        <a href="<?php echo e(url('/')); ?>/armed-off-road">Armed Off-Road</a>
        <a href="<?php echo e(url('/')); ?>/armed-street">Armed Street</a>
        <a href="<?php echo e(url('/')); ?>/armed-syndicate">Armed Syndicate</a>
      </div>

      <!-- ACCESSORIES -->
      <div class="col-md-2">
        <h5>Accessories</h5>
        <a href="#">Apparel</a>
        <a href="<?php echo e(url('/')); ?>/wheel-accessories">Wheel Accessories</a>
      </div>

      <!-- DEALERS -->
      <div class="col-md-2">
        <h5>Dealers</h5>
        <a href="<?php echo e(url('/')); ?>/signin">Dealer Access</a>
        <a href="<?php echo e(url('/')); ?>/signup">Become a Dealer</a>
      </div>

      <!-- TIRES -->
      <div class="col-md-2 mt-0 mt-md-0">
        <h5>Tires</h5>
        <a href="#">Ilink</a>
        <a href="#">Haida</a>
        <a href="#">Kanati</a>
        <a href="#">Suretrac</a>
        <a href="#">Yusta</a>
      </div>


      <!-- CONTACT -->
      <div class="col-md-2 mt-0">
        <h5>Contact</h5>
        <a href="<?php echo e(url('/')); ?>/contact-us">Contact Us</a>
      </div>
    </div>

    
  </div>
</footer>
<div class="copyright">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<!-- Footer bottom -->
			    <div class="text-center">
			      <p>Copyright © 2025 The Tire Studio – All Rights Reserved.</p>
			    </div>
			</div>
		</div>
	</div>
</div>

  <!-- Bootstrap JS -->
  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<!-- jQuery -->
<!-- Slick JS -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script >
	$(document).ready(function(){
    $('.tire-slider').slick({
      slidesToShow: 5,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 0,            // Speed between auto-scrolls
      speed: 4000,                 // Speed of the scroll itself
      cssEase: 'linear',           // Smooth continuous scrolling
      infinite: true,
      arrows: false,
      dots: false,
      pauseOnHover: true,
      responsive: [
        {
          breakpoint: 992,
          settings: {
            slidesToShow: 3
          }
        },
        {
          breakpoint: 768,
          settings: {
            slidesToShow: 2
          }
        },
        {
          breakpoint: 480,
          settings: {
            slidesToShow: 1
          }
        }
      ]
    });
  });
$(document).ready(function(){
    $('.ride-slider').slick({
      slidesToShow: 4,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 0,            // Speed between auto-scrolls
      speed: 4000,                 // Speed of the scroll itself
      cssEase: 'linear',           // Smooth continuous scrolling
      infinite: true,
      arrows: false,
      dots: false,
      pauseOnHover: true,
      responsive: [
        {
          breakpoint: 992,
          settings: {
            slidesToShow: 3
          }
        },
        {
          breakpoint: 768,
          settings: {
            slidesToShow: 2
          }
        },
        {
          breakpoint: 480,
          settings: {
            slidesToShow: 1
          }
        }
      ]
    });
  });

	$(document).ready(function(){
    $('.slider-wheels').slick({
      dots: false,
      arrows: true,
      infinite: true,
      speed: 800,
      fade: true,             // Enable fade transition
      cssEase: 'linear',
      autoplay: true,
      autoplaySpeed: 3000
    });
  });

  $(document).ready(function(){
    $('.brands-slider').slick({
      slidesToShow: 5,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 0,            // Speed between auto-scrolls
      speed: 4000,                 // Speed of the scroll itself
      cssEase: 'linear',           // Smooth continuous scrolling
      infinite: true,
      arrows: false,
      dots: false,
      pauseOnHover: true,
      responsive: [
        {
          breakpoint: 992,
          settings: {
            slidesToShow: 3
          }
        },
        {
          breakpoint: 768,
          settings: {
            slidesToShow: 2
          }
        },
        {
          breakpoint: 480,
          settings: {
            slidesToShow: 1
          }
        }
      ]
    });
  });
</script>
</body>
</html>
<?php /**PATH C:\xampp\htdocs\thetireshop\resources\views/includes/footer.blade.php ENDPATH**/ ?>