@extends('frontend.layouts.app')
@section('title', 'Shop')
@section('content')
    <!-- ============================ header area ============================ -->
    @include('frontend.includes.headers.headerOne')
    <!-- ============================ header area end ============================ -->

    <!-- ==== banner section start ==== -->
    <section class="common-banner">
        <div class="container">
            <div class="row">
                <div class="common-banner__content text-center">
                    <span class="sub-title"><i class="icon-donation"></i>Start donating poor people</span>
                    <h2 class="title-animation">Our Shop</h2>
                </div>
            </div>
        </div>
        <div class="banner-bg">
            <img src="{{ asset('assets/images/banner/banner-bg.png') }}" alt="Image">
        </div>
        <div class="shape">
            <img src="{{ asset('assets/images/shape.png') }}" alt="Image">
        </div>
        <div class="sprade" data-aos="zoom-in" data-aos-duration="1000">
            <img src="{{ asset('assets/images/sprade-base.png') }}" alt="Image" class="base-img">
        </div>
    </section>
    <!-- ==== / banner section end ==== -->
    <!-- ==== shop section start ==== -->
    <section class="shop">
        <div class="container">
            <div class="row gutter-40">
                <div class="col-12 col-xl-3">
                    <div class="shop__sidebar">
                        <div class="shop-sidebar-widget" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="100">
                            <div class="intro">
                                <h5>search here</h5>
                            </div>
                            <form action="#" method="post">
                                @csrf
                                <input type="text" name="search-product" id="searchProduct" placeholder="Search Here..."
                                    required>
                                <button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button>
                            </form>
                        </div>
                        <div class="shop-sidebar-widget" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="100">
                            <div class="intro">
                                <h5>Categories</h5>
                            </div>
                            <div class="sidebar-list">
                                <ul>
                                    <li><a href="{{ route('shop') }}"><i class="fa-solid fa-angle-right"></i>Brochures</a></li>
                                    <li><a href="{{ route('shop') }}"><i class="fa-solid fa-angle-right"></i>Business Cards</a></li>
                                    <li><a href="{{ route('shop') }}"><i class="fa-solid fa-angle-right"></i>Calendars printing</a>
                                    </li>
                                    <li><a href="{{ route('shop') }}"><i class="fa-solid fa-angle-right"></i>Design Online</a></li>
                                    <li><a href="{{ route('shop') }}"><i class="fa-solid fa-angle-right"></i>Flyers Design</a></li>
                                    <li><a href="{{ route('shop') }}"><i class="fa-solid fa-angle-right"></i>Folded Leaflets</a></li>
                                    <li><a href="{{ route('shop') }}"><i class="fa-solid fa-angle-right"></i>t-shirt printing</a></li>
                                    <li><a href="{{ route('shop') }}"><i class="fa-solid fa-angle-right"></i>Gift item printing</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                        <div class="shop-sidebar-widget" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="100">
                            <div class="intro">
                                <h5>Filter By Price</h5>
                            </div>
                            <div class="filter-wrapper">
                                <div class="price-slide">
                                    <input class="range__slider" type="range" name="price__range" id="priceRange"
                                        max="200" min="1" value="100">
                                </div>
                                <div class="filter-cta">
                                    <p>$0 - $200</p>
                                    <button class="btn--primary" aria-label="filter" title="filter">Filter</button>
                                </div>
                            </div>
                        </div>
                        <div class="shop-sidebar-widget" data-aos="fade-up" data-aos-duration="1000" data-aos-delay="100">
                            <div class="intro">
                                <h5>Select By Size</h5>
                            </div>
                            <div class="size-wrapper">
                                <div class="radio-single">
                                    <input type="radio" id="sizeOne" name="donation-payment" checked>
                                    <label for="sizeOne">36"x80" (8)</label>
                                </div>
                                <div class="radio-single">
                                    <input type="radio" id="sizeTwo" name="donation-payment">
                                    <label for="sizeTwo">36"x96" (60)</label>
                                </div>
                                <div class="radio-single">
                                    <input type="radio" id="sizeThree" name="donation-payment">
                                    <label for="sizeThree">72"x80" (7)</label>
                                </div>
                                <div class="radio-single">
                                    <input type="radio" id="sizeFour" name="donation-payment">
                                    <label for="sizeFour">72"x96" (21)</label>
                                </div>
                            </div>
                        </div>
                        <div class="shop-sidebar-widget" data-aos="fade-up" data-aos-duration="1000"
                            data-aos-delay="100">
                            <div class="intro">
                                <h5>Filter By Ratings</h5>
                            </div>
                            <div class="review-wrapper size-wrapper">
                                <div class="radio-single">
                                    <input type="radio" id="reviewOne" name="donation-payment" checked>
                                    <label for="reviewOne">
                                        <span class="review">
                                            <i class="icon-star checked"></i>
                                            <i class="icon-star checked"></i>
                                            <i class="icon-star checked"></i>
                                            <i class="icon-star checked"></i>
                                            <i class="icon-star checked"></i>
                                        </span>
                                        (5 Star)
                                    </label>
                                </div>
                                <div class="radio-single">
                                    <input type="radio" id="reviewTwo" name="donation-payment">
                                    <label for="reviewTwo"><span class="review">
                                            <i class="icon-star checked"></i>
                                            <i class="icon-star checked"></i>
                                            <i class="icon-star checked"></i>
                                            <i class="icon-star checked"></i>
                                            <i class="icon-star"></i>
                                        </span>
                                        (4 Star)</label>
                                </div>
                                <div class="radio-single">
                                    <input type="radio" id="reviewThree" name="donation-payment">
                                    <label for="reviewThree"><span class="review">
                                            <i class="icon-star checked"></i>
                                            <i class="icon-star checked"></i>
                                            <i class="icon-star checked"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </span>
                                        (3 Star)</label>
                                </div>
                                <div class="radio-single">
                                    <input type="radio" id="reviewFour" name="donation-payment">
                                    <label for="reviewFour"><span class="review">
                                            <i class="icon-star checked"></i>
                                            <i class="icon-star checked"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </span>
                                        (2 Star)</label>
                                </div>
                                <div class="radio-single">
                                    <input type="radio" id="reviewFive" name="donation-payment">
                                    <label for="reviewFive"><span class="review">
                                            <i class="icon-star checked"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </span>
                                        (1 Star)</label>
                                </div>
                            </div>
                        </div>
                        <div class="shop-sidebar-widget" data-aos="fade-up" data-aos-duration="1000"
                            data-aos-delay="100">
                            <div class="intro">
                                <h5>Popular Tags</h5>
                            </div>
                            <div class="tag-wrapper">
                                <a href="{{ route('shop') }}">t-shirt</a>
                                <a href="{{ route('shop') }}">Banner Design</a>
                                <a href="{{ route('shop') }}">Brochures</a>
                                <a href="{{ route('shop') }}">Landing</a>
                                <a href="{{ route('shop') }}">Print</a>
                                <a href="{{ route('shop') }}">Business Card</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-xl-9">
                    <div class="shop__content">
                        <div class="shop__content-intro">
                            <div class="shop-intro__left">
                                <p>Showing <strong>12</strong> of 21 Results</p>
                            </div>
                            <div class="shop-intro__right">
                                <div class="shop-right-single">
                                    <p>Sort By:</p>
                                </div>
                                <div class="shop-right-single">
                                    <button aria-label="sort by time" title="sort by time">
                                        <i class="fa-solid fa-arrow-right-arrow-left"></i>
                                    </button>
                                    <select name="price" class="price-select select">
                                        <option value="high">High</option>
                                        <option value="low">Low</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="row gutter-30">
                            <div class="col-12 col-sm-6 col-lg-4">
                                <div class="shop__single" data-aos="fade-up" data-aos-duration="1000">
                                    <div class="shop__single-thumb">
                                        <a href="{{ route('product.details') }}">
                                            <img src="{{ asset('assets/images/shop/one.png') }}" alt="Image">
                                        </a>
                                        <div class="shop-thumb">
                                            <a href="{{ route('product.details') }}"><i class="fa-regular fa-eye"></i></a>
                                            <a href="{{ route('cart') }}"><i class="icon-heart"></i></a>
                                            <a href="{{ route('checkout') }}"><i class="fa-solid fa-arrow-right-arrow-left"></i></a>
                                        </div>
                                        <a href="{{ route('product.details') }}" class="btn--primary" aria-label="add to cart"
                                            title="add to cart">Add To Cart</a>
                                    </div>
                                    <div class="shop__single-content">
                                        <div class="review">
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </div>
                                        <p><a href="{{ route('product.details') }}">Smart wireless headphone</a></p>
                                        <p>$112.00</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-lg-4">
                                <div class="shop__single" data-aos="fade-up" data-aos-duration="1000"
                                    data-aos-delay="100">
                                    <div class="shop__single-thumb">
                                        <a href="{{ route('product.details') }}">
                                            <img src="{{ asset('assets/images/shop/two.png') }}" alt="Image">
                                        </a>
                                        <div class="shop-thumb">
                                            <a href="{{ route('product.details') }}"><i class="fa-regular fa-eye"></i></a>
                                            <a href="{{ route('cart') }}"><i class="icon-heart"></i></a>
                                            <a href="{{ route('checkout') }}"><i class="fa-solid fa-arrow-right-arrow-left"></i></a>
                                        </div>
                                        <a href="{{ route('product.details') }}" class="btn--primary" aria-label="add to cart"
                                            title="add to cart">Add To Cart</a>
                                    </div>
                                    <div class="shop__single-content">
                                        <div class="review">
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </div>
                                        <p><a href="{{ route('product.details') }}">Go pro hero camera</a></p>
                                        <p>$160.00</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-lg-4">
                                <div class="shop__single" data-aos="fade-up" data-aos-duration="1000"
                                    data-aos-delay="200">
                                    <div class="shop__single-thumb">
                                        <a href="{{ route('product.details') }}">
                                            <img src="{{ asset('assets/images/shop/four.png') }}" alt="Image">
                                        </a>
                                        <div class="shop-thumb">
                                            <a href="{{ route('product.details') }}"><i class="fa-regular fa-eye"></i></a>
                                            <a href="{{ route('cart') }}"><i class="icon-heart"></i></a>
                                            <a href="{{ route('checkout') }}"><i class="fa-solid fa-arrow-right-arrow-left"></i></a>
                                        </div>
                                        <a href="{{ route('product.details') }}" class="btn--primary" aria-label="add to cart"
                                            title="add to cart">Add To Cart</a>
                                    </div>
                                    <div class="shop__single-content">
                                        <div class="review">
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </div>
                                        <p><a href="{{ route('product.details') }}">Colorful apple Ipad</a></p>
                                        <p>$178.00</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-lg-4">
                                <div class="shop__single" data-aos="fade-up" data-aos-duration="1000">
                                    <div class="shop__single-thumb">
                                        <a href="{{ route('product.details') }}">
                                            <img src="{{ asset('assets/images/shop/four.png') }}" alt="Image">
                                        </a>
                                        <div class="shop-thumb">
                                            <a href="{{ route('product.details') }}"><i class="fa-regular fa-eye"></i></a>
                                            <a href="{{ route('cart') }}"><i class="icon-heart"></i></a>
                                            <a href="{{ route('checkout') }}"><i class="fa-solid fa-arrow-right-arrow-left"></i></a>
                                        </div>
                                        <a href="{{ route('product.details') }}" class="btn--primary" aria-label="add to cart"
                                            title="add to cart">Add To Cart</a>
                                    </div>
                                    <div class="shop__single-content">
                                        <div class="review">
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </div>
                                        <p><a href="{{ route('product.details') }}">Humidifiler white grow</a></p>
                                        <p>$190.00</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-lg-4">
                                <div class="shop__single" data-aos="fade-up" data-aos-duration="1000"
                                    data-aos-delay="100">
                                    <div class="shop__single-thumb">
                                        <a href="{{ route('product.details') }}">
                                            <img src="{{ asset('assets/images/shop/five.png') }}" alt="Image">
                                        </a>
                                        <div class="shop-thumb">
                                            <a href="{{ route('product.details') }}"><i class="fa-regular fa-eye"></i></a>
                                            <a href="{{ route('cart') }}"><i class="icon-heart"></i></a>
                                            <a href="{{ route('checkout') }}"><i class="fa-solid fa-arrow-right-arrow-left"></i></a>
                                        </div>
                                        <a href="{{ route('product.details') }}" class="btn--primary" aria-label="add to cart"
                                            title="add to cart">Add To Cart</a>
                                    </div>
                                    <div class="shop__single-content">
                                        <div class="review">
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </div>
                                        <p><a href="{{ route('product.details') }}">Apple Iphone 16 promax</a></p>
                                        <p>$160.00</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-lg-4">
                                <div class="shop__single" data-aos="fade-up" data-aos-duration="1000"
                                    data-aos-delay="200">
                                    <div class="shop__single-thumb">
                                        <a href="{{ route('product.details') }}">
                                            <img src="{{ asset('assets/images/shop/six.png') }}" alt="Image">
                                        </a>
                                        <div class="shop-thumb">
                                            <a href="{{ route('product.details') }}"><i class="fa-regular fa-eye"></i></a>
                                            <a href="{{ route('cart') }}"><i class="icon-heart"></i></a>
                                            <a href="{{ route('checkout') }}"><i class="fa-solid fa-arrow-right-arrow-left"></i></a>
                                        </div>
                                        <a href="{{ route('product.details') }}" class="btn--primary" aria-label="add to cart"
                                            title="add to cart">Add To Cart</a>
                                    </div>
                                    <div class="shop__single-content">
                                        <div class="review">
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </div>
                                        <p><a href="{{ route('product.details') }}">Instax pro camera hero</a></p>
                                        <p>$178.00</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-lg-4">
                                <div class="shop__single" data-aos="fade-up" data-aos-duration="1000">
                                    <div class="shop__single-thumb">
                                        <a href="{{ route('product.details') }}">
                                            <img src="{{ asset('assets/images/shop/seven.png') }}" alt="Image">
                                        </a>
                                        <div class="shop-thumb">
                                            <a href="{{ route('product.details') }}"><i class="fa-regular fa-eye"></i></a>
                                            <a href="{{ route('cart') }}"><i class="icon-heart"></i></a>
                                            <a href="{{ route('checkout') }}"><i class="fa-solid fa-arrow-right-arrow-left"></i></a>
                                        </div>
                                        <a href="{{ route('product.details') }}" class="btn--primary" aria-label="add to cart"
                                            title="add to cart">Add To Cart</a>
                                    </div>
                                    <div class="shop__single-content">
                                        <div class="review">
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </div>
                                        <p><a href="{{ route('product.details') }}">VISION RAC Micro Oven</a></p>
                                        <p>$162.00</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-lg-4">
                                <div class="shop__single" data-aos="fade-up" data-aos-duration="1000"
                                    data-aos-delay="100">
                                    <div class="shop__single-thumb">
                                        <a href="{{ route('product.details') }}">
                                            <img src="{{ asset('assets/images/shop/eight.png') }}" alt="Image">
                                        </a>
                                        <div class="shop-thumb">
                                            <a href="{{ route('product.details') }}"><i class="fa-regular fa-eye"></i></a>
                                            <a href="{{ route('cart') }}"><i class="icon-heart"></i></a>
                                            <a href="{{ route('checkout') }}"><i class="fa-solid fa-arrow-right-arrow-left"></i></a>
                                        </div>
                                        <a href="{{ route('product.details') }}" class="btn--primary" aria-label="add to cart"
                                            title="add to cart">Add To Cart</a>
                                    </div>
                                    <div class="shop__single-content">
                                        <div class="review">
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </div>
                                        <p><a href="{{ route('product.details') }}">Logitech Mouse Havit</a></p>
                                        <p>$260.00</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-lg-4">
                                <div class="shop__single" data-aos="fade-up" data-aos-duration="1000"
                                    data-aos-delay="200">
                                    <div class="shop__single-thumb">
                                        <a href="{{ route('product.details') }}">
                                            <img src="{{ asset('assets/images/shop/nine.png') }}" alt="Image">
                                        </a>
                                        <div class="shop-thumb">
                                            <a href="{{ route('product.details') }}"><i class="fa-regular fa-eye"></i></a>
                                            <a href="{{ route('cart') }}"><i class="icon-heart"></i></a>
                                            <a href="{{ route('checkout') }}"><i class="fa-solid fa-arrow-right-arrow-left"></i></a>
                                        </div>
                                        <a href="{{ route('product.details') }}" class="btn--primary" aria-label="add to cart"
                                            title="add to cart">Add To Cart</a>
                                    </div>
                                    <div class="shop__single-content">
                                        <div class="review">
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </div>
                                        <p><a href="{{ route('product.details') }}">Macbook m1 cheap pro</a></p>
                                        <p>$178.00</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-lg-4">
                                <div class="shop__single" data-aos="fade-up" data-aos-duration="1000">
                                    <div class="shop__single-thumb">
                                        <a href="{{ route('product.details') }}">
                                            <img src="{{ asset('assets/images/shop/one.png') }}" alt="Image">
                                        </a>
                                        <div class="shop-thumb">
                                            <a href="{{ route('product.details') }}"><i class="fa-regular fa-eye"></i></a>
                                            <a href="{{ route('cart') }}"><i class="icon-heart"></i></a>
                                            <a href="{{ route('checkout') }}"><i class="fa-solid fa-arrow-right-arrow-left"></i></a>
                                        </div>
                                        <a href="{{ route('product.details') }}" class="btn--primary" aria-label="add to cart"
                                            title="add to cart">Add To Cart</a>
                                    </div>
                                    <div class="shop__single-content">
                                        <div class="review">
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </div>
                                        <p><a href="{{ route('product.details') }}">Smart wireless headphone</a></p>
                                        <p>$112.00</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-lg-4">
                                <div class="shop__single" data-aos="fade-up" data-aos-duration="1000"
                                    data-aos-delay="100">
                                    <div class="shop__single-thumb">
                                        <a href="{{ route('product.details') }}">
                                            <img src="{{ asset('assets/images/shop/two.png') }}" alt="Image">
                                        </a>
                                        <div class="shop-thumb">
                                            <a href="{{ route('product.details') }}"><i class="fa-regular fa-eye"></i></a>
                                            <a href="{{ route('cart') }}"><i class="icon-heart"></i></a>
                                            <a href="{{ route('checkout') }}"><i class="fa-solid fa-arrow-right-arrow-left"></i></a>
                                        </div>
                                        <a href="{{ route('product.details') }}" class="btn--primary" aria-label="add to cart"
                                            title="add to cart">Add To Cart</a>
                                    </div>
                                    <div class="shop__single-content">
                                        <div class="review">
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </div>
                                        <p><a href="{{ route('product.details') }}">Go pro hero camera</a></p>
                                        <p>$160.00</p>
                                    </div>
                                </div>
                            </div>
                            <div class="col-12 col-sm-6 col-lg-4">
                                <div class="shop__single" data-aos="fade-up" data-aos-duration="1000"
                                    data-aos-delay="200">
                                    <div class="shop__single-thumb">
                                        <a href="{{ route('product.details') }}">
                                            <img src="{{ asset('assets/images/shop/four.png') }}" alt="Image">
                                        </a>
                                        <div class="shop-thumb">
                                            <a href="{{ route('product.details') }}"><i class="fa-regular fa-eye"></i></a>
                                            <a href="{{ route('cart') }}"><i class="icon-heart"></i></a>
                                            <a href="{{ route('checkout') }}"><i class="fa-solid fa-arrow-right-arrow-left"></i></a>
                                        </div>
                                        <a href="{{ route('product.details') }}" class="btn--primary" aria-label="add to cart"
                                            title="add to cart">Add To Cart</a>
                                    </div>
                                    <div class="shop__single-content">
                                        <div class="review">
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                            <i class="icon-star"></i>
                                        </div>
                                        <p><a href="{{ route('product.details') }}">Colorful apple Ipad</a></p>
                                        <p>$178.00</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-12">
                                <div class="pagination-wrapper" data-aos="fade-up" data-aos-duration="1000">
                                    <ul class="pagination main-pagination">
                                        <li>
                                            <button>
                                                <i class="fa-solid fa-angles-left"></i>
                                            </button>
                                        </li>
                                        <li>
                                            <a href="{{ route('blog') }}">1</a>
                                        </li>
                                        <li>
                                            <a href="{{ route('blog') }}" class="active">2</a>
                                        </li>
                                        <li>
                                            <a href="{{ route('blog') }}">3</a>
                                        </li>
                                        <li>
                                            <button>
                                                <i class="fa-solid fa-angles-right"></i>
                                            </button>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ==== / shop section end ==== -->

    <!-- ========================== footer area ============================ -->
    @include('frontend.includes.footers.footerOne')
    <!-- ========================== footer area end ============================ -->
@endsection