<?php 
$title = "Our Team | Wipe Tears Africa";
$tagline = "Bringing hope & a future to the African children in Uganda";
$description = "Meet the committed leadership and staff behind Wipe Tears Africa (WTA), working tirelessly to restore hope and transform the lives of vulnerable children and families in Uganda.";
$keywords = "Wipe Tears Africa team, WTA leadership, Uganda nonprofit staff, child sponsorship Uganda";
$featured_image = 'https://www.wipetearsafrica.org/assets/images/wipe-tears-africa-uganda1.jpg';
include "includes/header.php";
include "includes/menu.php";
?>

<main>

<!-- PAGE HEADER: Modern & Professional -->
<section class="page-header"
  style="position: relative; background: url('assets/images/slides/wipe-tears-africa-4.jpg') no-repeat center/cover; min-height: 400px; display: flex; align-items: center;">

  <!-- Overlay Gradient -->
  <div style="position: absolute; top:0; left:0; width:100%; height:100%;
              background: linear-gradient(135deg, rgba(46,178,23,0.85), rgba(0,80,0,0.85)); z-index:1;">
  </div>

  <div class="container text-center" style="position: relative; z-index:2;">
    <div class="row justify-content-center">
      <div class="col-lg-8" data-aos="fade-up">
        <h1 class="mb-3" style="color:#fff; font-weight:700; text-shadow: 2px 2px 8px rgba(0,0,0,0.4); font-family: 'Poppins', sans-serif;">Our Team</h1>
        <p class="lead text-white-75" style="color: rgba(255,255,255,0.9); font-size:1.2rem; line-height:1.6; text-shadow: 1px 1px 6px rgba(0,0,0,0.3);">
          Dedicated leaders and professionals committed to transforming lives and restoring hope
        </p>

        <nav aria-label="breadcrumb">
          <ol class="breadcrumb justify-content-center mt-3" style="background: rgba(255,255,255,0.1); backdrop-filter: blur(6px); border-radius: 8px; padding:8px 15px;">
            <li class="breadcrumb-item"><a href="./" style="color:#fff; text-decoration:none; font-weight:500;">Home</a></li>
            <li class="breadcrumb-item active" aria-current="page" style="color:#e2f7d5; font-weight:600;">Our Team</li>
          </ol>
        </nav>
      </div>
    </div>
  </div>
</section>

<!-- TEAM SECTION -->
<section class="team-section py-5">
  <div class="container">

    <header class="text-center mb-5" data-aos="fade-up">
      <h2 class="display-5 fw-bold mb-3">Leadership & Management</h2>
      <p class="lead text-muted">
        Meet the passionate individuals guiding Wipe Tears Africa’s mission to uplift vulnerable children and families
      </p>
    </header>

    <div class="row g-4 justify-content-center">

      <!-- TEAM MEMBER -->
      <div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="100">
        <article class="card h-100 border-0 shadow-sm team-member">
          <div class="ratio ratio-1x1">
            <img src="assets/images/team/Sheryl Lynn Sutherland.jpg"
              alt="Sheryl Lynn Sutherland – Program Manager and Director USA"
              class="img-fluid object-fit-cover">
          </div>
          <div class="card-body text-center">
            <h3 class="h5 fw-bold">Sheryl Lynn Sutherland</h3>
            <p class="text-success fw-semibold mb-3">Program Manager & Director – USA</p>
            <p class="text-muted small">
              Sheryl joined Wipe Tears Africa in 2023 after witnessing firsthand the organization’s impactful work in Uganda.
              With a deep passion for humanitarian service, she provides strategic leadership, donor engagement, and program
              oversight in the United States, strengthening WTA’s international presence and partnerships.
            </p>
          </div>
        </article>
      </div>

      <!-- TEAM MEMBER -->
      <div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="150">
        <article class="card h-100 border-0 shadow-sm team-member">
          <div class="ratio ratio-1x1">
            <img src="assets/images/team/Judith Mukose.jpg"
              alt="Judith Mukose – Sponsorship Program Director"
              class="img-fluid object-fit-cover">
          </div>
          <div class="card-body text-center">
            <h3 class="h5 fw-bold">Judith Mukose</h3>
            <p class="text-success fw-semibold mb-3">Sponsorship Program Director</p>
            <p class="text-muted small">
              Judith has served with Wipe Tears Africa since 2011 and plays a key role in managing child sponsorship programs.
              She oversees beneficiary identification, sponsor communication, and service delivery, ensuring that sponsored
              children receive consistent education support and holistic care.
            </p>
          </div>
        </article>
      </div>

      <!-- TEAM MEMBER -->
      <div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="200">
        <article class="card h-100 border-0 shadow-sm team-member">
          <div class="ratio ratio-1x1">
            <img src="assets/images/team/Mariam Nakanja.jpg"
              alt="Mariam Nakanja – Finance Officer Uganda"
              class="img-fluid object-fit-cover">
          </div>
          <div class="card-body text-center">
            <h3 class="h5 fw-bold">Mariam Nakanja</h3>
            <p class="text-success fw-semibold mb-3">Finance Officer – Uganda</p>
            <p class="text-muted small">
              Mariam joined Wipe Tears Africa in 2016 and is responsible for financial management, budgeting, and donor
              accountability. She ensures transparent financial reporting and compliance, supporting the organization’s
              integrity and sustainability.
            </p>
          </div>
        </article>
      </div>

      <!-- TEAM MEMBER -->
      <div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="250">
        <article class="card h-100 border-0 shadow-sm team-member">
          <div class="ratio ratio-1x1">
            <img src="assets/images/team/Mathias Nita Baiza.jpg"
              alt="Mathias Nita Baiza – Secretary and Director"
              class="img-fluid object-fit-cover">
          </div>
          <div class="card-body text-center">
            <h3 class="h5 fw-bold">Mathias Nita Baiza</h3>
            <p class="text-success fw-semibold mb-3">Secretary & Director</p>
            <p class="text-muted small">
              Mathias has been part of Wipe Tears Africa since 2011, overseeing administrative operations, governance
              documentation, and record management. His leadership ensures efficient coordination and accountability
              within the organization.
            </p>
          </div>
        </article>
      </div>

      <!-- TEAM MEMBER -->
      <div class="col-md-6 col-lg-3" data-aos="fade-up" data-aos-delay="300">
        <article class="card h-100 border-0 shadow-sm team-member">
          <div class="ratio ratio-1x1">
            <img src="assets/images/team/Yohana Cabeza.jpg"
              alt="Yohana Cabeza – Program Coordinator USA"
              class="img-fluid object-fit-cover">
          </div>
          <div class="card-body text-center">
            <h3 class="h5 fw-bold">Yohana Cabeza</h3>
            <p class="text-success fw-semibold mb-3">Program Coordinator – USA</p>
            <p class="text-muted small">
              Yohana joined WTA in 2023 and coordinates outreach and child advocacy initiatives in the United States.
              She plays a vital role in connecting sponsors and donors with the mission of Wipe Tears Africa,
              expanding awareness and support for vulnerable children in Uganda.
            </p>
          </div>
        </article>
      </div>

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

</main>

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