@extends("layouts.app")
@section("content")

    <div class="main-slider">
        <img class="img-fluid w-100" src="{{asset('images/innerBnnr.jpg')}}" alt="First slide">
        <div class="carousel-caption">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h1 class="text-uppercase">All Products</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- END: Main Slider -->

    <section class="productSec">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-12">
                    <h2>All Products</h2>
                </div>
                @foreach($products as $product)
                    <div class="col-md-4 text-center">
                        @include('includes.single-product')
                    </div>
                @endforeach
            </div>
        </div>
    </section>
@endsection