<footer class="footer">
    <div class="footer-top py-5">
        <div class="container">
            <div class="row gy-4">
                <!-- About Column with Address -->
                <div class="col-lg-4 col-md-6">
                    <div class="footer-logo mb-3">
                        <img src="./assets/img/logo.png" alt="WADATA Logo" loading="lazy" style="height: 70px;">
                        <h3 class="mt-2">WADATA</h3>
                        <p>Skills Acquisition Centre</p>
                    </div>
                    <p class="footer-about">Empowering lives through practical skills training since 2020. We produce globally competitive graduates who transform their communities.</p>
                    <!-- Full Address -->
                    <address class="mt-3" style="font-style: normal; color: rgba(255,255,255,0.8);">
                        <i class="fas fa-map-marker-alt me-2" style="color: var(--accent);"></i> Bye Pass Road, Opp. Federal Road Safety,<br>
                        <span style="margin-left: 28px;">Gusau, Zamfara State, Nigeria</span>
                    </address>
                    <!-- Social Icons -->
                    <div class="footer-social mt-3">
                        <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
                        <a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
                        <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
                        <a href="#" aria-label="LinkedIn"><i class="fab fa-linkedin-in"></i></a>
                        <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
                    </div>
                </div>

                <!-- Quick Links -->
                <div class="col-lg-2 col-md-6 col-6">
                    <h4 class="footer-title">Quick Links</h4>
                    <ul class="footer-links">
                        <li><a href="#home"><i class="fas fa-chevron-right"></i> Home</a></li>
                        <li><a href="./about.html"><i class="fas fa-chevron-right"></i> About Us</a></li>
                        <li><a href="#programs"><i class="fas fa-chevron-right"></i> Programs</a></li>
                        <li><a href="./facilities.html"><i class="fas fa-chevron-right"></i> Facilities</a></li>
                        <li><a href="./gallery.html"><i class="fas fa-chevron-right"></i> Gallery</a></li>
                        <li><a href="./contact.html"><i class="fas fa-chevron-right"></i> Contact</a></li>
                    </ul>
                </div>

                <!-- Programs -->
                <div class="col-lg-3 col-md-6 col-6">
                    <h4 class="footer-title">Our Programs</h4>
                    <ul class="footer-links">
                        <li><a href="./ict.html"><i class="fas fa-chevron-right"></i> ICT & Graphics</a></li>
                        <li><a href="./tailoring.html"><i class="fas fa-chevron-right"></i> Fashion & Tailoring</a></li>
                        <li><a href="./catering.html"><i class="fas fa-chevron-right"></i> Catering & Culinary</a></li>
                        <li><a href="./makeup.html"><i class="fas fa-chevron-right"></i> Saloon & Make-Up</a></li>
                        <li><a href="./craft.html"><i class="fas fa-chevron-right"></i> Hand Craft</a></li>
                        <li><a href="./printing.html"><i class="fas fa-chevron-right"></i> Screen Printing</a></li>
                        <li><a href="./marriage.html"><i class="fas fa-chevron-right"></i> Marriage Guidance</a></li>
                    </ul>
                </div>

                <!-- Contact & Newsletter combined for cleaner layout -->
                <div class="col-lg-3 col-md-6">
                    <h4 class="footer-title">Get in Touch</h4>
                    <ul class="footer-links" style="list-style: none; padding-left: 0;">
                        <li style="display: flex; gap: 10px; margin-bottom: 12px;"><i class="fas fa-phone-alt" style="color: var(--accent); width: 20px;"></i> <span>+234 803 642 2779</span></li>
                        <li style="display: flex; gap: 10px; margin-bottom: 12px;"><i class="fas fa-envelope" style="color: var(--accent); width: 20px;"></i> <span>info@wadata.edu.ng</span></li>
                        <li style="display: flex; gap: 10px; margin-bottom: 12px;"><i class="fab fa-whatsapp" style="color: var(--accent); width: 20px;"></i> <span>+234 803 656 1374</span></li>
                    </ul>
                    <!-- Compact newsletter form in footer (optional) -->
                    <div class="footer-newsletter mt-4" style="background: rgba(255,255,255,0.08); border-radius: 60px; padding: 5px;">
                        <form class="d-flex">
                            <input type="email" class="form-control" placeholder="Your email" style="background: transparent; border: none; color: white; padding: 10px 15px;" required>
                            <button type="submit" class="btn" style="background: var(--accent); border-radius: 50px; padding: 8px 20px; color: white;"><i class="fas fa-paper-plane"></i></button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- Footer Bottom -->
    <div class="footer-bottom py-4">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-md-6 text-center text-md-start">
                    <p class="mb-0">&copy; 2025 WADATA Skills Acquisition Centre. All Rights Reserved.</p>
                </div>
                <div class="col-md-6 text-center text-md-end">
                    <div class="footer-bottom-links">
                        <a href="#" class="me-3">Privacy</a>
                        <a href="#" class="me-3">Terms</a>
                        <a href="#">Accessibility</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</footer>