@if(isset($homeCategories) && $homeCategories->count())
        <!-- product area start -->
        <section class="product-area section-padding">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="section-title text-center">
                            <h2 class="title">{{ __('public.home.products_title') }}</h2>
                            <p class="sub-title">{{ __('public.home.products_subtitle') }}</p>
                        </div>
                    </div>
                </div>
                <div class="home-category-grid">
                    @foreach($homeCategories as $category)
                        @php
                            $title = ___($category, 'title');
                            $description = ___($category, 'description');
                            $thumb = $category->image
                                ? (str_starts_with($category->image, 'http') || str_starts_with($category->image, '/')
                                    ? $category->image
                                    : '/storage/' . ltrim($category->image, '/'))
                                : '';
                            $shopUrl = __url('/shop') . '?category=' . urlencode($category->slug ?: (string) $category->id);
                        @endphp
                        <a href="{{ $shopUrl }}" class="home-category-card">
                            <figure class="home-category-thumb">
                                @if($thumb)
                                    <img src="{{ $thumb }}" alt="{{ $title }}">
                                @endif
                            </figure>
                            <div class="home-category-body">
                                <h3 class="home-category-name">{{ $title }}</h3>
                                @if($description)
                                    <p class="home-category-desc">{{ $description }}</p>
                                @endif
                            </div>
                        </a>
                    @endforeach
                </div>
                <div class="text-center home-category-shop">
                    <a href="{{ __url('/shop') }}" class="btn btn-hero">{{ __('public.home.view_shop') }}</a>
                </div>
            </div>
        </section>
        <!-- product area end -->
        @endif