<section id="faq">
    <div class="grid-row">
        <h1>{{$page->translation->name}}</h1>

        <div class="list">
            @foreach($faq as $key => $item)
                <article class="faq-item" data-faq="{{$key}}">
                    <div class="header">
                        <h2>
                            {{ $item->translation->name }}
                        </h2>
                        <span class="arrow">
                            @include('svg.arrow')
                        </span>
                    </div>

                    <div class="answer">
                        <div class="content">
                            {{ $item->translation->description }}
                        </div>
                    </div>

                </article>
            @endforeach
        </div>
    </div>
</section>

<script src="/js/faq.js" async></script>