@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="{{asset('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>Wood work</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End: Main Slider -->

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

                <h2 class="heading text-center">Wood 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>Wood are empty!</p>
                @endforelse
            </div>
        </div>
    </section>
    @include('front.layout.contact-form')
@endsection