<?php
/**
 * The template for displaying the footer
 *
 * Contains the closing of the #content div and all content after.
 *
 * @link https://developer.wordpress.org/themes/basics/template-files/#template-partials
 *
 * @package eco-solar-energy
 */

?>
<footer id="colophon" class="site-footer">
    <div class="footer-overlay"></div>
    <div class="footer-widgets-areas">
        <div class="container-fluid p-0">
            <div class="row">
                <div class="col-xl-12 col-lg-12 col-md-12 col-12" style="position: relative;">
                    <div class="footerbox">
                        <div class="grid xl:grid-cols-4 lg:grid-cols-4 md:grid-cols-2 sm:grid-cols-12 gap-20">

                            <div class="hentry">

                                <div class="f1stcal">

                                    <h1><?php echo esc_html(get_theme_mod('eco_solar_energy_foot_1stcolh1', __('Get To 50% Off', 'eco-solar-energy'))) ?>
                                    </h1>
                                    <p style="text-align:center;">
                                        <?php echo esc_html(get_theme_mod('eco_solar_energy_foot_1stcolp', __('+ FREE Shipping!', 'eco-solar-energy'))) ?>
                                    </p>

                                    <ul class="menu m-0 p-0">
                                        <li>
                                            <a
                                                href=""><?php echo esc_html(get_theme_mod('eco_solar_energy_foot_menusubmenu1', __('Lorem Ipsum is simply dummy', 'eco-solar-energy'))) ?></a>
                                        </li>
                                        <li>
                                            <a
                                                href=""><?php echo esc_html(get_theme_mod('eco_solar_energy_foot_menusubmenu2', __('Lorem Ipsum is simply ', 'eco-solar-energy'))) ?></a>
                                        </li>
                                        <li>
                                            <a
                                                href=""><?php echo esc_html(get_theme_mod('eco_solar_energy_foot_menusubmenu3', __('Lorem Ipsum is simply dummy', 'eco-solar-energy'))) ?></a>
                                        </li>
                                        <li>
                                            <a
                                                href=""><?php echo esc_html(get_theme_mod('eco_solar_energy_foot_menusubmenu4', __('Lorem Ipsum is simply', 'eco-solar-energy'))) ?></a>
                                        </li>
                                        <li>
                                            <a
                                                href=""><?php echo esc_html(get_theme_mod('eco_solar_energy_foot_menusubmenu5', __('Lorem Ipsum is simply dummy', 'eco-solar-energy'))) ?></a>
                                        </li>
                                        <li>
                                            <a
                                                href=""><?php echo esc_html(get_theme_mod('eco_solar_energy_foot_menusubmenu6', __('123-456 789', 'eco-solar-energy'))) ?></a>
                                        </li>

                                    </ul>

                                    <h3 class="">
                                        <?php echo esc_html(get_theme_mod('eco_solar_energy_foot_lastcallnow', __('call Now', 'eco-solar-energy'))) ?>
                                    </h3>

                                </div>
                            </div>

                            <div class="hentry">
                                <div class="widget_nav_menu">
                                    <div class="site-branding pb-2">
                                        <?php $eco_solar_energy_image = get_theme_mod('eco_solar_energy_footer_logo'); ?>
                                        <?php if ($eco_solar_energy_image == '') { ?>
                                            <img
                                                src="<?php echo esc_url(get_template_directory_uri() . "/assets/images/footerwhitelogo.png"); ?>" style="width: 260px;
height: 66px;">
                                        <?php } else { ?>
                                            <img
                                                src="<?php echo esc_url(get_theme_mod('eco_solar_energy_footer_logo')); ?>"style="width: 260px;
height: 66px;">
                                        <?php } ?>
                                    </div>
                                    <h2 class="widget-title">
                                        <?php echo esc_html(get_theme_mod('eco_solar_energy_foot_title2111', __('About Us', 'eco-solar-energy'))) ?>
                                    </h2>
                                    <p class="footer-para pb-5">
                                        <?php echo esc_html(get_theme_mod('eco_solar_energy_foot_paragraph', __('Empowering Homes And Businesses With Clean,Reliable, And Affordable Solar Energy Solutions.', 'eco-solar-energy'))) ?>
                                    </p>

