<footer class="footer">
    <div class="footer-background">
        <div class="footer-solid-bg"></div>
        <div class="footer-shape-bg"></div>
        <div class="footer-logo">
            <img src="/lepas/images/lepas_image/home_page/white_logo_lepas-min.png" alt="Lepas Logo" onerror="this.style.display='none';">
        </div>
    </div>
    
    <div class="footer-content">
        <div class="container">
            <div class="footer-main">
                <!-- Left Section - Newsletter -->
                <div class="footer-left">
                    <div class="newsletter-section">
                        <h2>STAY IN <br>THE KNOW</h2>
                        <p>Subscribe to Lepas updates for the latest news, releases, and exclusive offers.</p>
                        <a href="#" class="cta-button secondary">SUBSCRIBE</a>
                    </div>
                </div>
                
                <!-- Right Section - Navigation Links -->
                <div class="footer-right">
                    <div class="footer-nav-grid">
                        <div class="footer-nav-column">
                            <h4>ABOUT US</h4>
                            <ul>
                                <li><a href="#">Global Intro</a></li>
                                <li><a href="#">Leoparture</a></li>
                                <li><a href="#">Our Vision</a></li>
                                <li><a href="#">Blogs</a></li>
                            </ul>
                        </div>
                        
                        <div class="footer-nav-column">
                            <h4>MODELS</h4>
                            <ul>
                                <li><a href="#">L4</a></li>
                                <li><a href="#">L6</a></li>
                                <li><a href="#">L8</a></li>
                            </ul>
                        </div>
                        
                        <div class="footer-nav-column">
                            <h4>WORLD OF LEPAS</h4>
                            <ul>
                                <li><a href="#">News & Media</a></li>
                                <li><a href="#">Merchandise</a></li>
                                <li><a href="#">Lepas Club</a></li>
                            </ul>
                        </div>
                        
                        <div class="footer-nav-column">
                            <h4>AFTER SALES</h4>
                            <ul>
                                <li><a href="#">Maintenance & Service</a></li>
                                <li><a href="#">Warranty</a></li>
                                <li><a href="#">Insurance</a></li>
                                <li><a href="#">24/7 Roadside Assistance</a></li>
                            </ul>
                        </div>
                        
                        <div class="footer-nav-column">
                            <h4>SERVICES</h4>
                            <ul>
                                <li><a href="#">Book a Lepas</a></li>
                                <li><a href="#">Book a Testdrive</a></li>
                                <li><a href="#">Corporate Sales</a></li>
                            </ul>
                        </div>
                        
                        <div class="footer-nav-column">
                            <h4>CONTACT US</h4>
                            <ul>
                                <li><a href="#">Dealer Locator</a></li>
                                <li><a href="#">Customer careline</a></li>
                                <li><a href="#">Join Us</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            
            <!-- Social Icons Section -->
            <div class="footer-social">
                <div class="social-links">
                    <a href="#" aria-label="Facebook"><img src="/lepas/images/lepas_image/home_page/facebooknew.svg"></a>
                    <a href="#" aria-label="X (Twitter)"><img src="/lepas/images/lepas_image/home_page/twitternew.svg"></a>
                    <a href="#" aria-label="Instagram"><img src="/lepas/images/lepas_image/home_page/ignew.svg"></a>
                    <a href="#" aria-label="YouTube"><img src="/lepas/images/lepas_image/home_page/youtubenew.svg"></a>
                </div>
            </div>
            
            <!-- Bottom Bar -->
            <div class="footer-bottom">
                <div class="footer-bottom-left">
                    <p>&copy; Copyright 2025 Lepas. All Right Reserved.</p>
                </div>
                <div class="footer-bottom-right">
                    <div class="legal-links">
                        <a href="#">Privacy Statement</a>
                        <span class="divider">|</span>
                        <a href="#">Cookie Notice</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>

<!-- Mobile Footer Accordion -->
<div class="footer-mobile-accordion">
    <div class="footer-section-mobile">
        <div class="footer-section-mobile-item">
            <div class="footer-section-header">
                <h4>ABOUT US</h4>
                <div class="accordion-icon"></div>
            </div>
            <div class="footer-section-content">
                <ul>
                    <li><a href="#">Global Intro</a></li>
                    <li><a href="#">Leoparture</a></li>
                    <li><a href="#">Our Vision</a></li>
                    <li><a href="#">Blogs</a></li>
                </ul>
            </div>
        </div>
        <div class="footer-section-mobile-item">
            <div class="footer-section-header">
                <h4>MODELS</h4>
                <div class="accordion-icon"></div>
            </div>
            <div class="footer-section-content">
                <ul>
                    <li><a href="#">L4</a></li>
                    <li><a href="#">L6</a></li>
                    <li><a href="#">L8</a></li>
                </ul>
            </div>
        </div>
        <div class="footer-section-mobile-item">
            <div class="footer-section-header">
                <h4>WORLD OF LEPAS</h4>
                <div class="accordion-icon"></div>
            </div>
            <div class="footer-section-content">
                <ul>
                    <li><a href="#">News & Media</a></li>
                    <li><a href="#">Merchandise</a></li>
                    <li><a href="#">Lepas Club</a></li>
                </ul>
            </div>
        </div>
        <div class="footer-section-mobile-item">
            <div class="footer-section-header">
                <h4>AFTER SALES</h4>
                <div class="accordion-icon"></div>
            </div>
            <div class="footer-section-content">
                <ul>
                    <li><a href="#">Maintenance & Service</a></li>
                    <li><a href="#">Warranty</a></li>
                    <li><a href="#">Insurance</a></li>
                    <li><a href="#">24/7 Roadside Assistance</a></li>
                </ul>
            </div>
        </div>
        <div class="footer-section-mobile-item">
            <div class="footer-section-header">
                <h4>SERVICES</h4>
                <div class="accordion-icon"></div>
            </div>
            <div class="footer-section-content">
                <ul>
                    <li><a href="#">Book a Lepas</a></li>
                    <li><a href="#">Book a Testdrive</a></li>
                    <li><a href="#">Corporate Sales</a></li>
                </ul>
            </div>
        </div>
        <div class="footer-section-mobile-item">
            <div class="footer-section-header">
                <h4>CONTACT US</h4>
                <div class="accordion-icon"></div>
            </div>
            <div class="footer-section-content">
                <ul>
                    <li><a href="#">Dealer Locator</a></li>
                    <li><a href="#">Customer careline</a></li>
                    <li><a href="#">Join Us</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@glidejs/glide@3.6.0/dist/css/glide.core.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@glidejs/glide@3.6.0/dist/css/glide.theme.min.css">
<script src="https://cdn.jsdelivr.net/npm/@glidejs/glide@3.6.0/dist/glide.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/gsap.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollTrigger.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/ScrollToPlugin.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/gsap@3.13.0/dist/MorphSVGPlugin.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>

<script src="/lepas/main.js?v=<?php echo time(); ?>"></script>
