<section class="faq-home">
    <div class="header">
        {{-- Default header --}}
            <span>
                @include('layouts.partials.landingspage.info_icon_svg')
            </span>
            <h2>{{KommaLang::get('homeFaqHeader')}}</h2>
    </div>


    <div class="content">

        {{-- FAQ items list --}}
        <ul>
            @foreach($faq as $key => $item)
                <li data-faq="{{$key}}" @if($key == 0) class="active" @endif >
                    <div class="faq-question">
                        <span></span>
                        <p>{{$item->translation->name}}</p>
                    </div>
                    <article data-faq="{{$key}}" class="faq-item__mobile  @if($key == 0) active @endif">
                        {{$item->translation->description}}
                    </article>
                </li>

            @endforeach
        </ul>

        {{-- FAQ item content --}}
        @foreach($faq as $key => $item)
            <article data-faq="{{$key}}" class="faq-item  @if($key == 0) active @endif ">
                {{$item->translation->description}}
            </article>
        @endforeach

    </div>
</section>