{{-- Grab and display all staff from database --}}
@php
    $staffs = \App\Models\Staff::active()->get();
@endphp

<div>
    <section class="team-section container mt-4">
        <h2 class="text-center">Meet the Team</h2>
        <div class="row row-eq-height">
            @foreach ($staffs as $staff)
                <div class="col-12 col-md-4 mb-4 d-flex">
                    <div class="unique-staff-member w-100">
                        <div class="unique-profile-image-container mb-3">
                            <img src="{{ Storage::url($staff->profile_image) }}" alt="Team Member" class="unique-profile-image img-fluid">
                        </div>
                        <h3 class="unique-staff-name mt-3">{{ $staff->name }}</h3>
                        <p class="unique-staff-title text-muted">{{ $staff->title }}</p>
                        <p class="unique-staff-bio mt-3">{{ $staff->bio }}</p>
                    </div>
                </div>
            @endforeach
        </div>
    </section>
</div>