<?php
/* Page Meta */
$title = "Counselling & Guidance | Wipe Tears Africa (WTA)";
$description = "Wipe Tears Africa (WTA) provides counselling and guidance services to promote emotional well-being, discipline, and positive life skills among children and families in Uganda.";
$keywords = "Wipe Tears Africa, Counselling, Guidance, Child Protection, Psychosocial Support, Uganda NGO";
?>

<?php include 'includes/header.php'; ?>

<!-- PAGE HEADER -->
<section class="header-services"
  style="background: linear-gradient(to bottom, rgba(46,178,23,0.75), rgba(46,178,23,0.95)), url('assets/images/slides/wipe-tears-africa-4.jpg') no-repeat center/cover;">
  <div class="container">
    <div class="row">
      <div class="col text-center" data-aos="fade-up">
        <h1>Counselling & Guidance</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 text-white">Counselling & Guidance</li>
          </ol>
        </nav>
      </div>
    </div>
  </div>
</section>

<!-- CONTENT -->
<section class="home-intro-mid py-5">
  <div class="container">
    <div class="row align-items-center">

      <!-- IMAGE -->
      <div class="col-md-6 mb-4" data-aos="fade-up">
        <img 
          src="assets/images/counselling.jpg"
          alt="Counselling and Guidance Program at Wipe Tears Africa"
          class="img-fluid rounded shadow-sm"
          loading="lazy">
      </div>

      <!-- TEXT -->
      <div class="col-md-6 mb-4">

        <h6 class="text-success fw-semibold mb-2" data-aos="fade-up">
          <i class="bi bi-heart-fill me-2"></i>
          Counselling & Guidance
        </h6>

        <h2 class="fw-bold mb-3" data-aos="fade-up">
          Building Emotional Resilience, Discipline & Positive Life Skills
        </h2>

        <p class="text-muted" data-aos="fade-up">
          <strong>:contentReference[oaicite:0]{index=0} (WTA)</strong>
          provides structured counselling and guidance services to children,
          adolescents, and families to promote emotional well-being,
          positive behaviour, and healthy decision-making.
        </p>

        <p class="text-muted" data-aos="fade-up">
          Our programme addresses trauma, abuse, neglect, early pregnancies,
          peer pressure, and low self-esteem. Through psychosocial support,
          mentorship, and moral guidance, we help children grow with confidence,
          discipline, and purpose.
        </p>

        <!-- FOCUS AREAS -->
        <ul class="list-unstyled mt-4" data-aos="fade-up">
          <li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i> Psychosocial counselling and emotional support</li>
          <li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i> Prevention of early pregnancies and risky behaviours</li>
          <li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i> Child protection and abuse prevention awareness</li>
          <li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i> Moral guidance, discipline, and life-skills development</li>
          <li class="mb-2"><i class="bi bi-check-circle-fill text-success me-2"></i> Family counselling and community engagement</li>
        </ul>

        <!-- CTA -->
        <div class="mt-4" data-aos="fade-up">
          <div class="p-4 rounded shadow-sm bg-light border-start border-success border-4
                      d-flex flex-column flex-md-row justify-content-between align-items-center gap-3">
            <div>
              <h5 class="fw-bold mb-1">
                <i class="bi bi-hands-helping me-2"></i>
                Support Counselling & Guidance
              </h5>
              <p class="mb-0">
                Your support helps provide safe spaces, professional counselling,
                and mentorship that restore hope and emotional well-being.
              </p>
            </div>
            <a href="donate.php" class="btn btn-success btn-lg">
              <i class="bi bi-heart me-2"></i> Donate
            </a>
          </div>
        </div>

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

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