<footer class="footer">
		<div class="container custom-container">
			<div class="row footer-inner">
				<div class="footer-section col-lg-6">
					<div class="footer-logo">
					<a class="navbar-brand mr-auto mr-md-3" href="<?php echo esc_url(site_url()); ?>"><img src="<?php echo get_template_directory_uri(); ?>/img/logo.svg" alt="Logo"></a>
					</div>
					<p class="txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do<br> eiusmod tempor
						incididunt ut labore et dolore.</p>
					<div class="mail-sec">
						<a href="tel:484-357-8923"><span class="phn-img"><img src="<?php echo get_template_directory_uri(); ?>/img/phn-nmbr.svg" alt="phn-nmbr"></span>
							<span>484-357-8923</span></a>
						<a href="mailto:services@gmail.com"><span class="phn-img"><img src="<?php echo get_template_directory_uri(); ?>/img/mail1.svg" alt="mail"></span> <span>garage door
								services@gmail.com</span></a>
					</div>
				</div>


				<div class="footer-section2 col-lg-3 col-sm-6">
					<h4 class="small-title">Service List</h4>
					<ul class="list">
						<li><a class="nav-link" href="#garage-door-installation">Garage Door Installation</a></li>
						<li><a class="nav-link" href="#garage-door-repairsupgrades">Garage Door Repairs &
						Upgrades</a></li>
						<li><a class="nav-link" href="#locksmith-services">Locksmith Services</a></li>
					</ul>
				</div>


				<div class="footer-section2 col-lg-3 col-sm-6">
					<h4 class="small-title">Social Media Links</h4>
					<div class="social-icons">
						<a href="#"><img src="<?php echo get_template_directory_uri(); ?>/img/fb.svg" alt="Facebook"></a>
						<a href="#"><img src="<?php echo get_template_directory_uri(); ?>/img/instagram1.svg" alt="Instagram"></a>
						<a href="#"><img src="<?php echo get_template_directory_uri(); ?>/img/linkedin1.svg" alt="LinkedIn"></a>

						<a href="#"><img src="<?php echo get_template_directory_uri(); ?>/img/youtube.svg" alt="YouTube"></a>
					</div>
				</div>
			</div>

		</div>
	</footer>

	<div class="copy-right">© 2024 Garage Door & Locksmith Services</div>



	<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.3/js/bootstrap.bundle.min.js"
		integrity="sha512-7Pi/otdlbbCR+LnW+F7PwFcSDJOuUJB3OxtEHbg4vSMvzvJjde4Po1v4BR9Gdc9aXNUNFVUY+SK51wWT8WF0Gg=="
		crossorigin="anonymous" referrerpolicy="no-referrer"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"></script>
	<script>
		$(document).ready(function () {
			// Menu
			$('[data-toggle="offcanvas"]').on('click', function () {
				$('.offcanvas-collapse').toggleClass('open');
				$('body').toggleClass('nav-active');
			})


			$(window).scroll(function () {
				if ($(this).scrollTop() > 80) {
					$('.navbar').addClass('shrink');
				} else {
					$('.navbar').removeClass('shrink');
				}
			});
			$(document).ready(function () {
				$(".hamburger").click(function () {
					$(this).toggleClass("is-active");
				});
			});

			$('.navbar-nav .nav-item a').click(function (e) {
				// Check if the clicked link has the 'dropdown-toggle' class
				if (!$(this).hasClass('dropdown-toggle')) {
					$('.navbar-collapse').removeClass('open');
					$('.hamburger').removeClass('is-active');
				}

				$('.navbar-nav .nav-item a').removeClass('active');
				$(this).addClass('active');

				// Smooth scrolling
				$('html, body').animate({
					scrollTop: $($(this).attr('href')).offset().top - 60
				}, 100);
			});

			$('.banner-slider').slick({
				slidesToShow: 1,
				slidesToScroll: 1,
				arrows: false,
				dots: true,
				autoplay: true,
			});

			$('.deliver-slider').slick({
				slidesToShow: 4,
				slidesToScroll: 1,
				arrows: true,
				dots: false,
				autoplay: true,
				responsive: [
					{
						breakpoint: 1199,
						settings: {
							slidesToShow: 3
						}
					},
					{
						breakpoint: 767,
						settings: {
							slidesToShow: 2
						}
					},
					{
						breakpoint: 479,
						settings: {
							slidesToShow: 1
						}
					}
				]
			});
			$('.garage-slider').slick({
				slidesToShow: 2,
				slidesToScroll: 1,
				arrows: true,
				dots: false,
				autoplay: true,
			});


		});
	</script>
	<script>
		$(document).ready(function () {
			$('.imgs-slider').slick({
				slidesToShow: 4,
				slidesToScroll: 1,
				autoplay: false,
				infinite: true,
				arrows: true,
				dots: false,
				autoplaySpeed: 2000,
				responsive: [
					{
						breakpoint: 991,
						settings: {
							slidesToShow: 3
						}
					},
					{
						breakpoint: 579,
						settings: {
							slidesToShow: 2
						}
					}
				]
			});
		});
	</script>

	<script>
		$('a[href^="#"]').click(function (e) {
			e.preventDefault(); // Prevent the default anchor click behavior
			var target = $($(this).attr('href')); // Get the target element from the href attribute
			if (target.length) { // Check if the target element exists
				$('html, body').animate({
					scrollTop: target.offset().top // Animate scrolling to the target position
				}, 100); // Adjust the scroll speed (500 milliseconds)
			}
		});
	</script>

<?php wp_footer(); ?>
</body>

</html>