{% extends 'base.html' %}
{% block title %}Services{% endblock %}

{% block content %}
<section class="page-hero">
    <div class="container">
        <div class="breadcrumb"><a href="{{ url_for('index') }}">Home</a><span>/</span><span style="color:rgba(255,255,255,0.8);">Services</span></div>
        <h1>Our Services</h1>
        <p>Comprehensive psychosocial support and mental health services across Malawi</p>
    </div>
</section>

<!-- CORE SERVICES with images -->
<section class="section">
    <div class="container">
        <div class="section-header reveal">
            <span class="section-label">Core Areas</span>
            <h2>What We Offer</h2>
            <p>Four pillars of service excellence driving community transformation</p>
        </div>
        <div class="grid-2" style="gap:32px;">
            <div class="img-card reveal">
                <div class="img-card-image" style="height:240px;">
                    <img src="{{ url_for('static', filename='images/card-counselling.png') }}" alt="Counselling">
                    <span class="img-card-tag tag-teal">Core Service</span>
                </div>
                <div class="img-card-body">
                    <h3>Counselling Services</h3>
                    <p>Professional, accessible counselling for individuals, families, and groups.
                    We address stress, trauma, depression, anxiety, and provide specialised
                    HIV/AIDS counselling. Both face-to-face and online sessions available.</p>
                </div>
            </div>
            <div class="img-card reveal">
                <div class="img-card-image" style="height:240px;">
                    <img src="{{ url_for('static', filename='images/card-training.png') }}" alt="Capacity building">
                    <span class="img-card-tag tag-purple">Core Service</span>
                </div>
                <div class="img-card-body">
                    <h3>Capacity Building</h3>
                    <p>Training and workshops for teachers, social workers, and community members in
                    mental health counselling, safeguarding, PSEA, and psychological first aid.
                    1,000+ participants trained across all regions.</p>
                </div>
            </div>
            <div class="img-card reveal">
                <div class="img-card-image" style="height:240px;">
                    <img src="{{ url_for('static', filename='images/card-community.png') }}" alt="Project management">
                    <span class="img-card-tag tag-sage">Core Service</span>
                </div>
                <div class="img-card-body">
                    <h3>Managing Projects</h3>
                    <p>End-to-end management of psychosocial and community development projects.
                    From disaster response to school wellness programs, with continuous M&amp;E.</p>
                </div>
            </div>
            <div class="img-card reveal">
                <div class="img-card-image" style="height:240px;">
                    <img src="{{ url_for('static', filename='images/services-bg.png') }}" alt="Consultancies">
                    <span class="img-card-tag tag-teal">Core Service</span>
                </div>
                <div class="img-card-body">
                    <h3>Consultancies</h3>
                    <p>Expert consultancy for workplace mental health, corporate counselling contracts,
                    and institutional capacity assessments. Tailored solutions for organisations.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- WORKING AREAS -->
<section class="section bg-grey">
    <div class="container">
        <div class="section-header centered reveal">
            <span class="section-label">Working Areas</span>
            <h2>Major Working Areas</h2>
            <p>Specialised interventions addressing pressing mental health needs</p>
        </div>
        <div class="grid-3" style="gap:20px;">
            {% set areas = [
                ('Suicide Prevention', 'Early intervention and awareness campaigns to prevent suicide and support at-risk individuals.'),
                ('Mental Health & Psychosocial Support', 'Comprehensive MHPSS services for individuals and communities in distress.'),
                ('HIV Counselling & Awareness', 'Testing, counselling, and awareness for HIV/AIDS prevention and support.'),
                ('Disaster Survivors Support', 'Psychological first aid for survivors of cyclones, floods, and emergencies.'),
                ('Gender-Based Violence Support', 'Counselling and advocacy for GBV survivors, promoting safety and justice.'),
                ('Child Protection & Safeguarding', 'Ensuring child safety through awareness, reporting, and interventions.'),
                ('Youth & Women Empowerment', 'Programmes to build confidence, skills, and economic independence.'),
                ('Family & Marriage Counselling', 'Strengthening relationships and resolving conflicts within families.'),
                ('Workplace Mental Health', 'Corporate counselling contracts and employee wellness programmes.'),
                ('School Wellness Programs', 'Mental health awareness and support in schools and institutions.'),
                ('Teacher & Social Worker Training', 'Building capacity in psychological support for educators.'),
                ('PSEA & Safeguarding Training', 'Prevention of sexual exploitation and abuse training for organisations.'),
                ('SRHR Services', 'Access to sexual and reproductive health information and services.'),
                ('Psychological First Aid', 'Immediate psychological support during and after crisis situations.'),
                ('Community Policing Support', 'Mental health training for community policing initiatives.'),
                ('Inmates Psychosocial Support', 'Counselling at prisons including Chichiri and Domasi facilities.'),
                ('Fee-for-Service Counselling', 'Professional counselling available on a fee-for-service basis.'),
                ('Capacity Building in Counselling', 'Training in mental health counselling, GBV survivor support, and safeguarding.')
            ] %}
            {% for title, desc in areas %}
            <div class="feature-card reveal">
                <h3>{{ title }}</h3>
                <p>{{ desc }}</p>
            </div>
            {% endfor %}
        </div>
    </div>
</section>

<!-- COVERAGE — split -->
<section class="section">
    <div class="split">
        <div class="split-text container">
            <span class="section-label">Coverage</span>
            <h2>Operating Across All 28 Districts</h2>
            <p>
                Based in Lilongwe, TCCP has approval to operate in all 28 districts of Malawi,
                working across the Northern, Central, and Southern regions.
            </p>
            <p>
                We partner with District Health Offices, hospitals, Ministry of Education,
                and international networks to deliver services both face-to-face and online.
            </p>
        </div>
        <div class="split-image">
            <img src="{{ url_for('static', filename='images/about-bg.png') }}" alt="Malawi coverage">
        </div>
    </div>
</section>

<!-- STATS -->
<section class="section bg-dark">
    <div class="container">
        <div class="stats-row">
            <div class="stat-item reveal">
                <div class="stat-number">3</div>
                <div class="stat-label">Regions Covered</div>
            </div>
            <div class="stat-item reveal">
                <div class="stat-number">28</div>
                <div class="stat-label">Districts</div>
            </div>
            <div class="stat-item reveal">
                <div class="stat-number">12+</div>
                <div class="stat-label">Prison Facilities</div>
            </div>
            <div class="stat-item reveal">
                <div class="stat-number" style="font-size:2rem;">Online &amp; In-Person</div>
                <div class="stat-label">Service Delivery</div>
            </div>
        </div>
    </div>
</section>

<section class="cta-section">
    <div class="container reveal">
        <h2>Need Our Services?</h2>
        <p>Reach out for counselling support, training, or partnership enquiries.</p>
        <a href="{{ url_for('contact') }}" class="btn">Contact Us</a>
    </div>
</section>
{% endblock %}
