<?php 
$page_title = "Rev. Dr. Sally Julie Armah | Memorial & Legacy";
$page_description = "Welcome to the official memorial website of Rev. Dr. Sally Julie Armah. Exploring her journey from ashes to purpose and her deep impact on ministry.";
include('includes/header.php'); 
?>

<!-- Hero Slider Section -->
<div id="heroCarousel" class="carousel slide carousel-fade hero-carousel" data-bs-ride="carousel" data-bs-interval="6000">
    <div class="carousel-indicators">
        <button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
        <button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
        <button type="button" data-bs-target="#heroCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
    </div>
    <div class="carousel-inner">
        <!-- Slide 1 -->
        <div class="carousel-item active" style="background-image: url('assets/hero_main.webp');">
            <div class="container h-100">
                <div class="carousel-caption">
                    <h2 class="font-serif" data-aos="fade-up">Rev. Dr. Sally Julie Armah</h2>
                    <p class="mb-4" data-aos="fade-up" data-aos-delay="200">"Child of Destiny" (1965 – 2025)</p>
                    <a href="about.php" class="btn btn-outline-light btn-lg px-5 py-3 rounded-pill transition-smooth" data-aos="fade-up" data-aos-delay="400">Discover Her Story</a>
                </div>
            </div>
        </div>
        <!-- Slide 2 -->
        <div class="carousel-item" style="background-image: url('assets/gallery_1.webp');">
            <div class="container h-100">
                <div class="carousel-caption">
                    <h2 class="font-serif">A Life of Impact</h2>
                    <p class="mb-4">Over 30 Years of Dedicated Kingdom Service</p>
                    <a href="ministry.php" class="btn btn-outline-light btn-lg px-5 py-3 rounded-pill transition-smooth">Explore Her Ministry</a>
                </div>
            </div>
        </div>
        <!-- Slide 3 -->
        <div class="carousel-item" style="background-image: url('assets/gallery_2.webp');">
            <div class="container h-100">
                <div class="carousel-caption">
                    <h2 class="font-serif">From Ashes to Purpose</h2>
                    <p class="mb-4">A Visionary Leader and Mentor to Thousands</p>
                    <a href="about.php" class="btn btn-gold btn-lg px-5 py-3 rounded-pill transition-smooth shadow-lg">Read the Testimony</a>
                </div>
            </div>
        </div>
    </div>

    <button class="carousel-control-prev" type="button" data-bs-target="#heroCarousel" data-bs-slide="prev">
        <span class="carousel-control-prev-icon"></span>
    </button>
    <button class="carousel-control-next" type="button" data-bs-target="#heroCarousel" data-bs-slide="next">
        <span class="carousel-control-next-icon"></span>
    </button>
</div>

<!-- About / Bio Snippet -->
<section class="section-padding bg-white">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-5 mb-5 mb-lg-0" data-aos="fade-right">
                <div class="portrait-container shadow-2xl">
                    <img src="assets/bio_portrait.jpg" alt="Rev. Dr. Sally Julie Armah" class="img-fluid w-100 shadow-lg rounded-4">
                </div>
            </div>
            <div class="col-lg-6 offset-lg-1" data-aos="fade-left">
                <h6 class="text-uppercase text-gold fw-bold mb-3 ls-2">Remembering Mama Julie</h6>
                <h2 class="section-title mb-4">A Legacy of Resilience</h2>
                <p class="lead text-muted mb-4">Affectionately known as “Mama Julie”, Rev. Dr. Armah lived a remarkable life. Her journey was a testimony of God's transforming power—from the ashes of hardship to the purpose of divine assignment.</p>
                <p class="mb-4">She consistently demonstrated that God can turn brokenness into beauty. She was a trailblazer in ministry, a teacher of the Word, and a mother to many.</p>
                <a href="about.php" class="btn btn-primary px-4 py-2 rounded-pill">Read Full Biography</a>
            </div>
        </div>
    </div>
</section>

