<!-- Footer -->
<footer class="footer">
    <div class="container">
        <div class="row g-4">
            <div class="col-lg-4" data-aos="fade-up">
                <h4 class="mb-3">
                    <i class="fas fa-graduation-cap"></i> বাংলা LMS
                </h4>
                <p>আমরা বাংলা ভাষায় মানসম্মত অনলাইন শিক্ষা প্রদান করি। আমাদের লক্ষ্য 
                   বাংলাদেশের শিক্ষার্থীদের আন্তর্জাতিক মানের কোর্স সহজলভ্য করা।</p>
                <div class="social-links">
                    <a href="#" class="social-icon"><i class="fab fa-facebook-f"></i></a>
                    <a href="#" class="social-icon"><i class="fab fa-youtube"></i></a>
                    <a href="#" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
                    <a href="#" class="social-icon"><i class="fab fa-instagram"></i></a>
                </div>
            </div>
            
            <div class="col-lg-2 col-md-6" data-aos="fade-up" data-aos-delay="100">
                <h5 class="mb-3">দ্রুত লিংক</h5>
                <ul class="list-unstyled">
                    <li class="mb-2"><a href="about.php" class="text-decoration-none text-white-50">আমাদের সম্পর্কে</a></li>
                    <li class="mb-2"><a href="courses.php" class="text-decoration-none text-white-50">কোর্সসমূহ</a></li>
                    <li class="mb-2"><a href="packages.php" class="text-decoration-none text-white-50">প্যাকেজ</a></li>
                    <li class="mb-2"><a href="instructors.php" class="text-decoration-none text-white-50">ইন্সট্রাক্টর</a></li>
                </ul>
            </div>
            
            <div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="200">
                <h5 class="mb-3">সাহায্য</h5>
                <ul class="list-unstyled">
                    <li class="mb-2"><a href="faq.php" class="text-decoration-none text-white-50">সাধারণ জিজ্ঞাসা</a></li>
                    <li class="mb-2"><a href="privacy.php" class="text-decoration-none text-white-50">গোপনীয়তা নীতি</a></li>
                    <li class="mb-2"><a href="terms.php" class="text-decoration-none text-white-50">শর্তাবলী</a></li>
                    <li class="mb-2"><a href="contact.php" class="text-decoration-none text-white-50">যোগাযোগ</a></li>
                </ul>
            </div>
            
            <div class="col-lg-3" data-aos="fade-up" data-aos-delay="300">
                <h5 class="mb-3">যোগাযোগ</h5>
                <ul class="list-unstyled">
                    <li class="mb-2 text-white-50">
                        <i class="fas fa-map-marker-alt me-2"></i> ঢাকা, বাংলাদেশ
                    </li>
                    <li class="mb-2 text-white-50">
                        <i class="fas fa-phone me-2"></i> +880 1XXX-XXXXXX
                    </li>
                    <li class="mb-2 text-white-50">
                        <i class="fas fa-envelope me-2"></i> info@banglalms.com
                    </li>
                </ul>
                
                <h6 class="mt-3">নিউজলেটার</h6>
                <form class="d-flex mt-2">
                    <input type="email" class="form-control form-control-sm" placeholder="আপনার ইমেইল">
                    <button type="submit" class="btn btn-primary-custom btn-sm ms-2">
                        <i class="fas fa-paper-plane"></i>
                    </button>
                </form>
            </div>
        </div>
        
        <hr class="mt-4 mb-4" style="border-color: rgba(255,255,255,0.1);">
        
        <div class="row">
            <div class="col-md-6 text-center text-md-start">
                <p class="mb-0 text-white-50">
                    &copy; <?php echo date('Y'); ?> বাংলা LMS। সর্বস্বত্ব সংরক্ষিত।
                </p>
            </div>
            <div class="col-md-6 text-center text-md-end mt-2 mt-md-0">
                <p class="mb-0 text-white-50">
                    ডেভেলপ করেছে <a href="#" class="text-decoration-none">আপনার কোম্পানি</a>
                </p>
            </div>
        </div>
    </div>
</footer>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script>
    // Initialize AOS
    AOS.init({
        duration: 800,
        easing: 'ease-in-out',
        once: true
    });
    
    // Navbar scroll effect
    window.addEventListener('scroll', function() {
        const navbar = document.querySelector('.navbar');
        if(window.scrollY > 50) {
            navbar.style.background = 'rgba(255, 255, 255, 0.98)';
            navbar.style.boxShadow = '0 5px 20px rgba(0,0,0,0.1)';
        } else {
            navbar.style.background = 'rgba(255, 255, 255, 0.95)';
            navbar.style.boxShadow = '0 2px 20px rgba(0,0,0,0.1)';
        }
    });
    
    // Smooth scroll for anchor links
    document.querySelectorAll('a[href^="#"]').forEach(anchor => {
        anchor.addEventListener('click', function(e) {
            e.preventDefault();
            const target = document.querySelector(this.getAttribute('href'));
            if(target) {
                target.scrollIntoView({
                    behavior: 'smooth',
                    block: 'start'
                });
            }
        });
    });
</script>
</body>
</html>