

<?php $attributes ??= new \Illuminate\View\ComponentAttributeBag;

$__newAttributes = [];
$__propNames = \Illuminate\View\ComponentAttributeBag::extractPropNames((['whatWeDoImages' => []]));

foreach ($attributes->all() as $__key => $__value) {
    if (in_array($__key, $__propNames)) {
        $$__key = $$__key ?? $__value;
    } else {
        $__newAttributes[$__key] = $__value;
    }
}

$attributes = new \Illuminate\View\ComponentAttributeBag($__newAttributes);

unset($__propNames);
unset($__newAttributes);

foreach (array_filter((['whatWeDoImages' => []]), 'is_string', ARRAY_FILTER_USE_KEY) as $__key => $__value) {
    $$__key = $$__key ?? $__value;
}

$__defined_vars = get_defined_vars();

foreach ($attributes->all() as $__key => $__value) {
    if (array_key_exists($__key, $__defined_vars)) unset($$__key);
}

unset($__defined_vars, $__key, $__value); ?>

<?php
// ----------------------------------------------------------------
// Activities array — slot key (1–9) maps to canonical card data.
// theme_color and link_color cycle red/blue/green per design doc.
// Requirements: 3.7, 5.2
// ----------------------------------------------------------------
$activities = [
    [
        'slot'        => 1,
        'title'       => 'Annual Conferences',
        'description' => 'Prepare and organize annual conferences and meetings that unite digital health professionals across South Sudan.',
        'link'        => '/pages/annual-conferences',
        'theme_color' => 'bg-red-600',
        'link_color'  => 'text-red-600',
    ],
    [
        'slot'        => 2,
        'title'       => 'National & International Programs',
        'description' => 'Coordinate national and international programs that advance digital health adoption and best practices.',
        'link'        => '/pages/national-international-programs',
        'theme_color' => 'bg-blue-700',
        'link_color'  => 'text-blue-700',
    ],
    [
        'slot'        => 3,
        'title'       => 'Governing Board & Membership',
        'description' => 'Formation of a governing board and active membership recruitment to strengthen organizational leadership.',
        'link'        => '/pages/governing-board-membership',
        'theme_color' => 'bg-green-700',
        'link_color'  => 'text-green-700',
    ],
    [
        'slot'        => 4,
        'title'       => 'Workshops & Seminars',
        'description' => 'Organizing workshops, seminars, and conferences on digital health topics for practitioners and stakeholders.',
        'link'        => '/pages/workshops-seminars',
        'theme_color' => 'bg-red-600',
        'link_color'  => 'text-red-600',
    ],
    [
        'slot'        => 5,
        'title'       => 'Guidelines & Standards',
        'description' => 'Developing national guidelines and standards for digital health practices, and regulating digital solution providers in South Sudan.',
        'link'        => '/pages/guidelines-standards',
        'theme_color' => 'bg-blue-700',
        'link_color'  => 'text-blue-700',
    ],
    [
        'slot'        => 6,
        'title'       => 'International Partnerships',
        'description' => 'Establishing partnerships with international and regional digital health bodies to amplify our impact.',
        'link'        => '/pages/international-partnerships',
        'theme_color' => 'bg-green-700',
        'link_color'  => 'text-green-700',
    ],
    [
        'slot'        => 7,
        'title'       => 'Capacity Building',
        'description' => 'Implementing capacity-building programs and certification courses to grow a skilled digital health workforce.',
        'link'        => '/pages/capacity-building',
        'theme_color' => 'bg-red-600',
        'link_color'  => 'text-red-600',
    ],
    [
        'slot'        => 8,
        'title'       => 'Policy Advocacy',
        'description' => 'Advocacy for supportive digital health policies and sustainable funding at national and regional levels.',
        'link'        => '/pages/policy-advocacy',
        'theme_color' => 'bg-blue-700',
        'link_color'  => 'text-blue-700',
    ],
    [
        'slot'        => 9,
        'title'       => 'Fundraising',
        'description' => "Conducting fundraising activities for the Organization's proposed projects and strategic investments.",
        'link'        => '/pages/fundraising',
        'theme_color' => 'bg-green-700',
        'link_color'  => 'text-green-700',
    ],
];

// ----------------------------------------------------------------
// Hardcoded default Unsplash images per slot.
// Requirements: 5.1, 5.2, 5.4
// ----------------------------------------------------------------
$defaultImages = [
    1 => 'https://images.unsplash.com/photo-1540575467063-178a50c2df87?w=800&q=80',
    2 => 'https://images.unsplash.com/photo-1521791136064-7986c2920216?w=800&q=80',
    3 => 'https://images.unsplash.com/photo-1556761175-5973dc0f32e7?w=800&q=80',
    4 => 'https://images.unsplash.com/photo-1524178232363-1fb2b075b655?w=800&q=80',
    5 => 'https://images.unsplash.com/photo-1450101499163-c8848c66ca85?w=800&q=80',
    6 => 'https://images.unsplash.com/photo-1529156069898-49953e39b3ac?w=800&q=80',
    7 => 'https://images.unsplash.com/photo-1522202176988-66273c2fd55f?w=800&q=80',
    8 => 'https://images.unsplash.com/photo-1551836022-d5d88e9218df?w=800&q=80',
    9 => 'https://images.unsplash.com/photo-1532629345422-7515f3d16bb6?w=800&q=80',
];

