@extends('users.layouts.index')
@section('page_content')




<link href="{{ asset('css/shop.css') }}" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<section id="shop">
    <div class="jumbotron jumbotron-fluid overlay-primary"
    style="background-image:url(https://nofearpetmats.com/wp-content/themes/nofear/img/hero-inner.jpg)">
        <section class="MYYcontainer">
            {{-- <div class="wave"></div> --}}
            <div class="jumbo-heading">
                {{-- <h4 class="text-center heading">FREQUENTLY ASKED QUESTIONS (FAQ’s)</h4> --}}
            </div>
          </section>
        </div>
    <div class="divider-zindex-top vv">
        <img src="https://nofearpetmats.com/wp-content/themes/nofear/img/svg/top-divider.svg" alt="">
    </div>
    <div class="banner">
        <div class="background">
            <div class="container">
                <center>
                    <div class="shop">
                        SHOPS For Mats
                    </div>
                </center>



                <center>
                    {{-- old content --}}
                    {{-- <div class="mainner">

                        <div class="redtext">
                            <p>
                                <span class="underline">Animal Pet Mats 95% more dirt,</span> dust and moisture from
                                entering your home,
                            </p>
                            <p class="keeping">
                                keeping your floors consistently spotless.
                            </p>
                        </div>
                        <div class="outerline">
                            <p>
                                Made with super absorbent cotton fibres, the machine washable
                            </p>
                            <p class="floor">
                                Animal Pet Mats stops dirt and moisture in its tracks.
                            </p>
                        </div>
                    </div> --}}
{{--  --}}

<div class="aboutContentAreaBottom" style="font-size: 21px;">

    <p>
        NoFear Pet Mats are an innovative product designed to give pets confidence and security,
         and improve their experience in your facility. Calmer pets equal easier visits and happier clients—see
          the difference for yourself. Our mats are available in a variety of colors and sizes,
        and are completely customizable. Order via our website, email us at info@nofearpetmats.com, or call 800-616-7674. 
    </p>


</div>



                </center>
            </div>
        </div>
    </div>
</section>
<section>
    <div class="ListingArea">
        <div class="container-fluid">
           <div class="row">
            @foreach($products as $p)
                <div class="col-sm-3">
                    <div class="productBox">
                        <a href="{{asset('user/product?prod_id='. $p->id)}}">
                        <div class="ImgBox">
                            <img src="{{ $p->image }}" class="img-responsive" style="max-width: 274px";>
                        </div>
                        <div class="productName">
                            {!! $p->name!!}
                        </div>
                        <div class="productPrice">
                            $  {!! $p->price!!}
                        </div>
                        <a href="{{asset('user/product?prod_id='. $p->id)}}" class="btn btn-primary btnProduct">
                            Select </a>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </div>
</section>