@extends('frontend.layouts.app')
  @section('content')                 </div>
                        </div>
                    </div>
                    <div class="col-8 custom-xxs-col">
                        <div class="row banner-wrap">
                            <div class="col-lg-12">
                                <div class="banner-item">
                                    <div class="banner-img">
                                        <a href="#" onClick="handleClick()">
                                            <img src="design/assets/images/banner/3-2.jpg" alt="Quicky's Banner">
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="banner-item">
                                    <div class="banner-img">
                                        <a href="#" onClick="handleClick()">
                                            <img src="design/assets/images/banner/3-3.jpg" alt="Quicky's Banner">
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Banner Area Five End Here -->

        <!-- Begin Product Area -->
        <div class="product-area-5 pt-95">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title">
                            <h3 class="heading">Featured Products</h3>
                            {{-- <p class="short-desc">Produce and supply various Handicraft items all over
                                the world which were very attractive</p> --}}
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="quicky-element-carousel product-slider" data-slick-options='{
                            "slidesToShow": 3,
                            "slidesToScroll": 1,
                            "infinite": false,
                            "arrows": false,
                            "dots": false,
                            "spaceBetween": 30
                            }' data-slick-responsive='[
                            {"breakpoint":992, "settings": {
                            "slidesToShow": 2
                            }},
                            {"breakpoint":480, "settings": {
                            "slidesToShow": 1
                            }}
                        ]'>

                            <div class="product-item">
                                <div class="single-product">
                                    <div class="product-img">
                                        <a href="single-product.html">
                                            <img src="design/assets/images/product/medium-size/16.jpg" alt="Quicky's Product Image">
                                        </a>
                                        <span class="sticker">New</span>
                                        <span class="sticker-2">16% OFF</span>
                                        <div class="add-actions">
                                            <ul>
                                                <li class="quick-view-btn" data-bs-toggle="modal" data-bs-target="#exampleModalCenter"><a href="#" onClick="handleClick()" data-bs-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                                </li>
                                                {{-- <li><a href="wishlist.html" data-bs-toggle="tooltip" data-placement="top" title="Add To Wishlist"><i class="icon-heart"></i></a>
                                                </li>
                                                <li><a href="compare.html" data-bs-toggle="tooltip" data-placement="top" title="Add To Compare"><i class="icon-refresh"></i></a> --}}
                                                </li>
                                                <li><a href="cart.html" data-bs-toggle="tooltip" data-placement="top" title="Add To cart"><i class="icon-bag"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content">
                                        <div class="product-desc_info">
                                            <h3 class="product-name"><a href="single-product.html">White Black Poat</a></h3>
                                            <div class="price-box">
                                                <span class="old-price">$80.00</span>
                                                <span class="new-price">$60.00</span>
                                            </div>
                                            <div class="review-area d-flex justify-content-between align-items-center">
                                                <div class="rating-box">
                                                    <ul>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                    </ul>
                                                </div>
                                                <span class="manufacture-product">Handcraft</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="product-item">
                                <div class="single-product">
                                    <div class="product-img">
                                        <a href="single-product.html">
                                            <img src="design/assets/images/product/medium-size/17.jpg" alt="Quicky's Product Image">
                                        </a>
                                        <div class="add-actions hover-right_side">
                                            <ul>
                                                <li class="quick-view-btn" data-bs-toggle="modal" data-bs-target="#exampleModalCenter"><a href="#" onClick="handleClick()" data-bs-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                                </li>
                                                <li><a href="wishlist.html" data-bs-toggle="tooltip" data-placement="left" title="Add To Wishlist"><i class="icon-heart"></i></a>
                                                </li>
                                                <li><a href="compare.html" data-bs-toggle="tooltip" data-placement="left" title="Add To Compare"><i class="icon-refresh"></i></a>
                                                </li>
                                                <li><a href="cart.html" data-bs-toggle="tooltip" data-placement="left" title="Add To cart"><i class="icon-bag"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content">
                                        <div class="product-desc_info">
                                            <h3 class="product-name"><a href="single-product.html">Cesteria Long Poat</a>
                                            </h3>
                                            <div class="price-box">
                                                <span class="old-price">$100.00</span>
                                                <span class="new-price">$90.00</span>
                                            </div>
                                            <div class="review-area d-flex justify-content-between align-items-center">
                                                <div class="rating-box">
                                                    <ul>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                    </ul>
                                                </div>
                                                <span class="manufacture-product">Handcraft</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="product-item">
                                <div class="single-product">
                                    <div class="product-img">
                                        <a href="single-product.html">
                                            <img src="design/assets/images/product/medium-size/18.jpg" alt="Quicky's Product Image">
                                        </a>
                                        <span class="sticker">Hot</span>
                                        <span class="sticker-2">-25%</span>
                                        <div class="add-actions hover-right_side">
                                            <ul>
                                                <li class="quick-view-btn" data-bs-toggle="modal" data-bs-target="#exampleModalCenter"><a href="#" onClick="handleClick()" data-bs-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                                </li>
                                                <li><a href="wishlist.html" data-bs-toggle="tooltip" data-placement="left" title="Add To Wishlist"><i class="icon-heart"></i></a>
                                                </li>
                                                <li><a href="compare.html" data-bs-toggle="tooltip" data-placement="left" title="Add To Compare"><i class="icon-refresh"></i></a>
                                                </li>
                                                <li><a href="cart.html" data-bs-toggle="tooltip" data-placement="left" title="Add To cart"><i class="icon-bag"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content">
                                        <div class="product-desc_info">
                                            <h3 class="product-name"><a href="single-product.html">Woodent Turning</a></h3>
                                            <div class="price-box">
                                                <span class="old-price">$45.00</span>
                                                <span class="new-price">$90.00</span>
                                            </div>
                                            <div class="review-area d-flex justify-content-between align-items-center">
                                                <div class="rating-box">
                                                    <ul>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                    </ul>
                                                </div>
                                                <span class="manufacture-product">Handcraft</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="product-item">
                                <div class="single-product">
                                    <div class="product-img">
                                        <a href="single-product.html">
                                            <img src="design/assets/images/product/medium-size/16.jpg" alt="Quicky's Product Image">
                                        </a>
                                        <span class="sticker">New</span>
                                        <span class="sticker-2">16% OFF</span>
                                        <div class="add-actions">
                                            <ul>
                                                <li class="quick-view-btn" data-bs-toggle="modal" data-bs-target="#exampleModalCenter"><a href="#" onClick="handleClick()" data-bs-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                                </li>
                                                <li><a href="wishlist.html" data-bs-toggle="tooltip" data-placement="top" title="Add To Wishlist"><i class="icon-heart"></i></a>
                                                </li>
                                                <li><a href="compare.html" data-bs-toggle="tooltip" data-placement="top" title="Add To Compare"><i class="icon-refresh"></i></a>
                                                </li>
                                                <li><a href="cart.html" data-bs-toggle="tooltip" data-placement="top" title="Add To cart"><i class="icon-bag"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content">
                                        <div class="product-desc_info">
                                            <h3 class="product-name"><a href="single-product.html">White Black Poat</a></h3>
                                            <div class="price-box">
                                                <span class="old-price">$80.00</span>
                                                <span class="new-price">$60.00</span>
                                            </div>
                                            <div class="review-area d-flex justify-content-between align-items-center">
                                                <div class="rating-box">
                                                    <ul>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                    </ul>
                                                </div>
                                                <span class="manufacture-product">Handcraft</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Product Area End Here -->

        <!-- Begin Best Deals Area Three -->
        <div class="best-deals_area-3 pt-85">
            <div class="container-fluid p-0">
                <div class="row g-0">
                    <div class="col-xl-6 col-lg-12">
                        <div class="best-deal_wrap">
                            <div class="quicky-element-carousel best-deal_slider arrow-style best-deal_arrow" data-slick-options='{
                                "slidesToShow": 1,
                                "slidesToScroll": 1,
                                "infinite": true,
                                "arrows": true,
                                "dots": false,
                                "fade": true
                                }' data-slick-responsive='[
                                {"breakpoint":992, "settings": {
                                "slidesToShow": 1
                                }},
                                {"breakpoint":768, "settings": {
                                "slidesToShow": 1
                                }},
                                {"breakpoint":575, "settings": {
                                "slidesToShow": 1
                                }}
                            ]'>

                                <div class="best-deal_item best-deal-bg-04">
                                    <div class="best-deal_content">
                                        <span class="product-discount">DISCOUNTED UP TO <strong>50%</strong></span>
                                        <h3 class="product-name">Zongely Basket</h3>
                                        <span class="product-offer">LIMITED TIME OFEER</span>
                                        <div class="countdown-wrap">
                                            <div class="countdown item-4" data-countdown="2021/09/01" data-format="short">
                                                <div class="countdown__item">
                                                    <span class="countdown__time daysLeft"></span>
                                                    <span class="countdown__text daysText"></span>
                                                </div>
                                                <div class="countdown__item">
                                                    <span class="countdown__time hoursLeft"></span>
                                                    <span class="countdown__text hoursText"></span>
                                                </div>
                                                <div class="countdown__item">
                                                    <span class="countdown__time minsLeft"></span>
                                                    <span class="countdown__text minsText"></span>
                                                </div>
                                                <div class="countdown__item">
                                                    <span class="countdown__time secsLeft"></span>
                                                    <span class="countdown__text secsText"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="quicky-btn-ps_left">
                                            <a class="quicky-btn horizontal-line_ltr" href="/">Discover
                                                Now!</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="best-deal_item best-deal-bg-05">
                                    <div class="best-deal_content">
                                        <span class="product-discount">DISCOUNTED UP TO <strong>50%</strong></span>
                                        <h3 class="product-name">Zongely Basket</h3>
                                        <span class="product-offer">LIMITED TIME OFEER</span>
                                        <div class="countdown-wrap">
                                            <div class="countdown item-4" data-countdown="2021/10/01" data-format="short">
                                                <div class="countdown__item">
                                                    <span class="countdown__time daysLeft"></span>
                                                    <span class="countdown__text daysText"></span>
                                                </div>
                                                <div class="countdown__item">
                                                    <span class="countdown__time hoursLeft"></span>
                                                    <span class="countdown__text hoursText"></span>
                                                </div>
                                                <div class="countdown__item">
                                                    <span class="countdown__time minsLeft"></span>
                                                    <span class="countdown__text minsText"></span>
                                                </div>
                                                <div class="countdown__item">
                                                    <span class="countdown__time secsLeft"></span>
                                                    <span class="countdown__text secsText"></span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="quicky-btn-ps_left">
                                            <a class="quicky-btn horizontal-line_ltr" href="/">Discover
                                                Now!</a>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                    <div class="col-xl-6 col-lg-12">
                        <div class="testimonial-wrap">
                            <div class="quicky-element-carousel testimonial-slider" data-slick-options='{
                                "slidesToShow": 1,
                                "slidesToScroll": 1,
                                "infinite": false,
                                "arrows": false,
                                "autoplay" : true,
                                "dots": false
                                }' data-slick-responsive='[
                                {"breakpoint":992, "settings": {
                                "slidesToShow": 1
                                }},
                                {"breakpoint":768, "settings": {
                                "slidesToShow": 1
                                }},
                                {"breakpoint":575, "settings": {
                                "slidesToShow": 1
                                }}
                            ]'>

                                <div class="testimonial-item testimonial-bg-01">
                                    <div class="testimonial-content">
                                        <p class="short-desc"><strong>Quicky</strong> is one of the best ecommerce shop that
                                            produce and supply arious Handicraft items all
                                            over the world which were very attractive
                                        <div class="user-info">
                                            <h3 class="user-name">Alberto Nicolus</h3>
                                            <span class="user-occupation">CEO, Opex</span>
                                        </div>
                                        </p>
                                    </div>
                                </div>
                                <div class="testimonial-item testimonial-bg-01">
                                    <div class="testimonial-content">
                                        <p class="short-desc"><strong>Quicky</strong> is one of the best ecommerce shop that
                                            produce and supply arious Handicraft items all
                                            over the world which were very attractive
                                        <div class="user-info">
                                            <h3 class="user-name">Alberto Nicolus</h3>
                                            <span class="user-occupation">CEO, Opex</span>
                                        </div>
                                        </p>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Best Deals Area Three End Here -->

        <!-- Begin Product Area Six -->
        <div class="product-area-6 pt-95">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="section-title">
                            <h3 class="heading">Popular Products</h3>
                            {{-- <p class="short-desc">Produce and supply various Handicraft items all over
                                the world which were very attractive</p> --}}
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="quicky-element-carousel product-slider" data-slick-options='{
                        "slidesToShow": 3,
                        "slidesToScroll": 1,
                        "infinite": false,
                        "arrows": false,
                        "dots": false,
                        "spaceBetween": 30,
                        "rows" : 2
                        }' data-slick-responsive='[
                        {"breakpoint":992, "settings": {
                        "slidesToShow": 2
                        }},
                        {"breakpoint":480, "settings": {
                        "slidesToShow": 1
                        }}
                    ]'>

                            <div class="product-item">
                                <div class="single-product">
                                    <div class="product-img">
                                        <a href="single-product.html">
                                            <img src="design/assets/images/product/medium-size/19.jpg" alt="Quicky's Product Image">
                                        </a>
                                        <span class="sticker">New</span>
                                        <span class="sticker-2">16% OFF</span>
                                        <div class="add-actions hover-right_side">
                                            <ul>
                                                <li class="quick-view-btn" data-bs-toggle="modal" data-bs-target="#exampleModalCenter"><a href="#" onClick="handleClick()" data-bs-toggle="tooltip" data-placement="left" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                                </li>
                                                <li><a href="wishlist.html" data-bs-toggle="tooltip" data-placement="left" title="Add To Wishlist"><i class="icon-heart"></i></a>
                                                </li>
                                                <li><a href="compare.html" data-bs-toggle="tooltip" data-placement="left" title="Add To Compare"><i class="icon-refresh"></i></a>
                                                </li>
                                                <li><a href="cart.html" data-bs-toggle="tooltip" data-placement="left" title="Add To cart"><i class="icon-bag"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content">
                                        <div class="product-desc_info">
                                            <h3 class="product-name"><a href="single-product.html">Thin Cap Poat</a></h3>
                                            <div class="price-box">
                                                <span class="old-price">$95.00</span>
                                                <span class="new-price">$55.00</span>
                                            </div>
                                            <div class="review-area d-flex justify-content-between align-items-center">
                                                <div class="rating-box">
                                                    <ul>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                    </ul>
                                                </div>
                                                <span class="manufacture-product">Handcraft</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="product-item">
                                <div class="single-product">
                                    <div class="product-img">
                                        <a href="single-product.html">
                                            <img src="design/assets/images/product/medium-size/20.jpg" alt="Quicky's Product Image">
                                        </a>
                                        <div class="add-actions">
                                            <ul>
                                                <li class="quick-view-btn" data-bs-toggle="modal" data-bs-target="#exampleModalCenter"><a href="#" onClick="handleClick()" data-bs-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                                </li>
                                                <li><a href="wishlist.html" data-bs-toggle="tooltip" data-placement="top" title="Add To Wishlist"><i class="icon-heart"></i></a>
                                                </li>
                                                <li><a href="compare.html" data-bs-toggle="tooltip" data-placement="top" title="Add To Compare"><i class="icon-refresh"></i></a>
                                                </li>
                                                <li><a href="cart.html" data-bs-toggle="tooltip" data-placement="top" title="Add To cart"><i class="icon-bag"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content">
                                        <div class="product-desc_info">
                                            <h3 class="product-name"><a href="single-product.html">Basket Vessel</a></h3>
                                            <div class="price-box">
                                                <span class="old-price">$120.00</span>
                                                <span class="new-price">$75.00</span>
                                            </div>
                                            <div class="review-area d-flex justify-content-between align-items-center">
                                                <div class="rating-box">
                                                    <ul>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                    </ul>
                                                </div>
                                                <span class="manufacture-product">Handcraft</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="product-item">
                                <div class="single-product">
                                    <div class="product-img">
                                        <a href="single-product.html">
                                            <img src="design/assets/images/product/medium-size/21.jpg" alt="Quicky's Product Image">
                                        </a>
                                        <span class="sticker">Hot</span>
                                        <span class="sticker-2">-25%</span>
                                        <div class="add-actions">
                                            <ul>
                                                <li class="quick-view-btn" data-bs-toggle="modal" data-bs-target="#exampleModalCenter"><a href="#" onClick="handleClick()" data-bs-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                                </li>
                                                <li><a href="wishlist.html" data-bs-toggle="tooltip" data-placement="top" title="Add To Wishlist"><i class="icon-heart"></i></a>
                                                </li>
                                                <li><a href="compare.html" data-bs-toggle="tooltip" data-placement="top" title="Add To Compare"><i class="icon-refresh"></i></a>
                                                </li>
                                                <li><a href="cart.html" data-bs-toggle="tooltip" data-placement="top" title="Add To cart"><i class="icon-bag"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content">
                                        <div class="product-desc_info">
                                            <h3 class="product-name"><a href="single-product.html">Water Jug</a></h3>
                                            <div class="price-box">
                                                <span class="old-price">$62.00</span>
                                                <span class="new-price">$28.00</span>
                                            </div>
                                            <div class="review-area d-flex justify-content-between align-items-center">
                                                <div class="rating-box">
                                                    <ul>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                    </ul>
                                                </div>
                                                <span class="manufacture-product">Handcraft</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="product-item">
                                <div class="single-product">
                                    <div class="product-img">
                                        <a href="single-product.html">
                                            <img src="design/assets/images/product/medium-size/22.jpg" alt="Quicky's Product Image">
                                        </a>
                                        <span class="sticker">New</span>
                                        <span class="sticker-2">16% OFF</span>
                                        <div class="add-actions">
                                            <ul>
                                                <li class="quick-view-btn" data-bs-toggle="modal" data-bs-target="#exampleModalCenter"><a href="#" onClick="handleClick()" data-bs-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                                </li>
                                                <li><a href="wishlist.html" data-bs-toggle="tooltip" data-placement="top" title="Add To Wishlist"><i class="icon-heart"></i></a>
                                                </li>
                                                <li><a href="compare.html" data-bs-toggle="tooltip" data-placement="top" title="Add To Compare"><i class="icon-refresh"></i></a>
                                                </li>
                                                <li><a href="cart.html" data-bs-toggle="tooltip" data-placement="top" title="Add To cart"><i class="icon-bag"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content">
                                        <div class="product-desc_info">
                                            <h3 class="product-name"><a href="single-product.html">Bamboo Vessel</a></h3>
                                            <div class="price-box">
                                                <span class="old-price">$65.00</span>
                                                <span class="new-price">$39.00</span>
                                            </div>
                                            <div class="review-area d-flex justify-content-between align-items-center">
                                                <div class="rating-box">
                                                    <ul>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                    </ul>
                                                </div>
                                                <span class="manufacture-product">Handcraft</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="product-item">
                                <div class="single-product">
                                    <div class="product-img">
                                        <a href="single-product.html">
                                            <img src="design/assets/images/product/medium-size/23.jpg" alt="Quicky's Product Image">
                                        </a>
                                        <span class="sticker-2">-30%</span>
                                        <div class="add-actions">
                                            <ul>
                                                <li class="quick-view-btn" data-bs-toggle="modal" data-bs-target="#exampleModalCenter"><a href="#" onClick="handleClick()" data-bs-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                                </li>
                                                <li><a href="wishlist.html" data-bs-toggle="tooltip" data-placement="top" title="Add To Wishlist"><i class="icon-heart"></i></a>
                                                </li>
                                                <li><a href="compare.html" data-bs-toggle="tooltip" data-placement="top" title="Add To Compare"><i class="icon-refresh"></i></a>
                                                </li>
                                                <li><a href="cart.html" data-bs-toggle="tooltip" data-placement="top" title="Add To cart"><i class="icon-bag"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content">
                                        <div class="product-desc_info">
                                            <h3 class="product-name"><a href="single-product.html">Delereto Veselo</a></h3>
                                            <div class="price-box">
                                                <span class="old-price">$120.00</span>
                                                <span class="new-price">$97.00</span>
                                            </div>
                                            <div class="review-area d-flex justify-content-between align-items-center">
                                                <div class="rating-box">
                                                    <ul>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                    </ul>
                                                </div>
                                                <span class="manufacture-product">Handcraft</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="product-item">
                                <div class="single-product">
                                    <div class="product-img">
                                        <a href="single-product.html">
                                            <img src="design/assets/images/product/medium-size/24.jpg" alt="Quicky's Product Image">
                                        </a>
                                        <span class="sticker">Hot</span>
                                        <span class="sticker-2">-25%</span>
                                        <div class="add-actions">
                                            <ul>
                                                <li class="quick-view-btn" data-bs-toggle="modal" data-bs-target="#exampleModalCenter"><a href="#" onClick="handleClick()" data-bs-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                                </li>
                                                <li><a href="wishlist.html" data-bs-toggle="tooltip" data-placement="top" title="Add To Wishlist"><i class="icon-heart"></i></a>
                                                </li>
                                                <li><a href="compare.html" data-bs-toggle="tooltip" data-placement="top" title="Add To Compare"><i class="icon-refresh"></i></a>
                                                </li>
                                                <li><a href="cart.html" data-bs-toggle="tooltip" data-placement="top" title="Add To cart"><i class="icon-bag"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content">
                                        <div class="product-desc_info">
                                            <h3 class="product-name"><a href="single-product.html">Premium Style Poat</a></h3>
                                            <div class="price-box">
                                                <span class="old-price">$75.00</span>
                                                <span class="new-price">$49.00</span>
                                            </div>
                                            <div class="review-area d-flex justify-content-between align-items-center">
                                                <div class="rating-box">
                                                    <ul>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                    </ul>
                                                </div>
                                                <span class="manufacture-product">Handcraft</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="product-item">
                                <div class="single-product">
                                    <div class="product-img">
                                        <a href="single-product.html">
                                            <img src="design/assets/images/product/medium-size/19.jpg" alt="Quicky's Product Image">
                                        </a>
                                        <span class="sticker">New</span>
                                        <span class="sticker-2">16% OFF</span>
                                        <div class="add-actions">
                                            <ul>
                                                <li class="quick-view-btn" data-bs-toggle="modal" data-bs-target="#exampleModalCenter"><a href="#" onClick="handleClick()" data-bs-toggle="tooltip" data-placement="top" title="Quick View"><i
                                                        class="icon-magnifier"></i></a>
                                                </li>
                                                <li><a href="wishlist.html" data-bs-toggle="tooltip" data-placement="top" title="Add To Wishlist"><i class="icon-heart"></i></a>
                                                </li>
                                                <li><a href="compare.html" data-bs-toggle="tooltip" data-placement="top" title="Add To Compare"><i class="icon-refresh"></i></a>
                                                </li>
                                                <li><a href="cart.html" data-bs-toggle="tooltip" data-placement="top" title="Add To cart"><i class="icon-bag"></i></a>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="product-content">
                                        <div class="product-desc_info">
                                            <h3 class="product-name"><a href="single-product.html">Thin Cap Poat</a></h3>
                                            <div class="price-box">
                                                <span class="old-price">$95.00</span>
                                                <span class="new-price">$55.00</span>
                                            </div>
                                            <div class="review-area d-flex justify-content-between align-items-center">
                                                <div class="rating-box">
                                                    <ul>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                        <li><i class="icon-star"></i></li>
                                                    </ul>
                                                </div>
                                                <span class="manufacture-product">Handcraft</span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Product Area Six End Here -->

        <!-- Begin Banner Area Six -->
        <div class="banner-area-6 pt-85">
            <div class="container">
                <div class="row">
                    <div class="col-8 custom-xxs-col">
                        <div class="banner-item">
                            <div class="banner-img">
                                <a href="javascript:void(0)">
                                    <img src="design/assets/images/banner/3-4.webp" alt="Quicky's Banner">
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="col-4 custom-xxs-col">
                        <div class="banner-item">
                            <div class="banner-img">
                                <a href="javascript:void(0)">
                                    <img src="design/assets/images/banner/3-5.jpg" alt="Quicky's Banner">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Banner Area Six End Here -->

        <!-- Begin Service Area -->
        <div class="service-area pt-100 pb-90">
            <div class="container">
                <div class="row">
                    <div class="col-lg-4 col-md-6">
                        <div class="service-item">
                            <div class="service-img">
                                <img src="design/assets/images/service/1.png" alt="Quicky's Service">
                            </div>
                            <div class="service-content">
                                <h3 class="heading">Free Home Delivery</h3>
                                <p class="short-desc">Provide free home delivery
                                    for all product over $100</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="service-item">
                            <div class="service-img">
                                <img src="design/assets/images/service/2.png" alt="Quicky's Service">
                            </div>
                            <div class="service-content">
                                <h3 class="heading">Quality Products</h3>
                                <p class="short-desc">We ensure our product
                                    quality all times</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6">
                        <div class="service-item">
                            <div class="service-img">
                                <img src="design/assets/images/service/3.png" alt="Quicky's Service">
                            </div>
                            <div class="service-content">
                                <h3 class="heading">30 Days Return</h3>
                                <p class="short-desc">Our product return policy
                                    is very easy & simple</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Service Area End Here -->
        @endsection