@extends('layouts.app')
@section('title', 'Shop')
@section('content')


	<!-- >>>>>>>>>>>>>>>>>>> Sidebar part start >>>>>>>>>>>>>>>>>>>-->
	<aside id="wrap-sidebar" class="wrap-sidebar js-sidebar">
		<div class="w-100 h-100 js-hide-sidebar"></div>
		<div class="sidebar">

			<div class="sidebar-xmark w-100">
				<div class="pointer js-hide-sidebar">
					<i class="fa-solid fa-xmark"></i>
				</div>
			</div>

			<div class="sidebar-content d-flex flex-wrap w-100">
				<ul class="sidebar-link w-100">
					<li>
						<a href="{{ url('/') }}">
							Home
						</a>
					</li>

					<li>
						<a href="#">
							My Wishlist
						</a>
					</li>

					<li>
						<a href="#">
							My Account
						</a>
					</li>

					<li>
						<a href="#">
							Track Order
						</a>
					</li>

					<li>
						<a href="#">
							Refunds
						</a>
					</li>

					<li>
						<a href="#">
							Help & FAQs
						</a>
					</li>
				</ul>

				<div class="sidebar-gallery w-100">
					<h3 class="sidebar-title">Gallery</h3>
					<div class="flex-wrap d-flex justify-content-between gallery-lb">
						<!-- item gallery sidebar -->
						<div class="wrap-item-gallery">
							<a class="item-gallery " href="{{ asset('images/cart_and_gallery/gallery1.jpg') }}"
								data-lightbox="gallery"
								style="background-image: url('images/cart_and_gallery/gallery1.jpg');"></a>
						</div>

						<!-- item gallery sidebar -->
						<div class="wrap-item-gallery">
							<a class="item-gallery " href="{{ asset('images/cart_and_gallery/gallery2.jpg') }}"
								data-lightbox="gallery"
								style="background-image: url('images/cart_and_gallery/gallery2.jpg');"></a>
						</div>

						<!-- item gallery sidebar -->
						<div class="wrap-item-gallery">
							<a class="item-gallery " href="{{ asset('images/cart_and_gallery/gallery3.jpg') }}"
								data-lightbox="gallery"
								style="background-image: url('images/cart_and_gallery/gallery3.jpg');"></a>
						</div>

						<!-- item gallery sidebar -->
						<div class="wrap-item-gallery">
							<a class="item-gallery " href="{{ asset('images/cart_and_gallery/gallery4.jpg') }}"
								data-lightbox="gallery"
								style="background-image: url('images/cart_and_gallery/gallery4.jpg');"></a>
						</div>

						<!-- item gallery sidebar -->
						<div class="wrap-item-gallery">
							<a class="item-gallery " href="{{ asset('images/cart_and_gallery/gallery5.jpg') }}"
								data-lightbox="gallery"
								style="background-image: url('images/cart_and_gallery/gallery5.jpg');"></a>
						</div>

						<!-- item gallery sidebar -->
						<div class="wrap-item-gallery">
							<a class="item-gallery " href="{{ asset('images/cart_and_gallery/gallery6.jpg') }}"
								data-lightbox="gallery"
								style="background-image: url('images/cart_and_gallery/gallery6.jpg');"></a>
						</div>

						<!-- item gallery sidebar -->
						<div class="wrap-item-gallery">
							<a class="item-gallery " href="{{ asset('images/cart_and_gallery/gallery7.jpg') }}"
								data-lightbox="gallery"
								style="background-image: url('images/cart_and_gallery/gallery7.jpg');"></a>
						</div>

						<!-- item gallery sidebar -->
						<div class="wrap-item-gallery">
							<a class="item-gallery " href="{{ asset('images/cart_and_gallery/gallery8.jpg') }}"
								data-lightbox="gallery"
								style="background-image: url('images/cart_and_gallery/gallery8.jpg');"></a>
						</div>

						<!-- item gallery sidebar -->
						<div class="wrap-item-gallery">
							<a class="item-gallery " href="{{ asset('images/cart_and_gallery/gallery9.jpg') }}"
								data-lightbox="gallery"
								style="background-image: url('images/cart_and_gallery/gallery9.jpg');"></a>
						</div>
					</div>
				</div>

				<div class="sidebar-text w-full">
					<h3 class="sidebar-title">About us</h3>

					<p>
						Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur maximus vulputate
						hendrerit.
						Praesent faucibus erat vitae rutrum gravida. Vestibulum tempus mi enim, in molestie sem
						fermentum quis.
					</p>
				</div>
			</div>
		</div>
	</aside>
	<!-- >>>>>>>>>>>>>>>>>>> Sidebar part end >>>>>>>>>>>>>>>>>>>-->

	<!-- >>>>>>>>>>>>>>>>>>> wishlist part start >>>>>>>>>>>>>>>>>>>-->
	<aside id="wrap-header-wishlist" class="wrap-header-wishlist js-panel-wishlist">
		<div class="w-100 h-100 js-hide-wishlist"></div>

		<div class="wishlist">
			<div class="header-wishlist-title d-flex flex-wrap">
				<span>
					Your Wishlist
				</span>

				<div class="wishlist-xmark w-100">
					<div class="pointer js-hide-wishlist">
						<i class="fa-solid fa-xmark"></i>
					</div>
				</div>

			</div>

			<div class="header-wishlist-content d-flex flex-wrap w-100">
				<ul class="header-wishlist-wrap-item w-100">
					<li class="header-wishlist-item d-flex flex-wrap">
						<div class="header-wishlist-item-img">
							<img src="{{ asset('images/cart_and_gallery/item-cart-04.jpg') }}" alt="IMG">
						</div>

						<div class="header-wishlist-item-txt">
							<a href="#" class="header-wishlist-item-name">
								Hair Nourishing CBD Oil
							</a>

							<span class="header-wishlist-item-info">
								$17
							</span>
						</div>
					</li>

					<li class="header-wishlist-item d-flex flex-wrap">
						<div class="header-wishlist-item-img">
							<img src="{{ asset('images/cart_and_gallery/item-cart-05.jpg') }}" alt="IMG">
						</div>

						<div class="header-wishlist-item-txt">
							<a href="#" class="header-wishlist-item-name">
								CBD Glow Combo
							</a>

							<span class="header-wishlist-item-info">
								$33
							</span>
						</div>
					</li>

					<li class="header-wishlist-item d-flex flex-wrap">
						<div class="header-wishlist-item-img">
							<img src="{{ asset('images/cart_and_gallery/item-cart-06.jpg') }}" alt="IMG">
						</div>

						<div class="header-wishlist-item-txt">
							<a href="#" class="header-wishlist-item-name">
								Acne Treating Serum
							</a>

							<span class="header-wishlist-item-info">
								$19
							</span>
						</div>
					</li>

					<li class="header-wishlist-item d-flex flex-wrap">
						<div class="header-wishlist-item-img">
							<img src="{{ asset('images/cart_and_gallery/item-cart-07.jpg') }}" alt="IMG">
						</div>

						<div class="header-wishlist-item-txt">
							<a href="#" class="header-wishlist-item-name">
								Vijaya Ambrosia Oil
							</a>

							<span class="header-wishlist-item-info">
								$59
							</span>
						</div>
					</li>

					<li class="header-wishlist-item d-flex flex-wrap">
						<div class="header-wishlist-item-img">
							<img src="{{ asset('images/cart_and_gallery/item-cart-08.jpg') }}" alt="IMG">
						</div>

						<div class="header-wishlist-item-txt">
							<a href="#" class="header-wishlist-item-name">
								Skin Toning Serum
							</a>

							<span class="header-wishlist-item-info">
								$75
							</span>
						</div>
					</li>
				</ul>
			</div>
		</div>

	</aside>
	<!-- >>>>>>>>>>>>>>>>>>> wishlist part end >>>>>>>>>>>>>>>>>>>-->

	<!-- >>>>>>>>>>>>>>>>>>> Cart part start >>>>>>>>>>>>>>>>>>>-->
	<aside id="wrap-header-cart" class="wrap-header-cart js-panel-cart">
		<div class="w-100 h-100 js-hide-cart"></div>

		<div class="cart">
			<div class="header-cart-title d-flex flex-wrap">
				<span>
					Your Cart
				</span>

				<div class="cart-xmark w-100">
					<div class="pointer js-hide-cart">
						<i class="fa-solid fa-xmark"></i>
					</div>
				</div>

			</div>

			<div class="header-cart-content flex-wrap">
				<ul class="header-cart-wrap-item w-100">
					<li class="header-cart-item d-flex flex-wrap">
						<div class="header-cart-item-img">
							<img src="{{ asset('images/cart_and_gallery/item-cart-01.jpg') }}" alt="IMG">
						</div>

						<div class="header-cart-item-txt">
							<a href="#" class="header-cart-item-name">
								Skin Nourishing Serum
							</a>

							<span class="header-cart-item-info">
								$30 (50gm)
							</span>
						</div>
					</li>

					<li class="header-cart-item d-flex flex-wrap">
						<div class="header-cart-item-img">
							<img src="{{ asset('images/cart_and_gallery/item-cart-02.jpg') }}" alt="IMG">
						</div>

						<div class="header-cart-item-txt">
							<a href="#" class="header-cart-item-name">
								Cannabis Face Cream
							</a>

							<span class="header-cart-item-info">
								$14 (20gm)
							</span>
						</div>
					</li>

					<li class="header-cart-item d-flex flex-wrap">
						<div class="header-cart-item-img">
							<img src="{{ asset('images/cart_and_gallery/item-cart-03.jpg') }}" alt="IMG">
						</div>

						<div class="header-cart-item-txt">
							<a href="#" class="header-cart-item-name">
								Acne Treating Serum
							</a>
							<span class="header-cart-item-info">
								$19(50ml)
							</span>
						</div>
					</li>
				</ul>

				<div class="cart-total w-100">
					<div class="header-cart-total">
						Total: <span>$63.00</span>
					</div>

					<div class="header-cart-buttons d-flex flex-wrap w-full">
						<a href="{{ url('/cart') }}" class="d-flex">
							View Cart
						</a>

						<a href="{{ url('/cart') }}" class="d-flex">
							Check Out
						</a>
					</div>

				</div>
			</div>
		</div>
	</aside>
	<!-- >>>>>>>>>>>>>>>>>>> Cart part end >>>>>>>>>>>>>>>>>>>-->

	<!-- >>>>>>>>>>>>>>>>>>> breadcrumb part start >>>>>>>>>>>>>>>>>>>-->
	<section id="breadcrumb" style="background: url(images/banner/breadcrumb.png) no-repeat;">
		<div class="container">
			<div class="row">
				<div class="banner-area">
					<div class="banner-text">
						<div class="container">
							<div class="row">
								<div class="col-lg-12">
									<div class="banner-heading">
										<h1 class="banner-title">Our Products</h1>
										<div class="breadcrumb">
											<a href="{{ url('/') }}" class="active"><i
													class="fa-solid fa-house-chimney"></i></a>
											<a href="#">Shop</a>
										</div>
									</div>
								</div><!-- Col end -->
							</div><!-- Row end -->
						</div><!-- Container end -->
					</div><!-- Banner text end -->

				</div><!-- Banner area end -->
			</div>
		</div>
	</section>
	<!-- >>>>>>>>>>>>>>>>>>> breadcrumb part end >>>>>>>>>>>>>>>>>>>-->

	<!-- >>>>>>>>>>>>>>>>>>> Product part start >>>>>>>>>>>>>>>>>>>-->
	<section id="products">
		<div class="container-fluid">
			<div class="row">
				<div class="col-12">
					<div class="header_title text-center">
						<p>100% Organic</p>
						<h3 class="about_header_title">
							Our Products
						</h3>
					</div>
				</div>
			</div>
			<div class="product-menu d-flex flex-wrap">
				<div class="d-flex flex-wrap filter-tope-group">

					<ul class="nav nav-pills" id="pills-tab" role="tablist">

						<li class="nav-item" role="presentation">
							<button class="nav-link active" id="recents" data-bs-toggle="pill" data-bs-target="#recent"
								type="button" role="tab" aria-controls="recent" aria-selected="true">Recent Products
							</button>
						</li>

						<li class="nav-item" role="presentation">
							<button class="nav-link" id="discounts" data-bs-toggle="pill" data-bs-target="#discount"
								type="button" role="tab" aria-controls="discount" aria-selected="false">Discounts</button>
						</li>

						<li class="nav-item" role="presentation">
							<button class="nav-link" id="features" data-bs-toggle="pill" data-bs-target="#featured"
								type="button" role="tab" aria-controls="featured" aria-selected="false">Featured
								Products</button>
						</li>
					</ul>
				</div>

				<!-- Filter button -->
				<div class="filter d-flex flex-wrap">
					<div class="filter-item js-show-filter">
						<i class="icon-filter fa-solid fa-arrow-down-wide-short"></i>
						<i class="icon-close-filter icon-close"></i>
						Filter
					</div>
					<div class="filter-item js-show-search">
						<i class="icon-search fa-solid fa-magnifying-glass"></i>
						<i class="icon-close-search icon-close"></i>
						Search
					</div>
				</div>
				<!-- Filter -->
				<div class="panel-filter w-100">
					<div class="wrap-filter flex-wrap d-flex w-100">
						<div class="filter-col1">
							<div class="filter-title">
								Sort By
							</div>
							<ul>
								<li>
									<a href="#" class="filter-link ">
										Default
									</a>
								</li>

								<li>
									<a href="#" class="filter-link ">
										Popularity
									</a>
								</li>

								<li>
									<a href="#" class="filter-link ">
										Average rating
									</a>
								</li>

								<li>
									<a href="#" class="filter-link  filter-link-active">
										Newness
									</a>
								</li>

								<li>
									<a href="#" class="filter-link ">
										Price: Low to High
									</a>
								</li>

								<li>
									<a href="#" class="filter-link ">
										Price: High to Low
									</a>
								</li>
							</ul>
						</div>

						<div class="filter-col2">
							<div class="filter-title">
								Price
							</div>

							<ul>
								<li>
									<a href="#" class="filter-link  filter-link-active">
										All
									</a>
								</li>

								<li>
									<a href="#" class="filter-link ">
										$0.00 - $50.00
									</a>
								</li>

								<li>
									<a href="#" class="filter-link ">
										$50.00 - $100.00
									</a>
								</li>

								<li>
									<a href="#" class="filter-link ">
										$100.00 - $150.00
									</a>
								</li>

								<li>
									<a href="#" class="filter-link ">
										$150.00 - $200.00
									</a>
								</li>

								<li>
									<a href="#" class="filter-link ">
										$200.00+
									</a>
								</li>
							</ul>
						</div>

						<div class="filter-col3">
							<div class="filter-title">
								Color
							</div>

							<ul>
								<li>
									<span class="black">
										<i class="fa-solid fa-circle"></i>
									</span>

									<a href="#" class="filter-link ">
										Black
									</a>
								</li>

								<li>
									<span class="blue">
										<i class="fa-solid fa-circle"></i>
									</span>

									<a href="#" class="filter-link  filter-link-active">
										Blue
									</a>
								</li>

								<li>
									<span class="grey">
										<i class="fa-solid fa-circle"></i>
									</span>

									<a href="#" class="filter-link ">
										Grey
									</a>
								</li>

								<li>
									<span class="green">
										<i class="fa-solid fa-circle"></i>
									</span>

									<a href="#" class="filter-link ">
										Green
									</a>
								</li>

								<li>
									<span class="red">
										<i class="fa-solid fa-circle"></i>
									</span>

									<a href="#" class="filter-link ">
										Red
									</a>
								</li>

								<li>
									<span class="white">
										<i class="fa-solid fa-circle"></i>
									</span>

									<a href="#" class="filter-link ">
										White
									</a>
								</li>
							</ul>
						</div>

						<div class="filter-col4">
							<div class="filter-title">
								Tags
							</div>

							<div class="filter-col4-item d-flex flex-wrap">
								<a href="#">
									Cannabis Oil
								</a>

								<a href="#">
									Skin Therapy
								</a>

								<a href="#">
									Beauty
								</a>

								<a href="#">
									Recent
								</a>
								<a href="#">
									Discounts
								</a>

								<a href="#">
									New
								</a>

								<a href="#">
									Sale
								</a>
							</div>
						</div>
					</div>
				</div>

				<!-- Search product -->
				<div class="panel-search w-100">
					<div class="panel-search-body d-flex">
						<button>
							<i class="fa-solid fa-magnifying-glass"></i>
						</button>

						<input type="text" name="search-product" placeholder="Search">
					</div>
				</div>
			</div>

			<div class="row">
				<div class="col-lg-10">
					<div class="tab-content " id="pills-tabContent">
						<!-- Recent Products part -->
						<div class="tab-pane active show fade" id="recent" role="tabpanel" aria-labelledby="recents">
							<div class="row">
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic New ">
											<img class="img-1" src="{{ asset('images/products/product-01.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-02.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn  js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Skin Nourishing Serum plus
												</a>

												<span>
													$22.09
												</span>
												<div class="d-flex discount-price">
													<del>$25.99</del>
													<p>(-15%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(106)</span>
												</div>

											</div>
											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>
										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic New">
											<img class="img-1" src="{{ asset('images/products/product-03.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-04.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Skin Toning Serum
												</a>
												<span>
													$15.50
												</span>
												<div class="d-flex discount-price">
													<del>$30.99</del>
													<p>(-50%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(144)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic New">
											<img class="img-1" src="{{ asset('images/products/product-05.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-06.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Skin Therapy Combo
												</a>
												<span>
													$16.49
												</span>
												<div class="d-flex discount-price">
													<del>$29.99</del>
													<p>(-45%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(369)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic New">
											<img class="img-1" src="{{ asset('images/products/product-07.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-08.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Acne Treating Serum
												</a>
												<span>
													$27.49
												</span>
												<div class="d-flex discount-price">
													<del>$49.99</del>
													<p>(-45%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(355)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic New">
											<img class="img-1" src="{{ asset('images/products/product-09.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-10.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													CBD Glow Combo
												</a>
												<span>
													$52.13
												</span>
												<div class="d-flex discount-price">
													<del>$65.99</del>
													<p>(-32%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(377)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic New">
											<img class="img-1" src="{{ asset('images/products/product-11.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-12.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Skin Nourishing Serum
												</a>

												<span>
													$14.66
												</span>
												<div class="d-flex discount-price">
													<del>$16.22</del>
													<p>(-30%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(330)</span>
												</div>

											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic New">
											<img class="img-1" src="{{ asset('images/products/product-13.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-14.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Cannabis Face Cream
												</a>
												<span>
													$34.01
												</span>
												<div class="d-flex discount-price">
													<del>$53.99</del>
													<p>(-37%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(330)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic New">
											<img class="img-1" src="{{ asset('images/products/product-15.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-16.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Spectrum CBD Face Cream
												</a>
												<span>
													$40.79
												</span>
												<div class="d-flex discount-price">
													<del>$40.79</del>
													<p>(-32%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(322)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic New">
											<img class="img-1" src="{{ asset('images/products/product-17.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-18.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													CBD Infused Lotion
												</a>
												<span>
													$35.49
												</span>
												<div class="d-flex discount-price">
													<del>$49.99</del>
													<p>(-29%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(140)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic New">
											<img class="img-1" src="{{ asset('images/products/product-19.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-20.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Hemp Sun Grown Cream
												</a>
												<span>
													$27.19
												</span>
												<div class="d-flex discount-price">
													<del>$39.99 </del>
													<p>(-32%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(230)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic New">
											<img class="img-1" src="{{ asset('images/products/product-21.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-22.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Hair Nourishing CBD Oil
												</a>
												<span>
													$35.50
												</span>
												<div class="d-flex discount-price">
													<del>$70.99</del>
													<p>(-50%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(130)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic New">
											<img class="img-1" src="{{ asset('images/products/product-23.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-24.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Spectrum Body Wash Oil
												</a>
												<span>
													$56.43
												</span>
												<div class="d-flex discount-price">
													<del>$67.99</del>
													<p>(-17%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(60)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
							</div>
						</div>
						<!-- Discounts part -->
						<div class="tab-pane fade" id="discount" role="tabpanel" aria-labelledby="discounts">
							<div class="row">
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic fa-solid fa-certificate discount" data-discount="-45%">
											<img class="img-1" src="{{ asset('images/products/product-05.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-06.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Skin Therapy Combo
												</a>
												<span>
													$16.49
												</span>
												<div class="d-flex discount-price">
													<del>$29.99</del>
													<p>(-45%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(369)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic fa-solid fa-certificate discount" data-discount="-15%">
											<img class="img-1" src="{{ asset('images/products/product-01.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-02.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Skin Nourishing Serum plus
												</a>

												<span>
													$22.09
												</span>
												<div class="d-flex discount-price">
													<del>$25.99</del>
													<p>(-15%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(106)</span>
												</div>

											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic fa-solid fa-certificate discount" data-discount="-29%">
											<img class="img-1" src="{{ asset('images/products/product-17.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-18.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													CBD Infused Lotion
												</a>
												<span>
													$35.49
												</span>
												<div class="d-flex discount-price">
													<del>$49.99</del>
													<p>(-29%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(140)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>

								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic fa-solid fa-certificate discount" data-discount="-32%">
											<img class="img-1" src="{{ asset('images/products/product-15.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-16.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Spectrum CBD Face Cream
												</a>
												<span>
													$40.79
												</span>
												<div class="d-flex discount-price">
													<del>$40.79</del>
													<p>(-32%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(322)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic fa-solid fa-certificate discount" data-discount="-50%">
											<img class="img-1" src="{{ asset('images/products/product-03.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-04.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Skin Toning Serum
												</a>
												<span>
													$15.50
												</span>
												<div class="d-flex discount-price">
													<del>$30.99</del>
													<p>(-50%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(144)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>

								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic fa-solid fa-certificate discount" data-discount="-45%">
											<img class="img-1" src="{{ asset('images/products/product-07.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-08.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Acne Treating Serum
												</a>
												<span>
													$27.49
												</span>
												<div class="d-flex discount-price">
													<del>$49.99</del>
													<p>(-45%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(355)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic fa-solid fa-certificate discount" data-discount="-32%">
											<img class="img-1" src="{{ asset('images/products/product-09.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-10.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													CBD Glow Combo
												</a>
												<span>
													$52.13
												</span>
												<div class="d-flex discount-price">
													<del>$65.99</del>
													<p>(-32%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(377)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic fa-solid fa-certificate discount" data-discount="-17%">
											<img class="img-1" src="{{ asset('images/products/product-23.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-24.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Spectrum Body Wash Oil
												</a>
												<span>
													$56.43
												</span>
												<div class="d-flex discount-price">
													<del>$67.99</del>
													<p>(-17%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(60)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic fa-solid fa-certificate discount" data-discount="-30%">
											<img class="img-1" src="{{ asset('images/products/product-11.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-12.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Skin Nourishing Serum
												</a>
												<span>
													$14.66
												</span>
												<div class="d-flex discount-price">
													<del>$16.22</del>
													<p>(-30%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(330)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic fa-solid fa-certificate discount" data-discount="-37%">
											<img class="img-1" src="{{ asset('images/products/product-13.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-14.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Cannabis Face Cream
												</a>
												<span>
													$34.01
												</span>
												<div class="d-flex discount-price">
													<del>$53.99</del>
													<p>(-37%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(330)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic fa-solid fa-certificate discount" data-discount="-32%">
											<img class="img-1" src="{{ asset('images/products/product-19.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-20.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Hemp Sun Grown Cream
												</a>
												<span>
													$27.19
												</span>
												<div class="d-flex discount-price">
													<del>$39.99 </del>
													<p>(-32%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(230)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic fa-solid fa-certificate discount" data-discount="-50%">
											<img class="img-1" src="{{ asset('images/products/product-21.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-22.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Hair Nourishing CBD Oil
												</a>
												<span>
													$35.50
												</span>
												<div class="d-flex discount-price">
													<del>$70.99</del>
													<p>(-50%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(130)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<div class="load_more d-flex flex-wrap">
									<a href="#">
										Load More
									</a>
								</div>
							</div>
						</div>
						<!-- Features part -->
						<div class="tab-pane fade" id="featured" role="tabpanel" aria-labelledby="features">
							<div class="row">

								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic">
											<img class="img-1" src="{{ asset('images/products/product-01.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-02.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Skin Nourishing Serum plus
												</a>

												<span>
													$22.09
												</span>
												<div class="d-flex discount-price">
													<del>$25.99</del>
													<p>(-15%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(106)</span>
												</div>

											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic">
											<img class="img-1" src="{{ asset('images/products/product-07.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-08.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Acne Treating Serum
												</a>
												<span>
													$27.49
												</span>
												<div class="d-flex discount-price">
													<del>$49.99</del>
													<p>(-45%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(355)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic">
											<img class="img-1" src="{{ asset('images/products/product-13.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-14.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Cannabis Face Cream
												</a>
												<span>
													$34.01
												</span>
												<div class="d-flex discount-price">
													<del>$53.99</del>
													<p>(-37%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(330)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic">
											<img class="img-1" src="{{ asset('images/products/product-19.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-20.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Hemp Sun Grown Cream
												</a>
												<span>
													$27.19
												</span>
												<div class="d-flex discount-price">
													<del>$39.99 </del>
													<p>(-32%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(230)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic">
											<img class="img-1" src="{{ asset('images/products/product-03.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-04.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Skin Toning Serum
												</a>
												<span>
													$15.50
												</span>
												<div class="d-flex discount-price">
													<del>$30.99</del>
													<p>(-50%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(144)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic">
											<img class="img-1" src="{{ asset('images/products/product-09.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-10.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													CBD Glow Combo
												</a>
												<span>
													$52.13
												</span>
												<div class="d-flex discount-price">
													<del>$65.99</del>
													<p>(-32%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(377)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic">
											<img class="img-1" src="{{ asset('images/products/product-15.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-16.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Spectrum CBD Face Cream
												</a>
												<span>
													$40.79
												</span>
												<div class="d-flex discount-price">
													<del>$40.79</del>
													<p>(-32%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(322)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic">
											<img class="img-1" src="{{ asset('images/products/product-21.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-22.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Hair Nourishing CBD Oil
												</a>
												<span>
													$35.50
												</span>
												<div class="d-flex discount-price">
													<del>$70.99</del>
													<p>(-50%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(130)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic">
											<img class="img-1" src="{{ asset('images/products/product-05.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-06.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Skin Therapy Combo
												</a>
												<span>
													$16.49
												</span>
												<div class="d-flex discount-price">
													<del>$29.99</del>
													<p>(-45%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(369)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic">
											<img class="img-1" src="{{ asset('images/products/product-11.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-12.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Skin Nourishing Serum
												</a>
												<span>
													$14.66
												</span>
												<div class="d-flex discount-price">
													<del>$16.22</del>
													<p>(-30%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(330)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic">
											<img class="img-1" src="{{ asset('images/products/product-17.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-18.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													CBD Infused Lotion
												</a>
												<span>
													$35.49
												</span>
												<div class="d-flex discount-price">
													<del>$49.99</del>
													<p>(-29%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(140)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>
								<!-- single product-->
								<div class="item">
									<div class="item-block">
										<div class="item-block-pic">
											<img class="img-1" src="{{ asset('images/products/product-23.jpg') }}"
												alt="IMG-PRODUCT">
											<img class="img-2" src="{{ asset('images/products/product-24.jpg') }}"
												alt="IMG-PRODUCT">

											<a href="#" class="item-block-btn js-cart-show-modal">
												Quick View
											</a>
										</div>

										<div class="item-block-txt d-flex flex-wrap">
											<div class="item-block-txt-child1">
												<a href="{{ url('/product-detail') }}" class="js-name-b2">
													Spectrum Body Wash Oil
												</a>
												<span>
													$56.43
												</span>
												<div class="d-flex discount-price">
													<del>$67.99</del>
													<p>(-17%)</p>
												</div>
												<div class="star d-flex flex-wrap">
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-solid fa-star"></i>
													<i class="fa-regular fa-star-half-stroke"></i>
													<i class="fa-regular fa-star"></i>
													<span>(60)</span>
												</div>
											</div>

											<button class="product_fav js-fav btn-addwish-b2 js-addwish-b2">
												<span class="heart"></span>
											</button>

										</div>
									</div>
								</div>

								<div class="load_more d-flex flex-wrap">
									<a href="{{ url('/shop') }}">
										Load More
									</a>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="col-lg-2">
					<div class="product-banner-part">
						<div class="product-banner">
							<a href="#">
								<img class="w-100 img-fluid" src="./images/blog/news_card.jpg" alt="">
							</a>
						</div>
						<div class="product-banner">
							<a href="#">
								<img class="w-100 img-fluid" src="./images/blog/news_card1.jpg" alt="">
							</a>
						</div>
						<div class="product-banner">
							<a href="#">
								<img class="w-100 img-fluid" src="./images/blog/news_card2.jpg" alt="">
							</a>
						</div>
					</div>
				</div>
			</div>

		</div>
	</section>
	<!-- >>>>>>>>>>>>>>>>>>> Product part end >>>>>>>>>>>>>>>>>>>-->


@endsection