@extends('front-end.layouts.master')
@section('pageTitle', isset($pageTitle) ? $pageTitle : 'Seller Grid 2 ')
@section('content')

    <!-- Breadcrumb Section Start -->
    <section class="breadcrumb-section pt-0">
        <div class="container-fluid-lg">
            <div class="row">
                <div class="col-12">
                    <div class="breadcrumb-contain">
                        <h2>Seller Grid</h2>
                        <nav>
                            <ol class="breadcrumb mb-0">
                                <li class="breadcrumb-item">
                                    <a href="index.html">
                                        <i class="fa-solid fa-house"></i>
                                    </a>
                                </li>
                                <li class="breadcrumb-item active">Seller Grid</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Breadcrumb Section End -->

    <!-- Grid Section Start -->
    <section class="seller-grid-section">
        <div class="container-fluid-lg">
            <div class="row g-4">
                <div class="col-xxl-4 col-md-6">
                    <div class="seller-grid-box seller-grid-box-1">
                        <div class="grid-image">
                            <div class="image">
                                <img src="/assets/images/vendor-page/logo/1.png" class="img-fluid" alt="">
                            </div>

                            <div class="contain-name">
                                <div>
                                    <div class="since-number">
                                        <h6>Since 2022</h6>
                                        <div class="product-rating">
                                            <ul class="rating">
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star"></i>
                                                </li>
                                            </ul>

                                            <h6 class="theme-color ms-2">(26)</h6>
                                        </div>
                                    </div>
                                    <h3>Nature Food</h3>
                                </div>
                                <label class="product-label">380 Products</label>
                            </div>
                        </div>

                        <div class="grid-contain">
                            <div class="seller-contact-details">
                                <div class="seller-contact">
                                    <div class="seller-icon">
                                        <i class="fa-solid fa-map-pin"></i>
                                    </div>

                                    <div class="contact-detail">
                                        <h5>Address: <span> 20 Tomoka Oaks Blvd</span></h5>
                                    </div>
                                </div>

                                <div class="seller-contact">
                                    <div class="seller-icon">
                                        <i class="fa-solid fa-phone"></i>
                                    </div>

                                    <div class="contact-detail">
                                        <h5>Contact Us: <span> (386) 677-5931</span></h5>
                                    </div>
                                </div>
                            </div>

                            <div class="seller-category">
                                <button onclick="location.href = 'shop-left-sidebar.html';"
                                    class="btn btn-sm theme-bg-color text-white fw-bold">Visit Store <i
                                        class="fa-solid fa-arrow-right-long ms-2"></i></button>
                                <ul class="product-image">
                                    <li>
                                        <img src="/assets/images/vegetable/product/6.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/3.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/1.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/9.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/1.png" class="img-fluid" alt="">
                                    </li>
                                    <li>+63</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xxl-4 col-md-6">
                    <div class="seller-grid-box seller-grid-box-1">
                        <div class="grid-image">
                            <div class="image">
                                <img src="/assets/images/vendor-page/logo/2.png" class="img-fluid" alt="">
                            </div>

                            <div class="contain-name">
                                <div>
                                    <div class="since-number">
                                        <h6>Since 2022</h6>
                                        <div class="product-rating">
                                            <ul class="rating">
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star"></i>
                                                </li>
                                            </ul>

                                            <h6 class="theme-color ms-2">(26)</h6>
                                        </div>
                                    </div>
                                    <h3>Combine Food</h3>
                                </div>
                                <label class="product-label">50 Products</label>
                            </div>
                        </div>

                        <div class="grid-contain">
                            <div class="seller-contact-details">
                                <div class="seller-contact">
                                    <div class="seller-icon">
                                        <i class="fa-solid fa-map-pin"></i>
                                    </div>

                                    <div class="contact-detail">
                                        <h5>Address: <span> 4838 N Smalley Ave</span></h5>
                                    </div>
                                </div>

                                <div class="seller-contact">
                                    <div class="seller-icon">
                                        <i class="fa-solid fa-phone"></i>
                                    </div>

                                    <div class="contact-detail">
                                        <h5>Contact Us: <span> (816) 453-6955</span></h5>
                                    </div>
                                </div>
                            </div>

                            <div class="seller-category">
                                <button onclick="location.href = 'shop-left-sidebar.html';"
                                    class="btn btn-sm theme-bg-color text-white fw-bold">Visit Store <i
                                        class="fa-solid fa-arrow-right-long ms-2"></i></button>
                                <ul class="product-image">
                                    <li>
                                        <img src="/assets/images/vegetable/product/6.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/3.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/1.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/9.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/1.png" class="img-fluid" alt="">
                                    </li>
                                    <li>+63</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xxl-4 col-md-6">
                    <div class="seller-grid-box seller-grid-box-1">
                        <div class="grid-image">
                            <div class="image">
                                <img src="/assets/images/vendor-page/logo/3.png" class="img-fluid" alt="">
                            </div>

                            <div class="contain-name">
                                <div>
                                    <div class="since-number">
                                        <h6>Since 2022</h6>
                                        <div class="product-rating">
                                            <ul class="rating">
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star"></i>
                                                </li>
                                            </ul>

                                            <h6 class="theme-color ms-2">(26)</h6>
                                        </div>
                                    </div>
                                    <h3>Amara</h3>
                                </div>
                                <label class="product-label">312 Products</label>
                            </div>
                        </div>

                        <div class="grid-contain">
                            <div class="seller-contact-details">
                                <div class="seller-contact">
                                    <div class="seller-icon">
                                        <i class="fa-solid fa-map-pin"></i>
                                    </div>

                                    <div class="contact-detail">
                                        <h5>Address: <span> 3625 Metro Pkwy</span></h5>
                                    </div>
                                </div>

                                <div class="seller-contact">
                                    <div class="seller-icon">
                                        <i class="fa-solid fa-phone"></i>
                                    </div>

                                    <div class="contact-detail">
                                        <h5>Contact Us: <span> (210) 260-2517</span></h5>
                                    </div>
                                </div>
                            </div>

                            <div class="seller-category">
                                <button onclick="location.href = 'shop-left-sidebar.html';"
                                    class="btn btn-sm theme-bg-color text-white fw-bold">Visit Store <i
                                        class="fa-solid fa-arrow-right-long ms-2"></i></button>
                                <ul class="product-image">
                                    <li>
                                        <img src="/assets/images/vegetable/product/6.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/3.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/1.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/9.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/1.png" class="img-fluid" alt="">
                                    </li>
                                    <li>+63</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xxl-4 col-md-6">
                    <div class="seller-grid-box seller-grid-box-1">
                        <div class="grid-image">
                            <div class="image">
                                <img src="/assets/images/vendor-page/logo/4.png" class="img-fluid" alt="">
                            </div>

                            <div class="contain-name">
                                <div>
                                    <div class="since-number">
                                        <h6>Since 2022</h6>
                                        <div class="product-rating">
                                            <ul class="rating">
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star"></i>
                                                </li>
                                            </ul>

                                            <h6 class="theme-color ms-2">(26)</h6>
                                        </div>
                                    </div>
                                    <h3>Denovo Meats</h3>
                                </div>
                                <label class="product-label">126 Products</label>
                            </div>
                        </div>

                        <div class="grid-contain">
                            <div class="seller-contact-details">
                                <div class="seller-contact">
                                    <div class="seller-icon">
                                        <i class="fa-solid fa-map-pin"></i>
                                    </div>

                                    <div class="contact-detail">
                                        <h5>Address: <span> 6185 S Saginaw St</span></h5>
                                    </div>
                                </div>

                                <div class="seller-contact">
                                    <div class="seller-icon">
                                        <i class="fa-solid fa-phone"></i>
                                    </div>

                                    <div class="contact-detail">
                                        <h5>Contact Us: <span> (866) 413-2382</span></h5>
                                    </div>
                                </div>
                            </div>

                            <div class="seller-category">
                                <button onclick="location.href = 'shop-left-sidebar.html';"
                                    class="btn btn-sm theme-bg-color text-white fw-bold">Visit Store <i
                                        class="fa-solid fa-arrow-right-long ms-2"></i></button>
                                <ul class="product-image">
                                    <li>
                                        <img src="/assets/images/vegetable/product/6.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/3.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/1.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/9.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/1.png" class="img-fluid" alt="">
                                    </li>
                                    <li>+63</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xxl-4 col-md-6">
                    <div class="seller-grid-box seller-grid-box-1">
                        <div class="grid-image">
                            <div class="image">
                                <img src="/assets/images/vendor-page/logo/5.png" class="img-fluid" alt="">
                            </div>

                            <div class="contain-name">
                                <div>
                                    <div class="since-number">
                                        <h6>Since 2022</h6>
                                        <div class="product-rating">
                                            <ul class="rating">
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star"></i>
                                                </li>
                                            </ul>

                                            <h6 class="theme-color ms-2">(26)</h6>
                                        </div>
                                    </div>
                                    <h3>Meating Place</h3>
                                </div>
                                <label class="product-label">258 Products</label>
                            </div>
                        </div>

                        <div class="grid-contain">
                            <div class="seller-contact-details">
                                <div class="seller-contact">
                                    <div class="seller-icon">
                                        <i class="fa-solid fa-map-pin"></i>
                                    </div>

                                    <div class="contact-detail">
                                        <h5>Address: <span> 2400 4th St SW</span></h5>
                                    </div>
                                </div>

                                <div class="seller-contact">
                                    <div class="seller-icon">
                                        <i class="fa-solid fa-phone"></i>
                                    </div>

                                    <div class="contact-detail">
                                        <h5>Contact Us: <span> (641) 424-2605</span></h5>
                                    </div>
                                </div>
                            </div>

                            <div class="seller-category">
                                <button onclick="location.href = 'shop-left-sidebar.html';"
                                    class="btn btn-sm theme-bg-color text-white fw-bold">Visit Store <i
                                        class="fa-solid fa-arrow-right-long ms-2"></i></button>
                                <ul class="product-image">
                                    <li>
                                        <img src="/assets/images/vegetable/product/6.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/3.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/1.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/9.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/1.png" class="img-fluid" alt="">
                                    </li>
                                    <li>+63</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xxl-4 col-md-6">
                    <div class="seller-grid-box seller-grid-box-1">
                        <div class="grid-image">
                            <div class="image">
                                <img src="/assets/images/vendor-page/logo/6.png" class="img-fluid" alt="">
                            </div>

                            <div class="contain-name">
                                <div>
                                    <div class="since-number">
                                        <h6>Since 2022</h6>
                                        <div class="product-rating">
                                            <ul class="rating">
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star"></i>
                                                </li>
                                            </ul>

                                            <h6 class="theme-color ms-2">(26)</h6>
                                        </div>
                                    </div>
                                    <h3>Aven</h3>
                                </div>
                                <label class="product-label">69 Products</label>
                            </div>
                        </div>

                        <div class="grid-contain">
                            <div class="seller-contact-details">
                                <div class="seller-contact">
                                    <div class="seller-icon">
                                        <i class="fa-solid fa-map-pin"></i>
                                    </div>

                                    <div class="contact-detail">
                                        <h5>Address: <span> 32 Childwall Abbey Road</span></h5>
                                    </div>
                                </div>

                                <div class="seller-contact">
                                    <div class="seller-icon">
                                        <i class="fa-solid fa-phone"></i>
                                    </div>

                                    <div class="contact-detail">
                                        <h5>Contact Us: <span> (414) 352-3920</span></h5>
                                    </div>
                                </div>
                            </div>

                            <div class="seller-category">
                                <button onclick="location.href = 'shop-left-sidebar.html';"
                                    class="btn btn-sm theme-bg-color text-white fw-bold">Visit Store <i
                                        class="fa-solid fa-arrow-right-long ms-2"></i></button>
                                <ul class="product-image">
                                    <li>
                                        <img src="/assets/images/vegetable/product/6.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/3.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/1.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/9.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/1.png" class="img-fluid" alt="">
                                    </li>
                                    <li>+63</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xxl-4 col-md-6">
                    <div class="seller-grid-box seller-grid-box-1">
                        <div class="grid-image">
                            <div class="image">
                                <img src="/assets/images/vendor-page/logo/7.png" class="img-fluid" alt="">
                            </div>

                            <div class="contain-name">
                                <div>
                                    <div class="since-number">
                                        <h6>Since 2022</h6>
                                        <div class="product-rating">
                                            <ul class="rating">
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star"></i>
                                                </li>
                                            </ul>

                                            <h6 class="theme-color ms-2">(26)</h6>
                                        </div>
                                    </div>
                                    <h3>Organic Corn</h3>
                                </div>
                                <label class="product-label">360 Products</label>
                            </div>
                        </div>

                        <div class="grid-contain">
                            <div class="seller-contact-details">
                                <div class="seller-contact">
                                    <div class="seller-icon">
                                        <i class="fa-solid fa-map-pin"></i>
                                    </div>

                                    <div class="contact-detail">
                                        <h5>Address: <span> 8267 S South Chicago Avenue</span></h5>
                                    </div>
                                </div>

                                <div class="seller-contact">
                                    <div class="seller-icon">
                                        <i class="fa-solid fa-phone"></i>
                                    </div>

                                    <div class="contact-detail">
                                        <h5>Contact Us: <span> (773) 731-2500</span></h5>
                                    </div>
                                </div>
                            </div>

                            <div class="seller-category">
                                <button onclick="location.href = 'shop-left-sidebar.html';"
                                    class="btn btn-sm theme-bg-color text-white fw-bold">Visit Store <i
                                        class="fa-solid fa-arrow-right-long ms-2"></i></button>
                                <ul class="product-image">
                                    <li>
                                        <img src="/assets/images/vegetable/product/6.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/3.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/1.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/9.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/1.png" class="img-fluid" alt="">
                                    </li>
                                    <li>+63</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xxl-4 col-md-6">
                    <div class="seller-grid-box seller-grid-box-1">
                        <div class="grid-image">
                            <div class="image">
                                <img src="/assets/images/vendor-page/logo/1.png" class="img-fluid" alt="">
                            </div>

                            <div class="contain-name">
                                <div>
                                    <div class="since-number">
                                        <h6>Since 2022</h6>
                                        <div class="product-rating">
                                            <ul class="rating">
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star"></i>
                                                </li>
                                            </ul>

                                            <h6 class="theme-color ms-2">(26)</h6>
                                        </div>
                                    </div>
                                    <h3>Nature Food</h3>
                                </div>
                                <label class="product-label">380 Products</label>
                            </div>
                        </div>

                        <div class="grid-contain">
                            <div class="seller-contact-details">
                                <div class="seller-contact">
                                    <div class="seller-icon">
                                        <i class="fa-solid fa-map-pin"></i>
                                    </div>

                                    <div class="contact-detail">
                                        <h5>Address: <span> 20 Tomoka Oaks Blvd</span></h5>
                                    </div>
                                </div>

                                <div class="seller-contact">
                                    <div class="seller-icon">
                                        <i class="fa-solid fa-phone"></i>
                                    </div>

                                    <div class="contact-detail">
                                        <h5>Contact Us: <span> (386) 677-5931</span></h5>
                                    </div>
                                </div>
                            </div>

                            <div class="seller-category">
                                <button onclick="location.href = 'shop-left-sidebar.html';"
                                    class="btn btn-sm theme-bg-color text-white fw-bold">Visit Store <i
                                        class="fa-solid fa-arrow-right-long ms-2"></i></button>
                                <ul class="product-image">
                                    <li>
                                        <img src="/assets/images/vegetable/product/6.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/3.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/1.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/9.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/1.png" class="img-fluid" alt="">
                                    </li>
                                    <li>+63</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xxl-4 col-md-6">
                    <div class="seller-grid-box seller-grid-box-1">
                        <div class="grid-image">
                            <div class="image">
                                <img src="/assets/images/vendor-page/logo/2.png" class="img-fluid" alt="">
                            </div>

                            <div class="contain-name">
                                <div>
                                    <div class="since-number">
                                        <h6>Since 2022</h6>
                                        <div class="product-rating">
                                            <ul class="rating">
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star" class="fill"></i>
                                                </li>
                                                <li>
                                                    <i data-feather="star"></i>
                                                </li>
                                            </ul>

                                            <h6 class="theme-color ms-2">(26)</h6>
                                        </div>
                                    </div>
                                    <h3>Combine Food</h3>
                                </div>
                                <label class="product-label">75 Products</label>
                            </div>
                        </div>

                        <div class="grid-contain">
                            <div class="seller-contact-details">
                                <div class="seller-contact">
                                    <div class="seller-icon">
                                        <i class="fa-solid fa-map-pin"></i>
                                    </div>

                                    <div class="contact-detail">
                                        <h5>Address: <span> 9950 Woodlands Pkwy #400</span></h5>
                                    </div>
                                </div>

                                <div class="seller-contact">
                                    <div class="seller-icon">
                                        <i class="fa-solid fa-phone"></i>
                                    </div>

                                    <div class="contact-detail">
                                        <h5>Contact Us: <span> (281) 298-9684</span></h5>
                                    </div>
                                </div>
                            </div>

                            <div class="seller-category">
                                <button onclick="location.href = 'shop-left-sidebar.html';"
                                    class="btn btn-sm theme-bg-color text-white fw-bold">Visit Store <i
                                        class="fa-solid fa-arrow-right-long ms-2"></i></button>
                                <ul class="product-image">
                                    <li>
                                        <img src="/assets/images/vegetable/product/6.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/3.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/1.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/9.png" class="img-fluid" alt="">
                                    </li>
                                    <li>
                                        <img src="/assets/images/vegetable/product/1.png" class="img-fluid" alt="">
                                    </li>
                                    <li>+63</li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <nav class="custom-pagination">
                <ul class="pagination justify-content-center">
                    <li class="page-item disabled">
                        <a class="page-link" href="javascript:void(0)" tabindex="-1">
                            <i class="fa-solid fa-angles-left"></i>
                        </a>
                    </li>
                    <li class="page-item active">
                        <a class="page-link" href="javascript:void(0)">1</a>
                    </li>
                    <li class="page-item">
                        <a class="page-link" href="javascript:void(0)">2</a>
                    </li>
                    <li class="page-item">
                        <a class="page-link" href="javascript:void(0)">3</a>
                    </li>
                    <li class="page-item">
                        <a class="page-link" href="javascript:void(0)">
                            <i class="fa-solid fa-angles-right"></i>
                        </a>
                    </li>
                </ul>
            </nav>
        </div>
    </section>
    <!-- Grid Section End -->

    <!-- Newsletter Section Start -->
    <section class="newsletter-section section-b-space">
        <div class="container-fluid-lg">
            <div class="newsletter-box newsletter-box-2">
                <div class="newsletter-contain py-5">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-xxl-4 col-lg-5 col-md-7 col-sm-9 offset-xxl-2 offset-md-1">
                                <div class="newsletter-detail">
                                    <h2>Join our newsletter and get...</h2>
                                    <h5>$20 discount for your first order</h5>
                                    <div class="input-box">
                                        <input type="email" class="form-control" id="exampleFormControlInput1"
                                            placeholder="Enter Your Email">
                                        <i class="fa-solid fa-envelope arrow"></i>
                                        <button class="sub-btn  btn-animation">
                                            <span class="d-sm-block d-none">Subscribe</span>
                                            <i class="fa-solid fa-arrow-right icon"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Newsletter Section End -->

    <!-- Quick View Modal Box Start -->
    <div class="modal fade theme-modal view-modal" id="view" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered modal-xl modal-fullscreen-sm-down">
            <div class="modal-content">
                <div class="modal-header p-0">
                    <button type="button" class="btn-close" data-bs-dismiss="modal">
                        <i class="fa-solid fa-xmark"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="row g-sm-4 g-2">
                        <div class="col-lg-6">
                            <div class="slider-image">
                                <img src="/assets/images/product/category/1.jpg" class="img-fluid blur-up lazyload"
                                    alt="">
                            </div>
                        </div>

                        <div class="col-lg-6">
                            <div class="right-sidebar-modal">
                                <h4 class="title-name">Peanut Butter Bite Premium Butter Cookies 600 g</h4>
                                <h4 class="price">$36.99</h4>
                                <div class="product-rating">
                                    <ul class="rating">
                                        <li>
                                            <i data-feather="star" class="fill"></i>
                                        </li>
                                        <li>
                                            <i data-feather="star" class="fill"></i>
                                        </li>
                                        <li>
                                            <i data-feather="star" class="fill"></i>
                                        </li>
                                        <li>
                                            <i data-feather="star" class="fill"></i>
                                        </li>
                                        <li>
                                            <i data-feather="star"></i>
                                        </li>
                                    </ul>
                                    <span class="ms-2">8 Reviews</span>
                                    <span class="ms-2 text-danger">6 sold in last 16 hours</span>
                                </div>

                                <div class="product-detail">
                                    <h4>Product Details :</h4>
                                    <p>Candy canes sugar plum tart cotton candy chupa chups sugar plum chocolate I love.
                                        Caramels marshmallow icing dessert candy canes I love soufflé I love toffee.
                                        Marshmallow pie sweet sweet roll sesame snaps tiramisu jelly bear claw. Bonbon
                                        muffin I love carrot cake sugar plum dessert bonbon.</p>
                                </div>

                                <ul class="brand-list">
                                    <li>
                                        <div class="brand-box">
                                            <h5>Brand Name:</h5>
                                            <h6>Black Forest</h6>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="brand-box">
                                            <h5>Product Code:</h5>
                                            <h6>W0690034</h6>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="brand-box">
                                            <h5>Product Type:</h5>
                                            <h6>White Cream Cake</h6>
                                        </div>
                                    </li>
                                </ul>

                                <div class="select-size">
                                    <h4>Cake Size :</h4>
                                    <select class="form-select select-form-size">
                                        <option selected>Select Size</option>
                                        <option value="1.2">1/2 KG</option>
                                        <option value="0">1 KG</option>
                                        <option value="1.5">1/5 KG</option>
                                        <option value="red">Red Roses</option>
                                        <option value="pink">With Pink Roses</option>
                                    </select>
                                </div>

                                <div class="modal-button">
                                    <button onclick="location.href = 'cart.html';"
                                        class="btn btn-md add-cart-button icon">Add
                                        To Cart</button>
                                    <button onclick="location.href = 'product-left.html';"
                                        class="btn theme-bg-color view-button icon text-white fw-bold btn-md">
                                        View More Details</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Quick View Modal Box End -->

    <!-- Location Modal Start -->
    <div class="modal location-modal fade theme-modal" id="locationModal" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered modal-fullscreen-sm-down">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabel">Choose your Delivery Location</h5>
                    <p class="mt-1 text-content">Enter your address and we will specify the offer for your area.</p>
                    <button type="button" class="btn-close" data-bs-dismiss="modal">
                        <i class="fa-solid fa-xmark"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="location-list">
                        <div class="search-input">
                            <input type="search" class="form-control" placeholder="Search Your Area">
                            <i class="fa-solid fa-magnifying-glass"></i>
                        </div>

                        <div class="disabled-box">
                            <h6>Select a Location</h6>
                        </div>

                        <ul class="location-select custom-height">
                            <li>
                                <a href="javascript:void(0)">
                                    <h6>Alabama</h6>
                                    <span>Min: $130</span>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:void(0)">
                                    <h6>Arizona</h6>
                                    <span>Min: $150</span>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:void(0)">
                                    <h6>California</h6>
                                    <span>Min: $110</span>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:void(0)">
                                    <h6>Colorado</h6>
                                    <span>Min: $140</span>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:void(0)">
                                    <h6>Florida</h6>
                                    <span>Min: $160</span>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:void(0)">
                                    <h6>Georgia</h6>
                                    <span>Min: $120</span>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:void(0)">
                                    <h6>Kansas</h6>
                                    <span>Min: $170</span>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:void(0)">
                                    <h6>Minnesota</h6>
                                    <span>Min: $120</span>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:void(0)">
                                    <h6>New York</h6>
                                    <span>Min: $110</span>
                                </a>
                            </li>

                            <li>
                                <a href="javascript:void(0)">
                                    <h6>Washington</h6>
                                    <span>Min: $130</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Location Modal End -->

    <!-- Cookie Bar Box Start -->
    <div class="cookie-bar-box">
        <div class="cookie-box">
            <div class="cookie-image">
                <img src="/assets/images/cookie-bar.png" class="blur-up lazyload" alt="">
                <h2>Cookies!</h2>
            </div>

            <div class="cookie-contain">
                <h5 class="text-content">We use cookies to make your experience better</h5>
            </div>
        </div>

        <div class="button-group">
            <button class="btn privacy-button">Privacy Policy</button>
            <button class="btn ok-button">OK</button>
        </div>
    </div>
    <!-- Cookie Bar Box End -->

    <!-- Deal Box Modal Start -->
    <div class="modal fade theme-modal deal-modal" id="deal-box" tabindex="-1">
        <div class="modal-dialog modal-dialog-centered modal-fullscreen-sm-down">
            <div class="modal-content">
                <div class="modal-header">
                    <div>
                        <h5 class="modal-title w-100" id="deal_today">Deal Today</h5>
                        <p class="mt-1 text-content">Recommended deals for you.</p>
                    </div>
                    <button type="button" class="btn-close" data-bs-dismiss="modal">
                        <i class="fa-solid fa-xmark"></i>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="deal-offer-box">
                        <ul class="deal-offer-list">
                            <li class="list-1">
                                <div class="deal-offer-contain">
                                    <a href="shop-left-sidebar.html" class="deal-image">
                                        <img src="/assets/images/vegetable/product/10.png" class="blur-up lazyload"
                                            alt="">
                                    </a>

                                    <a href="shop-left-sidebar.html" class="deal-contain">
                                        <h5>Blended Instant Coffee 50 g Buy 1 Get 1 Free</h5>
                                        <h6>$52.57 <del>57.62</del> <span>500 G</span></h6>
                                    </a>
                                </div>
                            </li>

                            <li class="list-2">
                                <div class="deal-offer-contain">
                                    <a href="shop-left-sidebar.html" class="deal-image">
                                        <img src="/assets/images/vegetable/product/11.png" class="blur-up lazyload"
                                            alt="">
                                    </a>

                                    <a href="shop-left-sidebar.html" class="deal-contain">
                                        <h5>Blended Instant Coffee 50 g Buy 1 Get 1 Free</h5>
                                        <h6>$52.57 <del>57.62</del> <span>500 G</span></h6>
                                    </a>
                                </div>
                            </li>

                            <li class="list-3">
                                <div class="deal-offer-contain">
                                    <a href="shop-left-sidebar.html" class="deal-image">
                                        <img src="/assets/images/vegetable/product/12.png" class="blur-up lazyload"
                                            alt="">
                                    </a>

                                    <a href="shop-left-sidebar.html" class="deal-contain">
                                        <h5>Blended Instant Coffee 50 g Buy 1 Get 1 Free</h5>
                                        <h6>$52.57 <del>57.62</del> <span>500 G</span></h6>
                                    </a>
                                </div>
                            </li>

                            <li class="list-1">
                                <div class="deal-offer-contain">
                                    <a href="shop-left-sidebar.html" class="deal-image">
                                        <img src="/assets/images/vegetable/product/13.png" class="blur-up lazyload"
                                            alt="">
                                    </a>

                                    <a href="shop-left-sidebar.html" class="deal-contain">
                                        <h5>Blended Instant Coffee 50 g Buy 1 Get 1 Free</h5>
                                        <h6>$52.57 <del>57.62</del> <span>500 G</span></h6>
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Deal Box Modal End -->

@endsection

{{-- push custom js before end of body tag --}}
@push('scripts')
@endpush