@extends('front.master')

@section('body')
<main class="main">
    <section class="section-box">
        <div class="banner-hero banner-1">
            <div class="container">
                <div class="row">
                    <!--
                    <div class="col-lg-8">
                        <div class="box-swiper">
                            <div class="swiper-container swiper-group-1">
                                <div class="swiper-wrapper">
                                    <div class="swiper-slide">
                                        <div class="banner-big bg-11" style="background-image: url({{ asset('admin/assets/imgs/page/homepage1/bannerss0.png') }})"><span class="font-sm text-uppercase" style="color:#ffffff">Hot Right Now</span>
                                            <h2 class="mt-10" style="color:#ffffff">Redmi</h2>
                                            <h1 style="color:#ffffff">Note 13 Pro</h1>
                                            <div class="row">
                                                <div class="col-lg-5 col-md-7 col-sm-12">
                                            
                                                </div>
                                            </div>
                                            <div class="mt-30"><a class="btn btn-brand-2" href="shop-grid.html">Shop now</a>
                                              
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="banner-big bg-11-2" style="background-image: url({{ asset('admin/assets/imgs/page/homepage1/bannerss2.png') }})"><span class="font-sm text-uppercase" style="color:#000000">Trending Now</span>
                                            <h2 class="mt-10" style="color:#000000">Big Sale 25%</h2>
                                            <h1 style="color:#000000">LG 43" TV</h1>
                                            <div class="row">
                                                <div class="col-lg-5 col-md-7 col-sm-12">
                                                    
                                                </div>
                                            </div>
                                            <div class="mt-30"><a class="btn btn-brand-2" href="shop-grid.html">Shop now</a>
                                             
                                            </div>
                                        </div>
                                    </div>
                                    <div class="swiper-slide">
                                        <div class="banner-big bg-11-3" style="background-image: url({{ asset('admin/assets/imgs/page/homepage1/bannerss1.png') }})"><span class="font-sm text-uppercase" style="color:#ffffff;">Top Sale This Month</span>
                                            <h2 class="mt-10" style="color:#000000;">Hot Collection</h2>
                                            <h1 style="color:#000000;">Head Phones</h1>
                                            <div class="row">
                                                <div class="col-lg-5 col-md-7 col-sm-12">
                                        
                                                </div>
                                            </div>
                                            <div class="mt-30"><a class="btn btn-brand-2" href="shop-grid.html">Shop now</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-pagination swiper-pagination-1"></div>
                            </div>
                        </div>
                    </div>
