<?= $this->extend('App\Views\website\index') ?>
<?= $this->section('content') ?>
<section class="about-hero" style="background: linear-gradient(rgba(17, 26, 76, 0.8), rgba(17, 26, 76, 0.8)), 
url('<?= base_url(); ?>assets/images/Nalubaale-HPP-UEGCL.jpg') no-repeat;background-size: cover;background-position: top center;">
  <div class="container">
    <h2 data-aos="fade-up"><?= esc($category->name) ?></h2>
    <nav class="breadcrumb" data-aos="fade-up">
        <a href="<?= base_url(); ?>">Home</a> &raquo; <span class="ms-2"><?= esc($category->name) ?></span>
    </nav>
  </div>
</section>
<section class="team-page">
    <div class="container">
        <div class="row">
            <?php foreach($teamMembers as $member):?>
            <div class="col-lg-4 col-md-6 mb-4" data-aos="fade-up">
                <div class="hover-member-card">
                    <img src="<?= $member->photo; ?>" alt="<?= $member->title ?>" class="hover-member-image">
                    <div class="hover-member-overlay">
                        <h3 class="hover-member-name"><?= esc($member->title); ?></h3>
                        <span class="hover-member-position"><?= esc($member->position); ?></span>
                        <p class="hover-member-bio"><?= esc($member->excerpt); ?></p>
                       
                        <p class="hover-member-contact"><i class="fas fa-envelope mr-2"></i> <?= esc($member->email); ?></p>
                    </div>
                </div>
            </div>
            <?php endforeach; ?>
        </div>
    </div>
</section>



<?= $this->endSection() ?>