<?php 
$title = "About Wipe Tears Africa (WTA) – Education, Health, Girl Child Empowerment, Skills Development, Counselling & Guidance";
$tagline = "Bringing hope & a future to African children in Uganda";
$description = "Wipe Tears Africa (WTA) is a nonprofit organization founded in 2010, dedicated to restoring hope and transforming the lives of vulnerable children and families in Uganda.";
$keywords = "Wipe Tears Africa, WTA, Education, Health, Girl Child Empowerment, Skills Development, Counselling & Guidance";
$featured_image = 'https://www.wipetearsafrica.org/assets/images/wipe-tears-africa-uganda1.jpg';

include "includes/header.php";
include "includes/menu.php";
?>

<!-- Header Section -->
<section class="header-services" style="background: linear-gradient(to bottom, rgba(46, 178, 23, 0.76), rgba(46, 178, 23, 0.96)), url('assets/images/slides/wipe-tears-africa-4.jpg') no-repeat center / cover;">
    <div class="container">
        <div class="row align-items-center">
            <div class="col text-center" data-aos="fade-up">
                <h1>About Us</h1>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb justify-content-center">
                        <li class="breadcrumb-item"><a href="./">Home</a></li>
                        <li class="breadcrumb-item active" aria-current="page">About Us</li>
                    </ol>
                </nav>
            </div>
        </div>
    </div>
</section>

<!-- Intro Section -->
<section class="home-intro-mid py-5">
    <div class="container">
        <div class="row align-items-center">
            
            <div class="col-md-6 mb-4" data-aos="fade-up">
                <img src="assets/images/wipe-tears-africa-uganda1.jpg" alt="Wipe Tears Africa Uganda" class="img-fluid rounded shadow">
            </div>

            <div class="col-md-6 mb-4">
                <h5 class="tdeco text-success" data-aos="fade-up">About Wipe Tears Africa</h5>
                <h2 data-aos="fade-up">Bringing hope & a brighter future to African children</h2>

                <p data-aos="fade-up">
                    Founded in 2010, <strong>Wipe Tears Africa (WTA)</strong> is a nonprofit organization dedicated to restoring hope and transforming the lives of vulnerable children and families in Uganda. The organization was established in response to widespread poverty, illiteracy, and health challenges, including the impact of HIV/AIDS in underserved communities.
                </p>

                <p data-aos="fade-up">
                    Our mission is to empower families of underprivileged children through education, healthcare support, and economic development programs—equipping them with the tools and opportunities to build sustainable futures. Guided by Christian values and a strong commitment to child rights advocacy, we strive to wipe away tears and restore dignity, hope, and opportunity.
                </p>

                <p data-aos="fade-up">
                    Wipe Tears Africa is legally registered with the Government of Uganda 
                    (<strong>Reg. No: 80020000833456</strong>) and is also incorporated in the United States as a 
                    <strong>501(c)(3) tax-exempt organization (EIN: 334404025)</strong>. 
                    Through our core values of <strong>compassion, empowerment, and integrity</strong>, we work toward a society where every child has equal opportunities to thrive.
                </p>
            </div>

        </div>
    </div>
</section>

<!-- Mission, Vision & Values Section -->
<section class="home-intro-bottom py-5 bg-light">
    <div class="container">
        <div class="row g-4">

            <!-- Mission -->
            <div class="col-md-4">
                <div class="card h-100 shadow-sm">
                    <div class="card-body">
                        <h3 class="card-title">Our Mission</h3>
                        <p>
                            To empower families and vulnerable children through holistic support in education, health, and economic stability—nurturing them to become thriving and contributing members of society.
                        </p>
                    </div>
                </div>
            </div>

            <!-- Vision -->
            <div class="col-md-4">
                <div class="card h-100 shadow-sm">
                    <div class="card-body">
                        <h3 class="card-title">Our Vision</h3>
                        <p>
                            A future where every African child lives with dignity, hope, and purpose.
                        </p>
                    </div>
                </div>
            </div>

            <!-- Core Values -->
            <div class="col-md-4">
                <div class="card h-100 shadow-sm">
                    <div class="card-body">
                        <h3 class="card-title">Core Values</h3>

                        <h5><i class="bi bi-heart-fill text-danger"></i> Compassion</h5>
                        <p>We serve with love and empathy, seeing hope in every child.</p>

                        <h5><i class="bi bi-shield-fill text-success"></i> Integrity</h5>
                        <p>We uphold transparency, honesty, and accountability in all our work.</p>

                        <h5><i class="bi bi-hand-thumbs-up-fill text-primary"></i> Empowerment</h5>
                        <p>We equip individuals and communities with skills and opportunities to build better futures.</p>
                    </div>
                </div>
            </div>

        </div>
    </div>
</section>

<!-- Call to Action Section -->
<section class="home-caction py-5 text-white" style="background-color:#2eb217;">
    <div class="container">
        <div class="row align-items-center">

            <div class="col-md-6" data-aos="fade-up">
                <h3 class="tdeco">Help the Vulnerable</h3>
                <p>
                    Join us in empowering families of poor and vulnerable children through education, health support, and economic development—giving them the tools to build a brighter future.
                </p>
                <div class="d-flex gap-3">
                    <a href="donate.php" class="btn btn-lg btn-danger w-50">Donate</a>
                    <a href="volunteer.php" class="btn btn-lg btn-outline-light w-50">Volunteer</a>
                </div>
            </div>

            <div class="col-md-6 d-none d-md-block"></div>

        </div>
    </div>
</section>

<?php include "includes/footer.php"; ?>
