@extends('front-end.layouts.master')
@section('pageTitle', isset($pageTitle) ? $pageTitle : 'Blog grid')
@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>Blog 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">Blog Grid</li>
                        </ol>
                    </nav>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Breadcrumb Section End -->

<!-- Blog Section Start -->
<section class="blog-section section-b-space">
    <div class="container-fluid-lg">
        <div class="row g-4">
            <div class="col-xxl-9 col-xl-8 col-lg-7 order-lg-2">
                <div class="row g-4 ratio_65">
                    <div class="col-xxl-4 col-sm-6">
                        <div class="blog-box wow fadeInUp">
                            <div class="blog-image">
                                <a href="blog-detail.html">
                                    <img src="/assets/images/inner-page/blog/1.jpg"
                                        class="bg-img blur-up lazyload" alt="">
                                </a>
                            </div>

                            <div class="blog-contain">
                                <div class="blog-label">
                                    <span class="time"><i data-feather="clock"></i> <span>25 Feg, 2022</span></span>
                                    <span class="super"><i data-feather="user"></i> <span>Mark J.
                                            Speight</span></span>
                                </div>
                                <a href="blog-detail.html">
                                    <h3>one pot creamy mediterranean chicken pasta cream.</h3>
                                </a>
                                <button onclick="location.href = 'blog-detail.html';" class="blog-button">Read More
                                    <i class="fa-solid fa-right-long"></i></button>
                            </div>
                        </div>
                    </div>

                    <div class="col-xxl-4 col-sm-6">
                        <div class="blog-box wow fadeInUp" data-wow-delay="0.05s">
                            <div class="blog-image">
                                <a href="blog-detail.html">
                                    <img src="/assets/images/inner-page/blog/2.jpg" class="bg-img" alt="">
                                </a>
                            </div>

                            <div class="blog-contain">
                                <div class="blog-label">
                                    <span class="time"><i data-feather="clock"></i> <span>25 Feg, 2022</span></span>
                                    <span class="super"><i data-feather="user"></i> <span>rebeus
                                            hagrid</span></span>
                                </div>
                                <a href="blog-detail.html">
                                    <h3>Crispy Frozen Vegetable is the on the Tempura.</h3>
                                </a>
                                <button onclick="location.href = 'blog-detail.html';" class="blog-button">Read More
                                    <i class="fa-solid fa-right-long"></i></button>
                            </div>
                        </div>
                    </div>

                    <div class="col-xxl-4 col-sm-6">
                        <div class="blog-box wow fadeInUp" data-wow-delay="0.1s">
                            <div class="blog-image">
                                <a href="blog-detail.html">
                                    <img src="/assets/images/inner-page/blog/3.jpg"
                                        class="bg-img blur-up lazyload" alt="">
                                </a>
                                <label><i class="fa-solid fa-bolt-lightning"></i> popular</label>
                            </div>

                            <div class="blog-contain">
                                <div class="blog-label">
                                    <span class="time"><i data-feather="clock"></i> <span>25 Feg, 2022</span></span>
                                    <span class="super"><i data-feather="user"></i> <span>Chris C.
                                            Hall</span></span>
                                </div>
                                <a href="blog-detail.html">
                                    <h3>How to start regrowing green onions and other vegetables.</h3>
                                </a>
                                <button onclick="location.href = 'blog-detail.html';" class="blog-button">Read More
                                    <i class="fa-solid fa-right-long"></i></button>
                            </div>
                        </div>
                    </div>

                    <div class="col-xxl-4 col-sm-6">
                        <div class="blog-box wow fadeInUp" data-wow-delay="0.15s">
                            <div class="blog-image">
                                <a href="blog-detail.html">
                                    <img src="/assets/images/inner-page/blog/4.jpg"
                                        class="bg-img blur-up lazyload" alt="">
                                </a>
                            </div>

                            <div class="blog-contain">
                                <div class="blog-label">
                                    <span class="time"><i data-feather="clock"></i> <span>25 Feg, 2022</span></span>
                                    <span class="super"><i data-feather="user"></i> <span>James M.
                                            Martin</span></span>
                                </div>
                                <a href="blog-detail.html">
                                    <h3>Starting a vegetable garden: the basics.</h3>
                                </a>
                                <button onclick="location.href = 'blog-detail.html';" class="blog-button">Read More
                                    <i class="fa-solid fa-right-long"></i></button>
                            </div>
                        </div>
                    </div>

                    <div class="col-xxl-4 col-sm-6">
                        <div class="blog-box wow fadeInUp" data-wow-delay="0.2s">
                            <div class="blog-image">
                                <a href="blog-detail.html">
                                    <img src="/assets/images/inner-page/blog/5.jpg"
                                        class="bg-img blur-up lazyload" alt="">
                                </a>
                            </div>

                            <div class="blog-contain">
                                <div class="blog-label">
                                    <span class="time"><i data-feather="clock"></i> <span>25 Feg, 2022</span></span>
                                    <span class="super"><i data-feather="user"></i> <span>Cecil M.
                                            Levis</span></span>
                                </div>
                                <a href="blog-detail.html">
                                    <h3>Adapt this simple pasta salad to whatever vegetable.</h3>
                                </a>
                                <button onclick="location.href = 'blog-detail.html';" class="blog-button">Read More
                                    <i class="fa-solid fa-right-long"></i></button>
                            </div>
                        </div>
                    </div>

                    <div class="col-xxl-4 col-sm-6">
                        <div class="blog-box wow fadeInUp" data-wow-delay="0.25s">
                            <div class="blog-image">
                                <a href="blog-detail.html">
                                    <img src="/assets/images/inner-page/blog/1.jpg"
                                        class="bg-img blur-up lazyload" alt="">
                                </a>
                            </div>

                            <div class="blog-contain">
                                <div class="blog-label">
                                    <span class="time"><i data-feather="clock"></i> <span>25 Feg, 2022</span></span>
                                    <span class="super"><i data-feather="user"></i> <span>Mary R.
                                            Hernandez</span></span>
                                </div>
                                <a href="blog-detail.html">
                                    <h3>With chefs idle and vegetables rotting, China's virus-hit.</h3>
                                </a>
                                <button onclick="location.href = 'blog-detail.html';" class="blog-button">Read More
                                    <i class="fa-solid fa-right-long"></i></button>
                            </div>
                        </div>
                    </div>

                    <div class="col-xxl-4 col-sm-6">
                        <div class="blog-box wow fadeInUp" data-wow-delay="0.3s">
                            <div class="blog-image">
                                <a href="blog-detail.html">
                                    <img src="/assets/images/inner-page/blog/2.jpg"
                                        class="bg-img blur-up lazyload" alt="">
                                </a>
                            </div>

                            <div class="blog-contain">
                                <div class="blog-label">
                                    <span class="time"><i data-feather="clock"></i> <span>25 Feg, 2022</span></span>
                                    <span class="super"><i data-feather="user"></i> <span>Cheryl D.
                                            Moser</span></span>
                                </div>
                                <a href="blog-detail.html">
                                    <h3>Turn that bowl of pasta into a supercharged veggie vehicle.</h3>
                                </a>
                                <button onclick="location.href = 'blog-detail.html';" class="blog-button">Read More
                                    <i class="fa-solid fa-right-long"></i></button>
                            </div>
                        </div>
                    </div>

                    <div class="col-xxl-4 col-sm-6">
                        <div class="blog-box wow fadeInUp" data-wow-delay="0.35s">
                            <div class="blog-image">
                                <a href="blog-detail.html">
                                    <img src="/assets/images/inner-page/blog/3.jpg"
                                        class="bg-img blur-up lazyload" alt="">
                                </a>
                            </div>

                            <div class="blog-contain">
                                <div class="blog-label">
                                    <span class="time"><i data-feather="clock"></i> <span>25 Feg,
                                            2022</span></span>
                                    <span class="super"><i data-feather="user"></i> <span>Mina M.
                                            Short</span></span>
                                </div>
                                <a href="blog-detail.html">
                                    <h3>Health, care and skin on the for your organic.</h3>
                                </a>
                                <button onclick="location.href = 'blog-detail.html';" class="blog-button">Read More
                                    <i class="fa-solid fa-right-long"></i></button>
                            </div>
                        </div>
                    </div>

                    <div class="col-xxl-4 col-sm-6">
                        <div class="blog-box wow fadeInUp" data-wow-delay="0.4s">
                            <div class="blog-image">
                                <a href="blog-detail.html">
                                    <img src="/assets/images/inner-page/blog/4.jpg"
                                        class="bg-img blur-up lazyload" alt="">
                                </a>
                            </div>

                            <div class="blog-contain">
                                <div class="blog-label">
                                    <span class="time"><i data-feather="clock"></i> <span>25 Feg, 2022</span></span>
                                    <span class="super"><i data-feather="user"></i> <span>Marie S.
                                            Santiago</span></span>
                                </div>
                                <a href="blog-detail.html">
                                    <h3>Fresh organicsm, brand, fresh and picnic place awesome.</h3>
                                </a>
                                <button onclick="location.href = 'blog-detail.html';" class="blog-button">Read More
                                    <i class="fa-solid fa-right-long"></i></button>
                            </div>
                        </div>
                    </div>

                    <div class="col-xxl-4 col-sm-6">
                        <div class="blog-box wow fadeInUp" data-wow-delay="0.45s">
                            <div class="blog-image">
                                <a href="blog-detail.html">
                                    <img src="/assets/images/inner-page/blog/3.jpg"
                                        class="bg-img blur-up lazyload" alt="">
                                </a>
                                <label><i class="fa-solid fa-bolt-lightning"></i> popular</label>
                            </div>

                            <div class="blog-contain">
                                <div class="blog-label">
                                    <span class="time"><i data-feather="clock"></i> <span>25 Feg, 2022</span></span>
                                    <span class="super"><i data-feather="user"></i> <span>Mark J.
                                            Speight</span></span>
                                </div>
                                <a href="blog-detail.html">
                                    <h3>With chefs idle and vegetables rotting, China's virus-hit.</h3>
                                </a>
                                <button onclick="location.href = 'blog-detail.html';" class="blog-button">Read More
                                    <i class="fa-solid fa-right-long"></i></button>
                            </div>
                        </div>
                    </div>

                    <div class="col-xxl-4 col-sm-6">
                        <div class="blog-box wow fadeInUp" data-wow-delay="0.5s">
                            <div class="blog-image">
                                <a href="blog-detail.html">
                                    <img src="/assets/images/inner-page/blog/4.jpg"
                                        class="bg-img blur-up lazyload" alt="">
                                </a>
                            </div>

                            <div class="blog-contain">
                                <div class="blog-label">
                                    <span class="time"><i data-feather="clock"></i> <span>25 Feg, 2022</span></span>
                                    <span class="super"><i data-feather="user"></i> <span>Chris C.
                                            Hall</span></span>
                                </div>
                                <a href="blog-detail.html">
                                    <h3>Vegina good quality special liquide fesh vegetables.</h3>
                                </a>
                                <button onclick="location.href = 'blog-detail.html';" class="blog-button">Read More
                                    <i class="fa-solid fa-right-long"></i></button>
                            </div>
                        </div>
                    </div>

                    <div class="col-xxl-4 col-sm-6">
                        <div class="blog-box wow fadeInUp" data-wow-delay="0.55s">
                            <div class="blog-image">
                                <a href="blog-detail.html">
                                    <img src="/assets/images/inner-page/blog/5.jpg"
                                        class="bg-img blur-up lazyload" alt="">
                                </a>
                            </div>

                            <div class="blog-contain">
                                <div class="blog-label">
                                    <span class="time"><i data-feather="clock"></i> <span>25 Feg, 2022</span></span>
                                    <span class="super"><i data-feather="user"></i> <span>James M.
                                            Martin</span></span>
                                </div>
                                <a href="blog-detail.html">
                                    <h3>How to freeze fresh vegetables while preserving their best qualities.</h3>
                                </a>
                                <button onclick="location.href = 'blog-detail.html';" class="blog-button">Read More
                                    <i class="fa-solid fa-right-long"></i></button>
                            </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>

            <div class="col-xxl-3 col-xl-4 col-lg-5 order-lg-1">
                <div class="left-sidebar-box wow fadeInUp">
                    <div class="left-search-box">
                        <div class="search-box">
                            <input type="search" class="form-control" id="exampleFormControlInput1"
                                placeholder="Search....">
                        </div>
                    </div>

                    <div class="accordion left-accordion-box" id="accordionPanelsStayOpenExample">
                        <div class="accordion-item">
                            <h2 class="accordion-header" id="panelsStayOpen-headingOne">
                                <button class="accordion-button" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#panelsStayOpen-collapseOne">
                                    Recent Post
                                </button>
                            </h2>
                            <div id="panelsStayOpen-collapseOne" class="accordion-collapse collapse show">
                                <div class="accordion-body pt-0">
                                    <div class="recent-post-box">
                                        <div class="recent-box">
                                            <a href="blog-detail.html" class="recent-image">
                                                <img src="/assets/images/inner-page/blog/1.jpg"
                                                    class="img-fluid blur-up lazyload" alt="">
                                            </a>

                                            <div class="recent-detail">
                                                <a href="blog-detail.html">
                                                    <h5 class="recent-name">Green onion knife and salad placed</h5>
                                                </a>
                                                <h6>25 Jan, 2022 <i data-feather="thumbs-up"></i></h6>
                                            </div>
                                        </div>

                                        <div class="recent-box">
                                            <a href="blog-detail.html" class="recent-image">
                                                <img src="/assets/images/inner-page/blog/2.jpg"
                                                    class="img-fluid blur-up lazyload" alt="">
                                            </a>

                                            <div class="recent-detail">
                                                <a href="blog-detail.html">
                                                    <h5 class="recent-name">Health and skin for your organic</h5>
                                                </a>
                                                <h6>25 Jan, 2022 <i data-feather="thumbs-up"></i></h6>
                                            </div>
                                        </div>

                                        <div class="recent-box">
                                            <a href="blog-detail.html" class="recent-image">
                                                <img src="/assets/images/inner-page/blog/3.jpg"
                                                    class="img-fluid blur-up lazyload" alt="">
                                            </a>

                                            <div class="recent-detail">
                                                <a href="blog-detail.html">
                                                    <h5 class="recent-name">Organics mix masala fresh & soft</h5>
                                                </a>
                                                <h6>25 Jan, 2022 <i data-feather="thumbs-up"></i></h6>
                                            </div>
                                        </div>

                                        <div class="recent-box">
                                            <a href="blog-detail.html" class="recent-image">
                                                <img src="/assets/images/inner-page/blog/4.jpg"
                                                    class="img-fluid blur-up lazyload" alt="">
                                            </a>

                                            <div class="recent-detail">
                                                <a href="blog-detail.html">
                                                    <h5 class="recent-name">Fresh organics brand and picnic</h5>
                                                </a>
                                                <h6>25 Jan, 2022 <i data-feather="thumbs-up"></i></h6>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item">
                            <h2 class="accordion-header" id="panelsStayOpen-headingTwo">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#panelsStayOpen-collapseTwo">Category</button>
                            </h2>
                            <div id="panelsStayOpen-collapseTwo" class="accordion-collapse collapse collapse show">
                                <div class="accordion-body p-0">
                                    <div class="category-list-box">
                                        <ul>
                                            <li>
                                                <a href="blog-list.html">
                                                    <div class="category-name">
                                                        <h5>Latest Recipes</h5>
                                                        <span>10</span>
                                                    </div>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="blog-list.html">
                                                    <div class="category-name">
                                                        <h5>Diet Food</h5>
                                                        <span>6</span>
                                                    </div>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="blog-list.html">
                                                    <div class="category-name">
                                                        <h5>Low calorie Items</h5>
                                                        <span>8</span>
                                                    </div>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="blog-list.html">
                                                    <div class="category-name">
                                                        <h5>Cooking Method</h5>
                                                        <span>9</span>
                                                    </div>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="blog-list.html">
                                                    <div class="category-name">
                                                        <h5>Dairy Free</h5>
                                                        <span>12</span>
                                                    </div>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="blog-list.html">
                                                    <div class="category-name">
                                                        <h5>Vegetarian Food</h5>
                                                        <span>10</span>
                                                    </div>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item">
                            <h2 class="accordion-header" id="panelsStayOpen-headingThree">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#panelsStayOpen-collapseThree">Product Tags</button>
                            </h2>
                            <div id="panelsStayOpen-collapseThree"
                                class="accordion-collapse collapse collapse show">
                                <div class="accordion-body pt-0">
                                    <div class="product-tags-box">
                                        <ul>

                                            <li>
                                                <a href="javascript:void(0)">Fruit Cutting</a>
                                            </li>

                                            <li>
                                                <a href="javascript:void(0)">Meat</a>
                                            </li>

                                            <li>
                                                <a href="javascript:void(0)">organic</a>
                                            </li>

                                            <li>
                                                <a href="javascript:void(0)">cake</a>
                                            </li>

                                            <li>
                                                <a href="javascript:void(0)">pick fruit</a>
                                            </li>

                                            <li>
                                                <a href="javascript:void(0)">backery</a>
                                            </li>

                                            <li>
                                                <a href="javascript:void(0)">organix food</a>
                                            </li>

                                            <li>
                                                <a href="javascript:void(0)">Most Expensive Fruit</a>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="accordion-item">
                            <h2 class="accordion-header" id="panelsStayOpen-headingFour">
                                <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
                                    data-bs-target="#panelsStayOpen-collapseFour">Trending Products</button>
                            </h2>
                            <div id="panelsStayOpen-collapseFour" class="accordion-collapse collapse collapse show">
                                <div class="accordion-body">
                                    <ul class="product-list product-list-2 border-0 p-0">
                                        <li>
                                            <div class="offer-product">
                                                <a href="shop-left-sidebar.html" class="offer-image">
                                                    <img src="/assets/images/vegetable/product/23.png"
                                                        class="blur-up lazyload" alt="">
                                                </a>

                                                <div class="offer-detail">
                                                    <div>
                                                        <a href="shop-left-sidebar.html">
                                                            <h6 class="name">Meatigo Premium Goat Curry</h6>
                                                        </a>
                                                        <span>450 G</span>
                                                        <h6 class="price theme-color">$ 70.00</h6>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>

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

                                                <div class="offer-detail">
                                                    <div>
                                                        <a href="shop-left-sidebar.html">
                                                            <h6 class="name">Dates Medjoul Premium Imported</h6>
                                                        </a>
                                                        <span>450 G</span>
                                                        <h6 class="price theme-color">$ 40.00</h6>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>

                                        <li class="mb-0">
                                            <div class="offer-product">
                                                <a href="shop-left-sidebar.html" class="offer-image">
                                                    <img src="/assets/images/vegetable/product/26.png"
                                                        class="blur-up lazyload" alt="">
                                                </a>

                                                <div class="offer-detail">
                                                    <div>
                                                        <a href="shop-left-sidebar.html">
                                                            <h6 class="name">Apple Red Premium Imported</h6>
                                                        </a>
                                                        <span>1 KG</span>
                                                        <h6 class="price theme-color">$ 80.00</h6>
                                                    </div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- Blog Section 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 -->

<!-- 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