<!-- Footer Section -->
<footer class="tech-footer" 
        data-aos="fade-up" 
        data-aos-duration="800" 
        data-aos-offset="50"
        data-aos-easing="ease-in-out"
        data-aos-once="true">
    <!-- Background Image with Overlay -->
    <div class="footer-background">
        <div class="overlay"></div>
        <!-- Image that shakes (separate from overlay) -->
        <div class="shaking-image"></div>
    </div>
    
    <div class="container">
        <!-- Main Footer Content - Four Columns -->
        <div class="row g-5">
            <!-- Column 1: Logo & Company Info - ENTIRE COLUMN with red background and overlap -->
            <div class="col-lg-3" 
                 data-aos="fade-right" 
                 data-aos-duration="600" 
                 data-aos-delay="100"
                 data-aos-offset="50"
                 data-aos-easing="ease-out">
                <div class="footer-widget logo-column-wrapper">
                    <!-- Logo -->
                    <div class="footer-logo">
                        <?php if (has_custom_logo()): ?>
                            <?php the_custom_logo(); ?>
                        <?php else: ?>
                            <img src="<?php echo get_template_directory_uri(); ?>/assets/images/lwegatech-logo.png" alt="LWEGATECH" class="logo-image">
                            <h3 class="logo-text">LWEGATECH</h3>
                        <?php endif; ?>
                    </div>
                    
                    <p class="footer-description">
                        Your trusted technology partner since 2008. 
                    </p>
                    
                    <div class="footer-contact">
                        <p><i class="fas fa-map-marker-alt"></i> Kampala, Uganda</p>
                        <p><i class="fas fa-phone-alt"></i> +256 (0) 393 193 190</p>
                        <p><i class="fas fa-envelope"></i> info@lwegatech.com</p>
                    </div>
                </div>
            </div>
            
            <!-- Column 2: Quick Links -->
            <div class="col-lg-3" 
                 data-aos="fade-up" 
                 data-aos-duration="600" 
                 data-aos-delay="200"
                 data-aos-offset="50"
                 data-aos-easing="ease-out">
                <div class="footer-widget">
                    <h4 class="footer-widget-title">About Us</h4>
                    <ul class="footer-links">
                        <li><a href="<?php echo home_url('/about-us/'); ?>"><i class="fas fa-chevron-right"></i> About Us</a></li>
                        <li><a href="<?php echo home_url('/our-work/'); ?>"><i class="fas fa-chevron-right"></i> Our Work</a></li>
                        <li><a href="<?php echo home_url('/the-team/'); ?>"><i class="fas fa-chevron-right"></i> The Team</a></li>
                        <li><a href="<?php echo home_url('/our-blog/'); ?>"><i class="fas fa-chevron-right"></i> Blog</a></li>
                        <li><a href="<?php echo home_url('/contact/'); ?>"><i class="fas fa-chevron-right"></i> Contact Us</a></li>
                    </ul>
                </div>
            </div>
            
            <!-- Column 3: Our Services -->
            <div class="col-lg-3" 
                 data-aos="fade-up" 
                 data-aos-duration="600" 
                 data-aos-delay="300"
                 data-aos-offset="50"
                 data-aos-easing="ease-out">
                <div class="footer-widget">
                    <h4 class="footer-widget-title">Our Solutions</h4>
                    <ul class="footer-links">
                        <li><a href="<?php echo home_url('/website-design/'); ?>"><i class="fas fa-chevron-right"></i>Web Solutions</a></li>
                        <li><a href="<?php echo home_url('/app-development/'); ?>"><i class="fas fa-chevron-right"></i> Apps & Software</a></li>
                        <li><a href="<?php echo home_url('/ssl-certificates/'); ?>"><i class="fas fa-chevron-right"></i> Digital Security</a></li>
                        <li><a href="<?php echo home_url('/web-hosting/'); ?>"><i class="fas fa-chevron-right"></i> Web Hosting</a></li>
                        <li><a href="<?php echo home_url('/register-a-domain/'); ?>"><i class="fas fa-chevron-right"></i> Domains </a></li>
                        <li><a href="<?php echo home_url('/web-maintenance/'); ?>"><i class="fas fa-chevron-right"></i> SEO and Maintenance</a></li>
                    </ul>
                </div>
            </div>
            
            <!-- Column 4: Connect & CTA -->
            <div class="col-lg-3" 
                 data-aos="fade-left" 
                 data-aos-duration="600" 
                 data-aos-delay="400"
                 data-aos-offset="50"
                 data-aos-easing="ease-out">
                <div class="footer-widget">
                    <h4 class="footer-widget-title">Connect With Us</h4>
                    
                    <!-- Social Media Icons -->
                    <div class="social-links">
                        <a href="http://facebook.com/lwegatech/" class="social-link" aria-label="Facebook">
                            <i class="fab fa-facebook-f"></i>
                        </a>
                        <a href="https://x.com/lwegatech" class="social-link" aria-label="Twitter">
                            <i class="fab fa-twitter"></i>
                        </a>
                        <a href="https://www.linkedin.com/company/lwegatech" class="social-link" aria-label="LinkedIn">
                            <i class="fab fa-linkedin-in"></i>
                        </a>
                        <a href="https://www.instagram.com/lwegatech/" class="social-link" aria-label="Instagram">
                            <i class="fab fa-instagram"></i>
                        </a>
                    </div>
                    
                    <!-- CTA Button -->
                    <div class="footer-cta">
                        <a href="https://www.lwegatech.info/new/contact/" class="footer-button">
                            <i class="fas fa-calendar-check"></i> Contact
                        </a>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- Footer Bottom -->
        <div class="footer-bottom" 
             data-aos="fade-up" 
             data-aos-duration="600" 
             data-aos-delay="500"
             data-aos-offset="30"
             data-aos-easing="ease-out">
            <div class="row align-items-center">
                <div class="col-md-6">
                    <p class="copyright">
                        <i class="far fa-copyright"></i> <?php echo date('Y'); ?> LWEGATECH. All rights reserved. | 
                        <span class="year-badge"><i class="fas fa-calendar-alt"></i> Since 2008</span>
                    </p>
                </div>
                <div class="col-md-6 text-md-end">
                    <p class="footer-meta">
                        <span class="meta-item">Billing Policy</span>
                        <span class="meta-item">Privacy Policy</span>
                        <span class="meta-item">Terms of Service</span>
                        <span class="meta-item">Cookies</span>
                    </p>
                </div>
            </div>
        </div>
    </div>
