@php
    $team = getContent('team.content', true);
    $elements = getContent('team.element');
@endphp

<section class="team-section pt-120 pb-120">
    <div class="container">
        <div class="section__header section__header__center">
            <span class="section__cate">@lang('Team')</span>
            <h3 class="section__title">{{ __(@$team->data_values->heading) }}</h3>
            <p>
                {{ __(@$team->data_values->sub_heading) }}
            </p>
        </div>
        <div class="row g-4 justify-content-center">

            @foreach ($elements as $element)
                <div class="col-xl-4 col-md-6">
                    <div class="team__item">
                        <div class="team__thumb">
                            <img src="{{ getImage('assets/images/frontend/team/' . $element->data_values->image, '250x250') }}" alt="team">
                        </div>
                        <div class="team__content">
                            <h6 class="team__title">{{ __($element->data_values->name) }}</h6>
                            <span class="info">{{ __($element->data_values->designation) }}</span>
                            <ul class="team__social">
                                <li>
                                    <a href="#0"><i class="fas fa-users"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            @endforeach

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