@extends('front.layouts.master')

@section('content')
<main class="main">

    <div class="car-category py-120">
        <div class="container">
            <div class="row position-relative">
                <div class="col-lg-6 mx-auto">
                    <div class="site-heading text-center">

                        <h2 class="site-title">your <span>Interests</span></h2>
                        <div class="heading-divider"></div>
                    </div>
                </div>

            </div>
            <div class="row">
                @foreach ($categorys as $cat)
                <div class="col-6 col-md-4 col-lg-2">

                    <a href="#" class="add-to-interstes category-item wow fadeInUp" data-cat-id="{{ $cat->id }}"
                        data-wow-delay=".25s">
                        <i class="far fa-heart"></i>
                        <div class="category-img">
                            @if ($cat->getFirstMediaUrl('brands') != null)
                            <img src="{{ $cat->getFirstMediaUrl('brands') }}" alt="brand" width="50" height="50">
                            @endif
                        </div>
                        <h5>{{ $cat->name }}</h5>
                    </a>
                </div>
                @endforeach

            </div>
            <a class="theme-btn" href="{{ route('site.index') }}">Finsh</a>
        </div>


    </div>

</main>


@endsection