@extends('frontend::layouts.master')
@section('title')

@section('style')

@endsection

@section('content')

    <main>
        <div class="blog-highlight-banner" style="background-image:url({{ Module::asset('frontend:img/17234e.svg') }})">
            <div class="flex items-center">
                <div class="container text-center">
                    <p class="th-5 text-white fs-22 xs:fs-28 md:fs-32 leading-6 md:leading-8">Products</p>
                </div>
            </div>
        </div>
        <div class="">
            <div class="flex flex-wrap relative">
                <div class="w-full">
                    <div class="flex relative z-0 flex-wrap">
                        @for ($x = 1; $x < 4; $x++)
                            @for ($i = 1; $i < 5; $i++)
                                <div class="w-full tn:w-1/2 md:w-1/3 xl:w-1/4">
                                    <div class="show-pan-siz insiz">
                                        <img src="{{ Module::asset('frontend:img/ser'.$i.'.jpg') }}" />
                                        <div class="serv-cont z-10 p-6 max-w-[320px]">
                                            <p class="th-5 text-white uppercase leading-6 lg:leading-7 fs-22 tn:fs-18 xs:fs-22 md:fs-18 lg:fs-22">Lorem ipsum adipirem ipsum adipi elit.</p>
                                        </div>
                                        <div class="bd-bk"></div>
                                        <div class="pan-more">
                                            <div class="py-6 mx-auto">
                                                <button class="butn-loadm2 butn-w-2h full-url">SEE DETAIL
                                                    <a href="{{ url('product-detail') }}"></a>
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            @endfor
                        @endfor

                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection

@section('script')


@endsection