-->
                    <div class="col-lg-4">
                        <div class="row">
                            <!--INTRODUCING SEARCH BAR FOR MOBILE-->
                            <!--INTRODUCING SEARCH BAR FOR MOBILE-->
                            <!--
                            <form method="post" action="#" id="hyde" style="margin-bottom: 20px;">
                                <div class="box-category">
                                    <select class="select-active select2-hidden-accessible">
                                        <option value="all">All categories</option>
                                        <option value="vehicles">Vehicles</option>
                                        <option value="property">Property</option>
                                        <option value="Health and beauty">Health and beauty</option>
                                        <option value="fashion">Fashion</option>
                                        <option value="services">Services</option>
                                        <option value="Mobile phones &amp; tablets">Mobile phones &amp; Tablets</option>
                                        <option value="electronics">Electronics</option>
                                        <option value="commercial equipment">Commercial equipment</option>
                                        <option value="furniture &amp; appliances">Furniture &amp; appliances</option>
                                    </select>
                                </div>
                                <div class="box-keysearch">
                                    <input class="form-control font-xs" type="text" value="" placeholder="Search for items" style="margin-bottom: 10px;">
                                    <button class="btn btn-cart" id="one">Search</button>
                                </div>

                            </form>
                            -->

                            <!--END OF SEARCH BAR FOR MOBILE-->
                            <!--END OF SEARCH BAR FOR MOBILE-->
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="banner-small banner-small-1 bg-13"><span class="color-danger text-uppercase font-sm-lh32">10%<span class="color-brand-3">Sale Off</span></span>
                                    <h4 class="mb-10">Apple Watch Serial 7</h4>
                                    <p class="color-brand-3 font-desc">Don&apos;t miss the last<br class="d-none d-lg-block"> opportunity.</p>
                                    <div class="mt-20"></div>
                                </div>
                            </div>
                            <div class="col-lg-12 col-md-6 col-sm-12">
                                <div class="banner-small banner-small-2 bg-14"><span class="color-danger text-uppercase font-sm-lh32">LATEST COLLECTION</span>
                                    <h4 class="mb-10">Apple Devices &amp; Software</h4>
                                    <p class="color-brand-3 font-md">Don&apos;t miss the last<br class="d-none d-lg-block"> opportunity.</p>
                                    <div class="mt-20"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    <section class="section-box pt-50">
        <div class="container">
            <div class="head-main">
                <div class="row">
                    <div class="col-xl-7 col-lg-6">
                        <h3 class="mb-5">Best Sellers</h3>
                        <p class="font-base color-gray-500">Special products in this month.</p>
                    </div>
                    <div class="col-xl-5 col-lg-6">
                        <ul class="nav nav-tabs" role="tablist">
                            <li><a class="active" href="#tab-all" data-bs-toggle="tab" role="tab" aria-controls="tab-all" aria-selected="true">All</a></li>
                            <li><a href="#tab-bestseller" data-bs-toggle="tab" role="tab" aria-controls="tab-bestseller" aria-selected="true">Best seller</a></li>
                            <li><a href="#tab-mostviewed" data-bs-toggle="tab" role="tab" aria-controls="tab-mostviewed" aria-selected="true">Most viewed</a></li>
                            <li><a href="#tab-topbrands" data-bs-toggle="tab" role="tab" aria-controls="tab-topbrands" aria-selected="true">Top Brands</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="tab-content">
                <div class="tab-pane fade active show" id="tab-all" role="tabpanel" aria-labelledby="tab-all">
                    <div class="list-products-5">
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp3.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Apple</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">2022 Apple iMac with Retina 5K Display 8GB RAM, 256GB</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$2856.3</strong><span class="color-gray-500 price-line">$3225.6</span></div>

                                </div>
                            </div>
                        </div>
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp4.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Philips</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">Philips H4205 On-Ear Wireless Headphones with 32mm</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$154.0.3</strong><span class="color-gray-500 price-line">$162.5</span></div>

                                </div>
                            </div>
                        </div>
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp5.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Apple</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">2020 Apple MacBook Air Laptop: Apple M1 Chip, 13”</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$2325.3</strong><span class="color-gray-500 price-line">$2225.6</span></div>

                                </div>
                            </div>
                        </div>
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp6.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Apple</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">Apple Watch Series 8 [GPS 45mm] Smart Watch</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$530.3</strong><span class="color-gray-500 price-line">$560.6</span></div>

                                </div>
                            </div>
                        </div>
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp7.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Kami Tech</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">Kami by YI 4pc 1080p Home Security Cameras</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$156.3</strong><span class="color-gray-500 price-line">$250.6</span></div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="tab-bestseller" role="tabpanel" aria-labelledby="tab-bestseller">
                    <div class="list-products-5">
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp1.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Apple</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">2020 Apple MacBook Air Laptop: Apple M1 Chip, 13”</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$2325.3</strong><span class="color-gray-500 price-line">$2225.6</span></div>

                                </div>
                            </div>
                        </div>
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp2.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Apple</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">Apple Watch Series 8 [GPS 45mm] Smart Watch</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$530.3</strong><span class="color-gray-500 price-line">$560.6</span></div>

                                </div>
                            </div>
                        </div>
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp7.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Kami Tech</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">Kami by YI 4pc 1080p Home Security Cameras</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$156.3</strong><span class="color-gray-500 price-line">$250.6</span></div>

                                </div>
                            </div>
                        </div>
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp3.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Apple</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">2022 Apple iMac with Retina 5K Display 8GB RAM, 256GB</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$2856.3</strong><span class="color-gray-500 price-line">$3225.6</span></div>

                                </div>
                            </div>
                        </div>
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp4.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Philips</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">Philips H4205 On-Ear Wireless Headphones with 32mm</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$154.0.3</strong><span class="color-gray-500 price-line">$162.5</span></div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="tab-mostviewed" role="tabpanel" aria-labelledby="tab-mostviewed">
                    <div class="list-products-5">
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp5.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Apple</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">2020 Apple MacBook Air Laptop: Apple M1 Chip, 13”</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$2325.3</strong><span class="color-gray-500 price-line">$2225.6</span></div>

                                </div>
                            </div>
                        </div>
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp6.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Apple</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">Apple Watch Series 8 [GPS 45mm] Smart Watch</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$530.3</strong><span class="color-gray-500 price-line">$560.6</span></div>

                                </div>
                            </div>
                        </div>
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp3.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Apple</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">2022 Apple iMac with Retina 5K Display 8GB RAM, 256GB</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$2856.3</strong><span class="color-gray-500 price-line">$3225.6</span></div>

                                </div>
                            </div>
                        </div>
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp4.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Philips</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">Philips H4205 On-Ear Wireless Headphones with 32mm</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$154.0.3</strong><span class="color-gray-500 price-line">$162.5</span></div>

                                </div>
                            </div>
                        </div>
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp7.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Kami Tech</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">Kami by YI 4pc 1080p Home Security Cameras</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$156.3</strong><span class="color-gray-500 price-line">$250.6</span></div>

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="tab-topbrands" role="tabpanel" aria-labelledby="tab-topbrands">
                    <div class="list-products-5">
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp7.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Kami Tech</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">Kami by YI 4pc 1080p Home Security Cameras</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$156.3</strong><span class="color-gray-500 price-line">$250.6</span></div>

                                </div>
                            </div>
                        </div>
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp2.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Apple</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">2022 Apple iMac with Retina 5K Display 8GB RAM, 256GB</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$2856.3</strong><span class="color-gray-500 price-line">$3225.6</span></div>

                                </div>
                            </div>
                        </div>
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp1.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Philips</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">Philips H4205 On-Ear Wireless Headphones with 32mm</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$154.0.3</strong><span class="color-gray-500 price-line">$162.5</span></div>

                                </div>
                            </div>
                        </div>
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp5.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Apple</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">2020 Apple MacBook Air Laptop: Apple M1 Chip, 13”</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$2325.3</strong><span class="color-gray-500 price-line">$2225.6</span></div>

                                </div>
                            </div>
                        </div>
                        <div class="card-grid-style-3">
                            <div class="card-grid-inner">
                                <div class="tools"><a class="mb-10 btn btn-wishlist btn-tooltip" href="shop-wishlist.html" aria-label="Add To Wishlist"></a></div>
                                <div class="image-box"><span class="label bg-brand-2">-17%</span><a href="shop-single-product.html"><img src="{{ asset('admin/assets/imgs/page/homepage1/imgsp6.png') }}" alt="Ecom"></a></div>
                                <div class="info-right"><a class="font-xs color-gray-500" href="shop-vendor-single.html">Apple</a><br><a class="color-brand-3 font-sm-bold" href="shop-single-product.html">Apple Watch Series 8 [GPS 45mm] Smart Watch</a>
                                    <div class="rating"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-xs color-gray-500">(65)</span></div>
                                    <div class="price-info"><strong class="font-lg-bold color-brand-3 price-main">$530.3</strong><span class="color-gray-500 price-line">$560.6</span></div>

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

    <section class="section-box mt-90 mb-50">
        <div class="container">
            <ul class="list-col-5">
                <li>
                    <div class="item-list">
                        <div class="icon-left"><img src="{{ asset('admin/assets/imgs/template/delivery.svg') }}" alt="Ecom"></div>
                        <div class="info-right">
                            <h5 class="font-lg-bold color-gray-100">Free Delivery</h5>
                            <p class="font-sm color-gray-500">all over Nigeria</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-list">
                        <div class="icon-left"><img src="{{ asset('admin/assets/imgs/template/support.svg') }}" alt="Ecom"></div>
                        <div class="info-right">
                            <h5 class="font-lg-bold color-gray-100">Support 24/7</h5>
                            <p class="font-sm color-gray-500">Shop with an expert</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-list">
                        <div class="icon-left"><img src="{{ asset('admin/assets/imgs/template/voucher.svg') }}" alt="Ecom"></div>
                        <div class="info-right">
                            <h5 class="font-lg-bold color-gray-100">Satisfaction</h5>
                            <p class="font-sm color-gray-500">For each purchase</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-list">
                        <div class="icon-left"><img src="{{ asset('admin/assets/imgs/template/return.svg') }}" alt="Ecom"></div>
                        <div class="info-right">
                            <h5 class="font-lg-bold color-gray-100">Cheapest</h5>
                            <p class="font-sm color-gray-500">Subscription</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="item-list">
                        <div class="icon-left"><img src="{{ asset('admin/assets/imgs/template/secure.svg') }}" alt="Ecom"></div>
                        <div class="info-right">
                            <h5 class="font-lg-bold color-gray-100">Secure payment</h5>
                            <p class="font-sm color-gray-500">100% Protected</p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </section>


    <div class="modal fade" id="ModalQuickview" tabindex="-1" aria-hidden="true" style="display: none;">
        <div class="modal-dialog modal-xl">
            <div class="modal-content apply-job-form">
                <button class="btn-close" type="button" data-bs-dismiss="modal" aria-label="Close"></button>
                <div class="modal-body p-30">
                    <div class="row">
                        <div class="col-lg-6">
                            <div class="gallery-image">
                                <div class="galleries-2">
                                    <div class="detail-gallery">
                                        <div class="product-image-slider-2">
                                            <figure class="border-radius-10"><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-1.jpg') }}" alt="product image"></figure>
                                            <figure class="border-radius-10"><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-2.jpg') }}" alt="product image"></figure>
                                            <figure class="border-radius-10"><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-3.jpg') }}" alt="product image"></figure>
                                            <figure class="border-radius-10"><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-4.jpg') }}" alt="product image"></figure>
                                            <figure class="border-radius-10"><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-5.jpg') }}" alt="product image"></figure>
                                            <figure class="border-radius-10"><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-6.jpg') }}" alt="product image"></figure>
                                            <figure class="border-radius-10"><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-7.jpg') }}" alt="product image"></figure>
                                        </div>
                                    </div>
                                    <div class="slider-nav-thumbnails-2">
                                        <div>
                                            <div class="item-thumb"><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-1.jpg') }}" alt="product image"></div>
                                        </div>
                                        <div>
                                            <div class="item-thumb"><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-2.jpg') }}" alt="product image"></div>
                                        </div>
                                        <div>
                                            <div class="item-thumb"><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-3.jpg') }}" alt="product image"></div>
                                        </div>
                                        <div>
                                            <div class="item-thumb"><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-4.jpg') }}" alt="product image"></div>
                                        </div>
                                        <div>
                                            <div class="item-thumb"><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-5.jpg') }}" alt="product image"></div>
                                        </div>
                                        <div>
                                            <div class="item-thumb"><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-6.jpg') }}" alt="product image"></div>
                                        </div>
                                        <div>
                                            <div class="item-thumb"><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-7.jpg') }}" alt="product image"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="box-tags">
                                <div class="d-inline-block mr-25"><span class="font-medium font-sm color-gray-900">Category:</span><a class="link" href="#">Smartphones</a></div>
                                <div class="d-inline-block"><span class="font-medium font-sm color-gray-900">Tags:</span><a class="link" href="#">Blue</a>,<a class="link" href="#">Smartphone</a></div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="product-info">
                                <h5 class="mb-15">SAMSUNG Galaxy S22 Ultra, 8K Camera & Video, Brightest Display Screen, S Pen Pro</h5>
                                <div class="info-by"><span class="font-medium bytext color-gray-500 font-xs">by</span><a class="font-medium byAUthor color-gray-900 font-xs" href="shop-vendor-list.html"> Ecom Tech</a>
                                    <div class="rating d-inline-block"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><img src="{{ asset('admin/assets/imgs/template/icons/star.svg') }}" alt="Ecom"><span class="font-medium font-xs color-gray-500"> (65 reviews)</span></div>
                                </div>
                                <div class="pt-10 mb-20 border-bottom"></div>
                                <div class="box-product-price">
                                    <h3 class="mr-10 color-brand-3 price-main d-inline-block">$2856.3</h3><span class="color-gray-500 price-line font-xl line-througt">$3225.6</span>
                                </div>
                                <div class="mt-10 product-description color-gray-900">
                                    <ul class="list-dot">
                                        <li>8k super steady video</li>
                                        <li>Nightography plus portait mode</li>
                                        <li>50mp photo resolution plus bright display</li>
                                        <li>Adaptive color contrast</li>
                                        <li>premium design & craftmanship</li>
                                        <li>Long lasting battery plus fast charging</li>
                                    </ul>
                                </div>
                                <div class="mt-10 box-product-color">
                                    <p class="font-sm color-gray-900">Color:<span class="color-brand-2 nameColor">Pink Gold</span></p>
                                    <ul class="list-colors">
                                        <li class="disabled"><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-1.jpg') }}" alt="Ecom" title="Pink"></li>
                                        <li><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-2.jpg') }}" alt="Ecom" title="Gold"></li>
                                        <li><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-3.jpg') }}" alt="Ecom" title="Pink Gold"></li>
                                        <li><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-4.jpg') }}" alt="Ecom" title="Silver"></li>
                                        <li class="active"><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-5.jpg') }}" alt="Ecom" title="Pink Gold"></li>
                                        <li class="disabled"><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-6.jpg') }}" alt="Ecom" title="Black"></li>
                                        <li class="disabled"><img src="{{ asset('admin/assets/imgs/page/product/img-gallery-7.jpg') }}" alt="Ecom" title="Red"></li>
                                    </ul>
                                </div>
                                <div class="mt-10 box-product-style-size">
                                    <div class="row">
                                        <div class="mb-10 col-lg-12">
                                            <p class="font-sm color-gray-900">Style:<span class="color-brand-2 nameStyle">S22</span></p>
                                            <ul class="list-styles">
                                                <li class="disabled" title="S22 Ultra">S22 Ultra</li>
                                                <li class="active" title="S22">S22</li>
                                                <li title="S22 + Standing Cover">S22 + Standing Cover</li>
                                            </ul>
                                        </div>
                                        <div class="mb-10 col-lg-12">
                                            <p class="font-sm color-gray-900">Size:<span class="color-brand-2 nameSize">512GB</span></p>
                                            <ul class="list-sizes">
                                                <li class="disabled" title="1GB">1GB</li>
                                                <li class="active" title="512 GB">512 GB</li>
                                                <li title="256 GB">256 GB</li>
                                                <li title="128 GB">128 GB</li>
                                                <li class="disabled" title="64GB">64GB</li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                                <div class="mt-5 buy-product">
                                    <p class="mb-10 font-sm">Quantity</p>
                                    <div class="box-quantity">
                                        <div class="input-quantity">
                                            <input class="font-xl color-brand-3" type="text" value="1"><span class="minus-cart"></span><span class="plus-cart"></span>
                                        </div>
                                        <div class="button-buy"><a class="btn btn-cart" href="shop-cart.html">Add to cart</a><a class="btn btn-buy" href="shop-checkout.html">Buy now</a></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</main>
@endsection