    <footer class="bg-dark text-white section-padding" style="background: linear-gradient(rgba(0,0,0,0.9), rgba(0,0,0,0.9)), url('assets/hero_bg.png'); background-size: cover;">
        <div class="container text-center">
            <h2 class="font-serif mb-4" data-aos="fade-up">Rev. Dr. Sally Julie Armah (Mrs.)</h2>
            <p class="mb-5 text-secondary" style="font-size: 1.2rem;" data-aos="fade-up" data-delay="100">"From ashes to purpose, God can make something beautiful out of brokenness."</p>
            
            <div class="social-links mb-5" data-aos="fade-up" data-delay="200">
                <a href="#" class="text-white mx-3 fs-3"><i class="fab fa-facebook"></i></a>
                <a href="#" class="text-white mx-3 fs-3"><i class="fab fa-youtube"></i></a>
                <a href="#" class="text-white mx-3 fs-3"><i class="fab fa-instagram"></i></a>
            </div>

            <hr class="border-secondary opacity-25">
            
            <p class="mt-5 text-secondary mb-0">© 2026 Memorial Website of Rev. Dr. Sally Julie Armah. All rights reserved.</p>
        </div>
    </footer>

    <!-- Scripts -->
    <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>
        // Init AOS
        AOS.init({
            duration: 1200,
            once: true,
            offset: 100
        });

        // Navbar scroll effect
        window.addEventListener('scroll', function() {
            if (window.scrollY > 50) {
                document.querySelector('.navbar').classList.add('scrolled', 'shadow');
            } else {
                document.querySelector('.navbar').classList.remove('scrolled', 'shadow');
            }
        });
    </script>
</body>
</html>
