<section id='CategoriesFavImageLinks' class='live-setting' data-live="{{$data->area_name.'_'.$data->part}}">

    <div class="{{gfx()['container']}}">
        <h1>
            {{getSetting($data->area_name.'_'.$data->part.'_title')}}
        </h1>
        <div id="brands-slider">
            @foreach( getCategorySubCatsBySetting($data->area_name.'_'.$data->part.'_category',8) as $category )
                <div class="item">
                    <a href="{{$category->webUrl()}}">
                        <img src="{{$category->imgUrl()}}" alt="{{$category->name}}" title="{{$category->name}}" loading="lazy">
                    </a>
                </div>
            @endforeach
        </div>
        <div id="brand-nav-container">

        </div>
    </div>

</section>
