@extends('front.layout.app')
@section('content')
    <div class="mouse-cursor cursor-outer"></div>
    <div class="mouse-cursor cursor-inner"></div>

    <!-- Begin: Main Slider -->
    <div class="innerBan">
        <img src="images/innerbnr1.png" class="w-100" alt="">
        <div class="overlay">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-md-12">
                        <h2>Resin work </h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->

    <section class="shopMain shopinnr resinsec">
        <div class="container">
            <div class="tophead">

                <h2 class="heading text-center">Resin work </h2>
            </div>
            <div class="row">
                @forelse($products as $val)
                    <div class="col-md-4">
                        <a href="#" class="woodbox">
                            <figure><img src="{{$val->image}}" class="img-fluid" alt="img"></figure>
                            <div class="shopContent">
                                <h5>{{ $val->name }}</h5>

                            </div>
                        </a>
                    </div>
                @empty
                    <p>Resin are empty!</p>
                @endforelse

            </div>
        </div>
    </section>

    @include('front.layout.contact-form')

@endsection