</footer>

<!-- Back to Top Button -->
<div id="backToTop" class="back-to-top" 
     data-aos="fade-in" 
     data-aos-duration="400" 
     data-aos-delay="600"
     data-aos-offset="0">
    <i class="fas fa-arrow-up"></i>
</div>

<!-- Preloader -->
<div id="preloader">
    <div class="bounce-container">
        <div class="bounce-ball"></div>
        <div class="bounce-ball"></div>
        <div class="bounce-ball"></div>
        <div class="bounce-ball"></div>
    </div>
    <div class="logo-container">
        <?php
        $custom_logo_id = get_theme_mod('custom_logo');
        $logo = wp_get_attachment_image_src($custom_logo_id, 'full');
        if ($logo) {
            echo '<img src="' . esc_url($logo[0]) . '" class="lt-logo" alt="' . get_bloginfo('name') . '">';
        } else {
            echo '<h2 class="lt-logo-text">' . get_bloginfo('name') . '</h2>';
        }
        ?>
    </div>
</div>

<!-- AOS CSS & JS -->
<link rel="stylesheet" href="https://unpkg.com/aos@2.3.1/dist/aos.css">
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

<style>
.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:9999;box-shadow:0 4px 15px rgba(0,0,0,0.2);border:none;}.back-to-top.show{opacity:1;visibility:visible;}.back-to-top:hover{background:linear-gradient(135deg,#c0392b,#a82313);transform:translateY(-3px);box-shadow:0 6px 20px rgba(231,76,60,0.4);}.back-to-top i{font-size:20px;}
</style>

<script>
document.addEventListener('DOMContentLoaded',function(){
    // Initialize AOS
    if(typeof AOS !== 'undefined'){
        AOS.init({
            duration: 800,
            offset: 100,
            easing: 'ease-in-out',
            once: true,
            mirror: false,
            disable: window.innerWidth < 768 ? 'phone' : false,
            startEvent: 'DOMContentLoaded'
        });
    }
    
    // Preloader
    const preloader=document.getElementById('preloader');
    if(preloader){
        setTimeout(function(){
            preloader.classList.add('hide');
            document.body.classList.add('loaded');
            setTimeout(function(){
                if(preloader.parentNode) preloader.style.display='none';
            },500);
        },500);
    }
    
    // Back to Top
    const backToTop=document.getElementById('backToTop');
    if(backToTop){
        window.addEventListener('scroll',function(){
            if(window.pageYOffset>300){
                backToTop.classList.add('show');
            }else{
                backToTop.classList.remove('show');
            }
        });
        backToTop.addEventListener('click',function(e){
            e.preventDefault();
            window.scrollTo({top:0,behavior:'smooth'});
        });
    }
});

window.addEventListener('load',function(){
    const preloader=document.getElementById('preloader');
    if(preloader&&!preloader.classList.contains('hide')){
        preloader.classList.add('hide');
        document.body.classList.add('loaded');
        setTimeout(function(){
            if(preloader.parentNode) preloader.style.display='none';
        },500);
    }
    // Refresh AOS
    if(typeof AOS !== 'undefined'){
        AOS.refresh();
    }
});

// Refresh AOS on AJAX complete
if(typeof jQuery !== 'undefined'){
    jQuery(document).on('ajaxComplete',function(){
        if(typeof AOS !== 'undefined'){
            AOS.refresh();
        }
    });
}

// Refresh AOS on window resize
let aosResizeTimer;
window.addEventListener('resize',function(){
    clearTimeout(aosResizeTimer);
    aosResizeTimer=setTimeout(function(){
        if(typeof AOS !== 'undefined'){
            AOS.refresh();
        }
    },250);
});
</script>

<script>
(function (w, d, s, u) {
    w.gbwawc = {
        url: u,
        options: {
            waId: "+256779918835",
            siteName: "LWEGATECH",
            siteTag: "We make it a point!",
            siteLogo: "https://www.lwegatech.info/new/content/uploads/2026/03/android-icon-96x96-1.png",
            widgetPosition: "LEFT",
            triggerMessage: "Let's Chat!",
            welcomeMessage: "Thank you for visiting LWEGATECH website today! How can we help you?",
            brandColor: "#00b800",
            messageText: "",
            replyOptions: ['',''],
        },
    };
    var h = d.getElementsByTagName(s)[0],
    j = d.createElement(s);
    j.async = true;
    j.src = u + "/whatsapp-widget.min.js?_=" + Math.random();
    h.parentNode.insertBefore(j, h);
})(window, document, "script", "https://waw.gallabox.com");
</script> 

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