<h3><?php echo esc_html(get_theme_mod('eco_solar_energy_foot_title211fes1', __('Follow On:', 'eco-solar-energy'))) ?></h3>
                                    <div class="footer_social_links pb-5">
                                        <a href="https://www.facebook.com/" target="_blank" class="me-3">
                                            <i
                                                class="fa-brands socialicon <?php echo esc_html(get_theme_mod('eco_solar_energy_footfacebook_icon', __('fa-facebook-f', 'eco-solar-energy'))) ?>"></i>
                                        </a>
                                        <a href="https://www.instagram.com/" target="_blank" class="me-3">
                                            <i
                                                class="fa-brands socialicon <?php echo esc_html(get_theme_mod('eco_solar_energy_footinstagram_icon', __('fa-instagram', 'eco-solar-energy'))) ?>">"></i>
                                        </a>
                                        <a href="https://twitter.com/" target="_blank">
                                            <i
                                                class="fa-brands socialicon <?php echo esc_html(get_theme_mod('eco_solar_energy_foottwitter_icon', __('fa-twitter', 'eco-solar-energy'))) ?>"></i>
                                        </a>
                                    </div>



                                </div>
                            </div>

                            <div class="hentry">
                                <div class="widget_nav_menu">
                                    <h2 class="widget-title">
                                        <?php echo esc_html(get_theme_mod('eco_solar_energy_foot_title3', __('Quick Links', 'eco-solar-energy'))) ?>
                                    </h2>
                                    <div class="menu-footer">
                                        <ul class="menu m-0 p-0">
                                            <li>
                                                <a
                                                    href=""><?php echo esc_html(get_theme_mod('eco_solar_energy_foot_abtsubmenu1', __('Privacy Policy', 'eco-solar-energy'))) ?></a>
                                            </li>
                                            <li>
                                                <a
                                                    href=""><?php echo esc_html(get_theme_mod('eco_solar_energy_foot_abtsubmenu2', __('System', 'eco-solar-energy'))) ?></a>
                                            </li>
                                            <li>
                                                <a
                                                    href=""><?php echo esc_html(get_theme_mod('eco_solar_energy_foot_abtsubmenu3', __('Disclaimer', 'eco-solar-energy'))) ?></a>
                                            </li>
                                            <li>
                                                <a
                                                    href=""><?php echo esc_html(get_theme_mod('eco_solar_energy_foot_abtsubmenu4', __('FAQ', 'eco-solar-energy'))) ?></a>
                                            </li>
                                            <li>
                                                <a
                                                    href=""><?php echo esc_html(get_theme_mod('eco_solar_energy_foot_abtsubmenu5', __('Terms and Conditions', 'eco-solar-energy'))) ?></a>
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                            </div>

                            <div class="hentry">
                                <div class="widget_nav_menu">
                                    <h2 class="widget-title">
                                        <?php echo esc_html(get_theme_mod('eco_solar_energy_footer4', __('Contact Us', 'eco-solar-energy'))) ?>
                                    </h2>
                                    <div class="footer-cont-detls">

                                        <div class="d-flex">
                                            <i
                                                class="fas <?php echo esc_html(get_theme_mod('footer_phone_icon', __('fa-phone', 'eco-solar-energy'))) ?>"></i>
                                            <p></p>
                                            <div>
                                                <!-- <h5></?php echo esc_html(get_theme_mod('eco_solar_energy_footer4_Phonetitle', __('CALL US', 'eco-solar-energy'))) ?>
                                                </h5> -->
                                                <p><?php echo esc_html(get_theme_mod('eco_solar_energy_footer4_Phonetext', __('+012 3456 789', 'eco-solar-energy'))) ?>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="d-flex">
                                            <i
                                                class="fas <?php echo esc_html(get_theme_mod('footer_envelope_icon', __('fa-envelope', 'eco-solar-energy'))) ?>"></i>
                                            <p></p>
                                            <div>
                                                <!-- <h5></?php echo esc_html(get_theme_mod('eco_solar_energy_footer4_Emailtitle', __('EMAIL US', 'eco-solar-energy'))) ?>
                                                </h5> -->
                                                <p><?php echo esc_html(get_theme_mod('eco_solar_energy_footer4_Emailtext', __('Abcfinfo@Support.Com', 'eco-solar-energy'))) ?>
                                                </p>
                                            </div>
                                        </div>
                                        <div class="d-flex">
                                            <i
                                                class="fas <?php echo esc_html(get_theme_mod('footer_location_icon', __('fa-location-dot', 'eco-solar-energy'))) ?>"></i>
                                            <p></p>
                                            <div>
                                                <!-- <h5></?php echo esc_html(get_theme_mod('eco_solar_energy_footer4_Addresstitle', __('OFFICIAL ADDRESS', 'eco-solar-energy'))) ?>
                                                </h5> -->
                                                <p><?php echo esc_html(get_theme_mod('eco_solar_energy_footer4_Addresstext', __('610 S 4Th Philadelphia Pennsy Vania 19147 US', 'eco-solar-energy'))) ?>
                                                </p>
                                            </div>
                                        </div>


                                    </div>
                                </div>
                            </div>



                        </div>
                    </div>
                    <div class="site-info" style="text-align :  right  ">
                        <div class="container  ">
                            <span class="copy-right"
                                style="text-transform :  Capitalize  "><?php echo esc_html(get_theme_mod('eco_solar_energy_footertext_setting', '© 2025 – All Rights Reserved.')) ?></span>
                        </div><!-- .Container -->
                        <!-- Scroll to Top Button -->
                    </div>
                </div>
            </div>

        </div>

        <?php
        $eco_solar_energy_scroll = get_theme_mod('eco_solar_energy_scroll_to_top', false); // Make sure the names match
        if ($eco_solar_energy_scroll === false) { ?>
            <a href="#" class="scrollup"><i id="scrolltop"
                    class="<?php echo esc_attr(get_theme_mod('eco_solar_energy_scroll_to_top_icon', 'fas fa-long-arrow-alt-up')); ?>"></i><span
                    class="screen-reader-text"><?php esc_html_e('Scroll Up', 'eco-solar-energy'); ?></span></a>
        <?php } ?>
    </div>
</footer>
<?php wp_footer(); ?>

</body>

</html>

<!-- footer 4
<div class="footer-cont-detls">
            
            <div class="d-flex">
                <i class="fas fa-location-dot"></i>
                <div>
                    <h5>OFFICIAL ADDRESS</h5>
                    504 White St . Dawsonville, GA 30534 , New York
                </div>
            </div>

            <div class="d-flex">
                <i class="fas fa-envelope"></i>
                <div>
                    <h5>EMAIL US</h5>
                    5support@gmail.com
                </div>
            </div>

            <div class="d-flex">
                <i class="fas fa-phone"></i>
                <div>
                    <h5>CALL US</h5>
                    +1111-2222-333
                </div>
            </div>
            
        </div> -->