<?php
/**
 * Template for displaying the footer
 *
 * Contains the closing of the id=main div and all content
 * after. Calls sidebar-footer.php for bottom widgets.
 *
 * @package WordPress
 * @subpackage techdomain
 * @since Techdomain 1.0
 */
?>
<footer id="footer" class="footer dark-background" >

    <div class="container footer-top">
      <div class="row gy-4">
        <div class="col-lg-4 col-md-6 footer-about">
          <a href="<?php echo esc_url( home_url( '/' ) ); ?>" class="logo d-flex align-items-center">
            <span class="sitename">Company</span>
          </a>
          <div class="footer-contact pt-3">
  
              <p style="font-family: auto;">1st Floor, STPI ,</p>
              <p style="font-family: auto;">UPTRON Building, Samta Mulak Chauraha,  </p>
              <p style="font-family: auto;"> Near Gomti Barrage, Gomti Nagar,</p>
              <p style="font-family: auto;"> Lucknow-U.P.-226010 </p>   
              <p style="font-family: auto;" class="mt-3"><strong>Phone:</strong> <span>+91-7905183073</span></p>
              <p style="font-family: auto;"><strong>Email:</strong> <span> contact.techdomain@gmail.com</span></p>
            <p><strong>Email:</strong> <span>ceo@techdomain.in</span></p>
          </div>
          <div class="social-links d-flex mt-4">
            <a href="https://x.com/tech51461012" class="twitter"><i class="bi bi-twitter-x"></i></a>
            <a href="https://www.facebook.com/people/Techdomain-Solutions-Pvt-Ltd/100090730736874/" class="facebook"><i class="bi bi-facebook"></i></a>
            <a href="https://www.linkedin.com/company/techdomain-solution-pvt-ltd/" class="linkedin"><i class="bi bi-linkedin"></i></a>
          </div>
        </div>
  
        <div class="col-lg-2 col-md-3 footer-links">
          <h4>Useful Links</h4>
          <?php
          // Dynamic Useful Links Menu
          if ( has_nav_menu( 'techdomain-footer-menu' ) ) {
              wp_nav_menu( array(
                  'theme_location' => 'techdomain-footer-menu',
                  'container'      => false, // Removes wrapping <div>
                  'menu_class'     => '',    // Keeps <ul> class empty to match your original HTML
                  'depth'          => 1,
              ) );
          }
          ?>
        </div>
  
        <div class="col-lg-2 col-md-3 footer-links">
          <h4>Our Services</h4>
          <?php
          // Dynamic Services Menu
          if ( has_nav_menu( 'techdomain-services-menu' ) ) {
              wp_nav_menu( array(
                  'theme_location' => 'techdomain-services-menu',
                  'container'      => false,
                  'menu_class'     => '', 
                  'depth'          => 1,
              ) );
          }
          ?>
        </div>
  
        <div class="col-lg-4 col-md-12 footer-newsletter">
          <h4>Our Newsletter</h4>
          <p>Subscribe to our newsletter and receive the latest news about our products and services!</p>
          <div action="forms/newsletter.php" method="post" class="php-email-form">
            <div class="newsletter-form"><input type="email" name="email"><input type="submit" value="Subscribe"></div>
            <div class="loading">Loading</div>
            <div class="error-message"></div>
            <div class="sent-message">Your subscription request has been sent. Thank you!</div>
          </div>
        </div>
  
      </div>
    </div>
  
    <div class="container copyright text-center mt-4">
      <p>© <span>Copyright</span> <strong class="px-1 sitename">Techdomain private limites</strong> <span>All Rights Reserved</span></p>
     
    </div>
  
  </footer>
  <!-- Scroll Top -->
  <a style="margin-right: 40px;" href="#" id="scroll-top" class="scroll-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

  <!-- Preloader -->
  <div id="preloader"></div>

  <!-- Vendor JS Files -->
  <script src="<?= bloginfo("template_url") ?>/assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  <script src="<?= bloginfo("template_url") ?>/assets/vendor/php-email-form/validate.js"></script>
  <script src="<?= bloginfo("template_url") ?>/assets/vendor/aos/aos.js"></script>
  <script src="<?= bloginfo("template_url") ?>/assets/vendor/glightbox/js/glightbox.min.js"></script>
  <script src="<?= bloginfo("template_url") ?>/assets/vendor/imagesloaded/imagesloaded.pkgd.min.js"></script>
  <script src="<?= bloginfo("template_url") ?>/assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
  <script src="<?= bloginfo("template_url") ?>/assets/vendor/waypoints/noframework.waypoints.js"></script>
  <script src="<?= bloginfo("template_url") ?>/assets/vendor/swiper/swiper-bundle.min.js"></script>

  <!-- Main JS File -->
  <script src="<?= bloginfo("template_url") ?>/assets/js/main.js"></script>
  <script src="<?= bloginfo("template_url") ?>/assets/js/custom.js"> </script>
   <script>
    const slideContainer=document.getElementById("carouselSlide");

    function updateActiveCard(){
      const cards=document.querySelectorAll(".project-card");
      cards.forEach(c=>c.classList.remove("active"));
      if(window.innerWidth>767 && cards[2]) cards[2].classList.add("active");
    }

    function nextSlide(){slideContainer.appendChild(slideContainer.firstElementChild);updateActiveCard();}
    function prevSlide(){slideContainer.prepend(slideContainer.lastElementChild);updateActiveCard();}

    setInterval(nextSlide,3000);
    updateActiveCard();
    window.addEventListener("resize",updateActiveCard);

    function showProjectDetails(title,imgSrc){
      document.getElementById("projectTitle").textContent=title;
      document.getElementById("projectImage").src=imgSrc;
      new bootstrap.Modal(document.getElementById("projectModal")).show();
    }
  </script>
   <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>
   <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- for client section -->

<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<!-- Slick JS -->
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>

<script>
  $(document).ready(function(){
    $('.autoplay').slick({
      slidesToShow: 6,  // Show 6 slides at a time
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 1000,
      centerMode: true, // Center the slides
      focusOnSelect: true, // Focus on the selected slide
      responsive: [
        {
          breakpoint: 1024, // Tablet breakpoint
          settings: {
            slidesToShow: 3, // Show 3 slides on tablet
            slidesToScroll: 1
          }
        },
        {
          breakpoint: 768, // Mobile breakpoint
          settings: {
            slidesToShow: 1, // Show 1 slide on mobile
            slidesToScroll: 1
          }
        }
      ]
    });
  });
</script>
<?php
  /*
   * Always have wp_footer() just before the closing </body>
   * tag of your theme, or you will break many plugins, which
   * generally use this hook to reference JavaScript files.
   */

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