$row1 = array_slice($activities, 0, 3); // slots 1–3 (overlap hero)
$row2 = array_slice($activities, 3, 6); // slots 4–9 (normal flow)
?>


<section id="what-we-do" class="relative text-center pb-48 md:pb-56 overflow-hidden" style="margin-top: 0; background-color: #1a4731;">

    
    <div class="absolute inset-0 opacity-10"
         style="background-image: radial-gradient(circle, #ffffff 1px, transparent 1px); background-size: 24px 24px;">
    </div>

    <div class="relative z-10 max-w-3xl mx-auto px-6 pt-14 md:pt-16">

        
        <p class="text-red-400 text-sm font-semibold tracking-widest uppercase mb-2">
            Our Mission in Action
        </p>

        
        <h2 class="text-4xl md:text-5xl font-extrabold text-white leading-tight mb-6">
            What We
            <em class="not-italic font-extrabold text-green-400"
                style="font-family: Georgia, serif; font-style: italic;">DO</em>
        </h2>

        
        <p class="text-white/75 text-base md:text-lg leading-relaxed max-w-5xl mx-auto">
            SSHIA drives digital health transformation in South Sudan through conferences,
            capacity building, policy advocacy, and international partnerships. We unite health
            informatics professionals, develop national standards, and champion sustainable
            digital health solutions that strengthen healthcare delivery and improve lives across
            the nation.
        </p>

    </div>
</section>


<div class="relative z-10 -mt-36 md:-mt-40 px-4 max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-6">
    <?php $__currentLoopData = $row1; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $card): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <?php
            $slot   = $card['slot'];
            $imgSrc = isset($whatWeDoImages[$slot]) && $whatWeDoImages[$slot]
                        ? asset('storage/' . $whatWeDoImages[$slot])
                        : $defaultImages[$slot];
        ?>

        
        <div class="bg-white rounded-2xl shadow-lg overflow-hidden flex flex-col">

            
            <div class="relative overflow-hidden">
                <img src="<?php echo e($imgSrc); ?>"
                     alt="<?php echo e($card['title']); ?>"
                     class="w-full h-48 object-cover">
            </div>

            
            <div class="px-4 py-3 text-white text-center <?php echo e($card['theme_color']); ?>">
                <h3 class="text-base font-bold leading-snug"><?php echo e($card['title']); ?></h3>
            </div>

            
            <div class="px-5 pt-4 pb-6 flex flex-col flex-1 text-center">
                <p class="text-slate-500 text-sm leading-relaxed flex-1"><?php echo e($card['description']); ?></p>
                <a href="<?php echo e($card['link']); ?>"
                   class="mt-4 inline-block text-sm font-semibold <?php echo e($card['link_color']); ?> hover:underline">
                    Learn More →
                </a>
            </div>

        </div>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>


<div class="mt-6 px-4 max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-6 pb-16">
    <?php $__currentLoopData = $row2; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $card): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
        <?php
            $slot   = $card['slot'];
            $imgSrc = isset($whatWeDoImages[$slot]) && $whatWeDoImages[$slot]
                        ? asset('storage/' . $whatWeDoImages[$slot])
                        : $defaultImages[$slot];
        ?>

        <div class="bg-white rounded-2xl shadow-lg overflow-hidden flex flex-col">

            <div class="relative overflow-hidden">
                <img src="<?php echo e($imgSrc); ?>"
                     alt="<?php echo e($card['title']); ?>"
                     class="w-full h-48 object-cover">
            </div>

            
            <div class="px-4 py-3 text-white text-center <?php echo e($card['theme_color']); ?>">
                <h3 class="text-base font-bold leading-snug"><?php echo e($card['title']); ?></h3>
            </div>

            <div class="px-5 pt-4 pb-6 flex flex-col flex-1 text-center">
                <p class="text-slate-500 text-sm leading-relaxed flex-1"><?php echo e($card['description']); ?></p>
                <a href="<?php echo e($card['link']); ?>"
                   class="mt-4 inline-block text-sm font-semibold <?php echo e($card['link_color']); ?> hover:underline">
                    Learn More →
                </a>
            </div>

        </div>
    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div><?php /**PATH /home/www/sshia.org/sshia/resources/views/components/home/what-we-do.blade.php ENDPATH**/ ?>