@props(['data'])


<div class="products-section bg-white products-section2 products-section3">
    <div class="products-carousel owl-carousel owl-theme products-carousel3">
        @foreach ($data as $item)
            <div class="product-block">
                <div class="inner-box">
                    <div class="color-layer color-layer2"></div>
                    <div class="image-box">
                        <div>
                            <a href="javascript:void(0)">
                                <img src="{{ Storage::url($item['image']) }}" alt="Product image"/>
                            </a>
                        </div>
                    </div>
                    <div class="lower-box m-0">
                        <p class="text-dark text-break">
                            {{ translate_data($item['title']) }}
                        </p>
                    </div>
                </div>
            </div>
        @endforeach

    </div>
</div>