<footer class="footer-wrap">
         <div class="container custom-container">
            <div class="top-section">
               <div class="left-wrap">
                  <div class="name">Raya Health.</div>
                  <div class="social-wrap">
                     <div class="txt"><a href="<?php echo esc_url(home_url('/contact-us')); ?>">Contact Us</a></div>
                     <ul class="list">
                        <li><a href="https://www.instagram.com/rayahealthhq/"><img src="<?php echo get_template_directory_uri(); ?>/img/insta.svg" alt=""></a></li>
                        <li><a href="https://www.linkedin.com/company/raya-health/"><img src="<?php echo get_template_directory_uri(); ?>/img/in.svg" alt=""></a></li>
                     </ul>
                  </div>
               </div>
               <div class="right-wrap">
                  <div class="content-wrap">
                     <p class="info">Get the latest news about Raya’s new features and product updates.</p>
                        <div class="form-wrap">
                        <form id="raya-newsletter-form" data-parsley-validate>
                            <div class="fields-wrap">
                            <input name="email" class="txt" id="news_email" placeholder="Email" required maxlength="50"
                                data-parsley-type="email"
                                data-parsley-required-message="Email is required."
                                data-parsley-type-message="Enter a valid email address.">
                            <button type="submit" class="sub-btn">Submit</button>
                            </div>
                        </form>
                        <p id="raya-newsletter-response"></p>
                        </div>

                        <!-- <div class="error">Error Message</div> -->
                     </div>
                  </div>
               </div>
            
            <div class="btm-section">
               <div class="left-wrap">
                  <p>© <?php echo date('Y'); ?> Raya Health. All rights reserved.</p>
               </div>
               <div class="right-wrap">
                  <ul class="list">
                     <li><a href="<?php echo esc_url(home_url('/terms-and-conditions')); ?>">Terms of Service</a></li>
                     <li><a href="#">Privacy Policy</a></li>
                  </ul>
               </div>
            </div>
         </div>
</footer>
      <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 type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/lottie-web/5.7.14/lottie.min.js"></script>
      <!-- <script src="https://unpkg.com/aos@2.3.4/dist/aos.js"></script> -->
        <script src="<?php echo get_template_directory_uri(); ?>/js/wow/wow.js"></script>
        <script>
        new WOW().init();
        </script>
      <script>
        const container = document.getElementById('lottie-animation-container');
         
        const animation = lottie.loadAnimation({
            container: container, // The DOM element to render the animation in
            renderer: 'svg', // Or 'canvas' or 'html'
            loop: true, // Whether the animation should loop
            autoplay: true, // Whether the animation should play automatically
            path: '<?php echo get_template_directory_uri(); ?>/img/ani-lotty.json' // The path to your Lottie JSON file
        });
         
        $(document).ready(function () {
            $('.btn-hand').on('click', function () {
                $('body').toggleClass('add-menu-body');
            });
            
            // Close menu when clicking close button
            $('.btn-close').on('click', function () {
                $('body').removeClass('add-menu-body');
            });
            
            // Close menu when clicking background overlay
            $('.mob-bg-wrap').on('click', function () {
                $('body').removeClass('add-menu-body');
            });
            
            // ✅ Close menu when clicking any nav link
            $('.site-menu-wrap .list a').on('click', function () {
                $('body').removeClass('add-menu-body');
            });
        });
         
      
        $('.testimonial-slider').slick({
               autoplay: true,
               slidesToShow: 1,
               dots: false,
               arrows: true,
            });
         
            $(window).scroll(function () {
            if ($(this).scrollTop() > 80) {
               $('header').addClass('shrink');
            } else {
               $('header').removeClass('shrink');
            }
        });
     
        // AOS.init({
        //     offset: 150,
        //     duration: 800,
        //     easing: 'ease-in-out',
        //     once: true
        // });
        // ✅ JavaScript smooth scroll with offset
        document.querySelectorAll('a[href^="#"]').forEach(link => {
            link.addEventListener('click', function (e) {
            e.preventDefault();
        
            const target = document.querySelector(this.getAttribute('href'));
            if (!target) return;
        
            // Detect current screen size
            const isMobile = window.innerWidth <= 767;
        
            // Apply header height based on screen width
            const headerOffset = isMobile ? 66 : 70;
        
            const elementPosition = target.getBoundingClientRect().top + window.scrollY;
            const offsetPosition = elementPosition - headerOffset;
        
            window.scrollTo({
                top: offsetPosition,
                behavior: "smooth"
            });
            });
        });
        </script>
      <?php wp_footer(); ?>
   </body>
</html>