<!-- footer starts -->
<footer class="custom-footer">
        <div class="container">
            <div class="footer-block">
                <div class="row">
                    <div class="col-md-4">
                        <div class="host-info">
                            <?php if (!empty(get_field('footer_heading', 'option'))) { ?>
                                <h2><?php echo get_field('footer_heading', 'option');?></h2>
                            <?php } 
                             if (!empty(get_field('footer__info', 'option'))) { ?>
                                <p><?php echo get_field('footer__info', 'option');?></p>
                            <?php }
                            ?> 
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="quick-links">
                            <h4>Links</h4>
                            <?php wp_nav_menu( array( 'menu' => 'footer_menu', 'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>' ) ); ?>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="contact-info">
                            <?php if (!empty(get_field('get_in_touch_heading', 'option'))) { ?>
                                <h4><?php echo get_field('get_in_touch_heading', 'option');?></h4>
                            <?php } ?>
                            <ul> <?php
                                    $get_in_touch_email=get_field('get_in_touch_email','option');
                                    if( $get_in_touch_email ) {
                                        $get_in_touch_url = $get_in_touch_email['url'];
                                        $get_in_touch_title = $get_in_touch_email['title'];
                                        $get_in_touch_target = $get_in_touch_email['target'] ? $get_in_touch_email['target'] : '_self';
                                        ?>
                                      <li> <a href="<?php echo esc_url( $get_in_touch_url ); ?>" target="<?php echo esc_attr( $get_in_touch_target ); ?>"
                                            aria-label="<?php echo esc_attr($get_in_touch_title) ; ?>"><img src="/wp-content/uploads/2025/01/Email_icon.png" alt=""><p><?php echo esc_html( $get_in_touch_title ); ?></p></a></li>
                                    <?php } ?>
                  
                                <?php
                                    $get_in_touch_address=get_field('get_in_touch_address','option');
                                    if( $get_in_touch_address ) {
                                        $touch_address_url = $get_in_touch_address['url'];
                                        $touch_address_title = $get_in_touch_address['title'];
                                        $touch_address_target = $get_in_touch_address['target'] ? $get_in_touch_address['target'] : '_self';
                                        ?>
                                      <li> <a href="<?php echo esc_url( $touch_address_url ); ?>" target="<?php echo esc_attr( $touch_address_target ); ?>"
                                            aria-label="<?php echo esc_attr($touch_address_title) ; ?>"><img src="/wp-content/uploads/2025/01/Email_icon.png" alt=""><p><?php echo esc_html( $touch_address_title ); ?></p></a></li>
                                    <?php } ?>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-2">
                        <div class="social-links">
                            <?php if (!empty(get_field('social_link_heading', 'option'))) { ?>
                                <h4><?php echo get_field('social_link_heading', 'option');?></h4>
                            <?php } ?>
                            <ul>
                                <li><a href="https://www.linkedin.com/in/harshikac/" target="_blank">
                                        <img src="/wp-content/uploads/2025/01/Linkedin_n.webp"
                                            alt="linkdn_icon_n"></a></li>
                                <li><a href="https://www.instagram.com/healthify_with_hershey?igsh=cXVjOXpkY2xzcWow" target="_blank">
                                        <img src="/wp-content/uploads/2025/01/instagram.webp"
                                            alt="instagram"></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="copyright">
                <div class="row">
                    <div class="col-md-12">
                    <?php if (!empty(get_field('copyright_text', 'option'))) { ?>
                                <?php echo get_field('copyright_text', 'option');?>
                            <?php } ?>
                    </div>
                </div>
            </div>
        </div>
        </div>
    </footer>

<?php wp_footer(); ?>
<script>
        //     window.onload = function() {
        //     const screenWidth = window.innerWidth;
         
        //     if (screenWidth <= 600) {
        //       document.body.style.zoom = "1";  // Zoom out for small screens
        //     } else if (screenWidth <= 1600) {
        //       document.body.style.zoom = "0.9";  // Default zoom for medium screens
        //     } else {
        //       document.body.style.zoom = "1";  // Zoom in for large screens
        //     }
        //   };
      
</script>
<script>
// function adjustZoom() {
//         const windowWidth = window.innerWidth; // Get the current window width
//         let zoomFactor = 1;

//         // Set different zoom levels based on window width
//         if (windowWidth >= 1600) {
//             zoomFactor = 0.8; // Zoom in for large screens
//         } else if (windowWidth >= 800) {
//             zoomFactor = 1; // Normal zoom for medium screens
//         } else {
//             zoomFactor = 0.8; // Zoom out for smaller screens
//         }

//         // Apply zoom to the whole page
//         document.body.style.zoom = zoomFactor;
//     }

//     // Adjust zoom on page load
//     window.onload = adjustZoom;

//     // Adjust zoom on window resize
//     window.onresize = adjustZoom;
</script>
</body>

</html>