<!-- Featured Book Section -->
<section class="book-section section-padding">
    <div class="container">
        <div class="row align-items-center">
            <div class="col-lg-5 mb-5 mb-lg-0" data-aos="fade-right">
                <div class="book-img-container shadow-2xl">
                    <img src="assets/book_cover.png" alt="Ashes to Purpose Book Cover" class="img-fluid mx-auto d-block">
                </div>
            </div>
            <div class="col-lg-6 offset-lg-1" data-aos="fade-left">
                <span class="badge bg-gold text-dark mb-3 px-3 py-2 rounded-pill fw-bold">Official Book Launch - Nov 18</span>
                <h2 class="section-title mb-4">Ashes To Purpose</h2>
                <h5 class="font-serif text-muted mb-4">The Journey of a Child of Destiny</h5>
                <p class="mb-4">In this powerful autobiography, Rev. Dr. Sally Julie Armah shares her raw and inspiring journey. From a turbulent childhood marked by displacement to the heights of spiritual leadership, her story is a blueprint for anyone seeking purpose in their pain.</p>
                
                <div class="glass-card p-4 mb-4 border-0 shadow-sm bg-white bg-opacity-50">
                    <p class="fw-bold mb-2">Available for Pre-Order Now</p>
                    <p class="small text-muted mb-0">Join us for the official book launch on November 18, 2025. Secure your copy today and be part of this divine testimony.</p>
                </div>
                
                <div class="mt-4">
                    <a href="#" class="btn btn-purchase btn-lg px-5 rounded-pill shadow-lg">
                        <i class="fas fa-shopping-cart me-2"></i> PURCHASE BOOK
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Ministry Highlights -->
<section class="section-padding" style="background-color: #fcfcfc;">
    <div class="container">
        <div class="text-center mb-5" data-aos="fade-up">
            <h6 class="text-uppercase text-gold fw-bold mb-3 ls-2">Impact</h6>
            <h2 class="section-title text-center mx-auto" style="max-width: fit-content;">Kingdom Service</h2>
        </div>
        <div class="row g-4">
            <div class="col-md-4" data-aos="fade-up">
                <div class="premium-card p-4 text-center h-100 shadow-sm border-0 bg-white">
                    <div class="card-icon"><i class="fas fa-church"></i></div>
                    <h4 class="font-serif">Church Planting</h4>
                    <p class="text-muted">Instrumental in planting over 10 assemblies under Royalhouse Chapel International.</p>
                </div>
            </div>
            <div class="col-md-4" data-aos="fade-up" data-aos-delay="100">
                <div class="premium-card p-4 text-center h-100 shadow-sm border-0 bg-white">
                    <div class="card-icon"><i class="fas fa-graduation-cap"></i></div>
                    <h4 class="font-serif">Leadership Training</h4>
                    <p class="text-muted">Longest-serving Principal of CLC, shaping generations of global leaders.</p>
                </div>
            </div>
            <div class="col-md-4" data-aos="fade-up" data-aos-delay="200">
                <div class="premium-card p-4 text-center h-100 shadow-sm border-0 bg-white">
                    <div class="card-icon"><i class="fas fa-venus"></i></div>
                    <h4 class="font-serif">Women's Ministry</h4>
                    <p class="text-muted">A Founding Mother of the Royal Ladies Ministry and mentor to thousands.</p>
                </div>
            </div>
        </div>
        <div class="text-center mt-5">
            <a href="ministry.php" class="btn btn-outline-primary px-4 py-2 rounded-pill px-5">Learn More</a>
        </div>
    </div>
</section>

<!-- Gallery Preview -->
<section id="gallery-snippet" class="section-padding" style="background-color: #f8f1ff;">
    <div class="container">
        <div class="text-center mb-5" data-aos="fade-up">
            <h6 class="text-uppercase text-gold fw-bold mb-3 ls-2">Visual Legacy</h6>
            <h2 class="section-title text-center mx-auto" style="max-width: fit-content;">Moments of Grace</h2>
        </div>
        <div class="row g-3">
            <div class="col-md-4 col-6" data-aos="zoom-in">
                <div class="gallery-item shadow-sm">
                    <img src="assets/gallery_1.webp" alt="Gallery Image 1" class="img-fluid rounded-4">
                </div>
            </div>
            <div class="col-md-4 col-6" data-aos="zoom-in" data-aos-delay="100">
                <div class="gallery-item shadow-sm">
                    <img src="assets/gallery_2.webp" alt="Gallery Image 2" class="img-fluid rounded-4">
                </div>
            </div>
            <div class="col-md-4 col-6 d-none d-md-block" data-aos="zoom-in" data-aos-delay="200">
                <div class="gallery-item shadow-sm">
                    <img src="assets/gallery_3.webp" alt="Gallery Image 3" class="img-fluid rounded-4">
                </div>
            </div>
        </div>
        <div class="text-center mt-5">
            <a href="gallery.php" class="btn btn-outline-gold px-5 py-2 rounded-pill fw-bold">Enter Gallery</a>
        </div>
    </div>
</section>

<!-- Quick Stats / Arrangements -->
<section class="section-padding bg-dark text-white">
    <div class="container text-center">
        <h2 class="font-serif mb-4 text-gold-gradient">Home-Going Celebration</h2>
        <p class="lead mb-5 text-secondary opacity-75">Celebrating a life wholly surrendered to God and dedicated to building His Kingdom.</p>
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="glass-card-dark p-4 d-inline-block w-100 border-secondary border-opacity-25 shadow-2xl">
                    <div class="row align-items-center">
                        <div class="col-md-4 border-end border-secondary border-opacity-25 pb-3 pb-md-0">
                            <h3 class="text-gold font-serif">Oct 10</h3>
                            <p class="small text-secondary mb-0">Funeral Rites</p>
                        </div>
                        <div class="col-md-4 border-end border-secondary border-opacity-25 py-3 py-md-0">
                            <h3 class="text-gold font-serif">Oct 12</h3>
                            <p class="small text-secondary mb-0">Thanksgiving</p>
                        </div>
                        <div class="col-md-4 pt-3 pt-md-0">
                            <a href="arrangements.php" class="btn btn-gold px-4 py-2 rounded-pill fw-bold">Details</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<?php include('includes/footer.php'); ?>
