<footer class="site-footer">
    <div class="container footer-grid">
        <div class="footer-brand">
            <a class="brand brand-footer" href="./" aria-label="PROLAD home">
                <img class="brand-logo" src="img/logo.png" alt="PROLAD Homes and Properties">
            </a>
            <p>Your trusted partner for purposeful spaces, secure property decisions and quality construction.</p>
        </div>

        <div>
            <h2>Explore</h2>
            <ul class="footer-links">
                <li><a href="real-estate">Real estate</a></li>
                <li><a href="construction">Construction</a></li>
                <li><a href="property-documentation">Documentation</a></li>
                <li><a href="architectural-design">Architectural design</a></li>
                <li><a href="properties">Properties</a></li>
                <li><a href="projects">Our projects</a></li>
                <li><a href="contact">Contact us</a></li>
            </ul>
        </div>

        <div>
            <h2>Contact</h2>
            <ul class="footer-links">
                <li><a href="tel:+2348145010155">0814 501 0155</a></li>
                <li><a href="tel:+2348032081085">0803 208 1085</a></li>
                <li><a href="https://wa.me/2348145010155" target="_blank" rel="noopener"><i class="bi bi-whatsapp" aria-hidden="true"></i> WhatsApp us</a></li>
                <li><a href="mailto:support@prolad.com.ng"><i class="bi bi-envelope" aria-hidden="true"></i> support@prolad.com.ng</a></li>
            </ul>
        </div>

        <div>
            <h2>What we do</h2>
            <p>Real estate, construction, documentation, approvals, renovation and architectural planning.</p>
        </div>
    </div>

    <div class="container footer-bottom">
        <p>&copy; <?= date('Y'); ?> PROLAD Homes &amp; Properties. All rights reserved.</p>
        <p>Together, we build our future.</p>
    </div>
</footer>

<script>
// Accessible mobile navigation.
const navToggle = document.querySelector('.nav-toggle');
const navMenu = document.querySelector('.nav-menu');

if (navToggle && navMenu) {
    navToggle.addEventListener('click', () => {
        const isOpen = navToggle.getAttribute('aria-expanded') === 'true';
        navToggle.setAttribute('aria-expanded', String(!isOpen));
        navToggle.setAttribute('aria-label', isOpen ? 'Open navigation' : 'Close navigation');
        navMenu.classList.toggle('is-open');
    });

    navMenu.querySelectorAll('a').forEach((link) => {
        link.addEventListener('click', () => {
            navMenu.classList.remove('is-open');
            navToggle.setAttribute('aria-expanded', 'false');
        });
    });
}
</script>
</body>
</html>
