
<?php $__env->startSection('title', 'Index Two'); ?>
<?php $__env->startSection('content'); ?>

    <!-- header area -->
    <?php echo $__env->make('frontend.includes.headers.headerTwo', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    <!-- header area end -->

    <!-- ============================ Banner Section start =============================== -->
    <div class="banner-two">
        <div class="container container-lg">
            <div class="banner-two-wrapper d-flex align-items-start">

                <div class="w-310 d-lg-block d-none flex-shrink-0">
                    <div
                        class="responsive-dropdown style-two common-dropdown nav-submenu p-0 submenus-submenu-wrapper shadow-none border border-neutral-50 position-relative border-top-0 rounded-0">
                        <button type="button"
                            class="close-responsive-dropdown rounded-circle text-xl position-absolute inset-inline-end-0 inset-block-start-0 mt-4 me-8 d-lg-none d-flex">
                            <i class="ph ph-x"></i> </button>

                        <div class="logo px-16 d-lg-none d-block">
                            <a href="<?php echo e(route('indexTwo')); ?>" class="link">
                                <img src="<?php echo e(asset('assets/images/logo/logo.png')); ?>" alt="Logo">
                            </a>
                        </div>

                        <ul class="responsive-dropdown__list scroll-sm p-0 overflow-y-auto">
                            <li class="has-submenus-submenu border-bottom border-neutral-50">
                                <a href="javascript:void(0)"
                                    class="text-gray-500 text-15 py-14 px-16 flex-align gap-8 rounded-0 fw-semibold text-sm">
                                    <span class="d-flex align-items-center gap-16">
                                        <img src="<?php echo e(asset('assets/images/icon/category-icon1.png')); ?>"
                                            alt="Category Icon">
                                        <span>Computers & Laptop</span>
                                    </span>
                                    <span class="icon text-md d-flex ms-auto"><i class="ph ph-caret-right"></i></span>
                                </a>

                                <div class="submenus-submenu py-16">
                                    <h6 class="text-lg px-16 submenus-submenu__title">Computers & Laptop</h6>
                                    <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Samsung</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Iphone</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Vivo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Oppo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Itel</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Realme</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="has-submenus-submenu border-bottom border-neutral-50">
                                <a href="javascript:void(0)"
                                    class="text-gray-500 text-15 py-14 px-16 flex-align gap-8 rounded-0 fw-semibold text-sm">
                                    <span class="d-flex align-items-center gap-16">
                                        <img src="<?php echo e(asset('assets/images/icon/category-icon2.png')); ?>"
                                            alt="Category Icon">
                                        <span>Smartphones & Gadget</span>
                                    </span>
                                    <span class="icon text-md d-flex ms-auto"><i class="ph ph-caret-right"></i></span>
                                </a>

                                <div class="submenus-submenu py-16">
                                    <h6 class="text-lg px-16 submenus-submenu__title">Smartphones & Gadget</h6>
                                    <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Samsung</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Iphone</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Vivo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Oppo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Itel</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Realme</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="has-submenus-submenu border-bottom border-neutral-50">
                                <a href="javascript:void(0)"
                                    class="text-gray-500 text-15 py-14 px-16 flex-align gap-8 rounded-0 fw-semibold text-sm">
                                    <span class="d-flex align-items-center gap-16">
                                        <img src="<?php echo e(asset('assets/images/icon/category-icon3.png')); ?>"
                                            alt="Category Icon">
                                        <span>Gaming & Television</span>
                                    </span>
                                    <span class="icon text-md d-flex ms-auto"><i class="ph ph-caret-right"></i></span>
                                </a>

                                <div class="submenus-submenu py-16">
                                    <h6 class="text-lg px-16 submenus-submenu__title">Gaming & Television</h6>
                                    <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Samsung</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Iphone</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Vivo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Oppo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Itel</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Realme</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="has-submenus-submenu border-bottom border-neutral-50">
                                <a href="javascript:void(0)"
                                    class="text-gray-500 text-15 py-14 px-16 flex-align gap-8 rounded-0 fw-semibold text-sm">
                                    <span class="d-flex align-items-center gap-16">
                                        <img src="<?php echo e(asset('assets/images/icon/category-icon4.png')); ?>"
                                            alt="Category Icon">
                                        <span>Office Equipment</span>
                                    </span>
                                    <span class="icon text-md d-flex ms-auto"><i class="ph ph-caret-right"></i></span>
                                </a>

                                <div class="submenus-submenu py-16">
                                    <h6 class="text-lg px-16 submenus-submenu__title">Office Equipment</h6>
                                    <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Samsung</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Iphone</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Vivo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Oppo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Itel</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Realme</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="has-submenus-submenu border-bottom border-neutral-50">
                                <a href="javascript:void(0)"
                                    class="text-gray-500 text-15 py-14 px-16 flex-align gap-8 rounded-0 fw-semibold text-sm">
                                    <span class="d-flex align-items-center gap-16">
                                        <img src="<?php echo e(asset('assets/images/icon/category-icon5.png')); ?>"
                                            alt="Category Icon">
                                        <span>Smartwatches</span>
                                    </span>
                                    <span class="icon text-md d-flex ms-auto"><i class="ph ph-caret-right"></i></span>
                                </a>

                                <div class="submenus-submenu py-16">
                                    <h6 class="text-lg px-16 submenus-submenu__title">Smartwatches</h6>
                                    <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Samsung</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Iphone</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Vivo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Oppo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Itel</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Realme</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="has-submenus-submenu border-bottom border-neutral-50">
                                <a href="javascript:void(0)"
                                    class="text-gray-500 text-15 py-14 px-16 flex-align gap-8 rounded-0 fw-semibold text-sm">
                                    <span class="d-flex align-items-center gap-16">
                                        <img src="<?php echo e(asset('assets/images/icon/category-icon6.png')); ?>"
                                            alt="Category Icon">
                                        <span>Headphone & Music</span>
                                    </span>
                                    <span class="icon text-md d-flex ms-auto"><i class="ph ph-caret-right"></i></span>
                                </a>

                                <div class="submenus-submenu py-16">
                                    <h6 class="text-lg px-16 submenus-submenu__title">Headphone & Music</h6>
                                    <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Samsung</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Iphone</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Vivo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Oppo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Itel</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Realme</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="has-submenus-submenu border-bottom border-neutral-50">
                                <a href="javascript:void(0)"
                                    class="text-gray-500 text-15 py-14 px-16 flex-align gap-8 rounded-0 fw-semibold text-sm">
                                    <span class="d-flex align-items-center gap-16">
                                        <img src="<?php echo e(asset('assets/images/icon/category-icon7.png')); ?>"
                                            alt="Category Icon">
                                        <span>Camera & Videos</span>
                                    </span>
                                    <span class="icon text-md d-flex ms-auto"><i class="ph ph-caret-right"></i></span>
                                </a>

                                <div class="submenus-submenu py-16">
                                    <h6 class="text-lg px-16 submenus-submenu__title">Camera & Videos</h6>
                                    <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Samsung</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Iphone</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Vivo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Oppo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Itel</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Realme</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="has-submenus-submenu border-bottom border-neutral-50">
                                <a href="javascript:void(0)"
                                    class="text-gray-500 text-15 py-14 px-16 flex-align gap-8 rounded-0 fw-semibold text-sm">
                                    <span class="d-flex align-items-center gap-16">
                                        <img src="<?php echo e(asset('assets/images/icon/category-icon8.png')); ?>"
                                            alt="Category Icon">
                                        <span>Accessories & Gadget</span>
                                    </span>
                                    <span class=" bg-paste text-white text-xs py-2 px-8 rounded-4 flex-shrink-0">New</span>
                                    <span class="icon text-md d-flex ms-auto"><i class="ph ph-caret-right"></i></span>
                                </a>

                                <div class="submenus-submenu py-16">
                                    <h6 class="text-lg px-16 submenus-submenu__title"> Accessories & Gadget</h6>
                                    <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Samsung</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Iphone</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Vivo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Oppo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Itel</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Realme</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="has-submenus-submenu border-bottom border-neutral-50">
                                <a href="javascript:void(0)"
                                    class="text-gray-500 text-15 py-14 px-16 flex-align gap-8 rounded-0 fw-semibold text-sm">
                                    <span class="d-flex align-items-center gap-16">
                                        <img src="<?php echo e(asset('assets/images/icon/category-icon9.png')); ?>"
                                            alt="Category Icon">
                                        <span>VR Technology</span>
                                    </span>
                                    <span class="icon text-md d-flex ms-auto"><i class="ph ph-caret-right"></i></span>
                                </a>

                                <div class="submenus-submenu py-16">
                                    <h6 class="text-lg px-16 submenus-submenu__title">VR Technology</h6>
                                    <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Samsung</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Iphone</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Vivo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Oppo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Itel</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Realme</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="has-submenus-submenu border-bottom border-neutral-50">
                                <a href="javascript:void(0)"
                                    class="text-gray-500 text-15 py-14 px-16 flex-align gap-8 rounded-0 fw-semibold text-sm">
                                    <span class="d-flex align-items-center gap-16">
                                        <img src="<?php echo e(asset('assets/images/icon/category-icon10.png')); ?>"
                                            alt="Category Icon">
                                        <span>Studio Equipment</span>
                                    </span>
                                    <span class="icon text-md d-flex ms-auto"><i class="ph ph-caret-right"></i></span>
                                </a>

                                <div class="submenus-submenu py-16">
                                    <h6 class="text-lg px-16 submenus-submenu__title">Studio Equipment</h6>
                                    <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Samsung</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Iphone</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Vivo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Oppo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Itel</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Realme</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="has-submenus-submenu border-bottom border-neutral-50">
                                <a href="javascript:void(0)"
                                    class="text-gray-500 text-15 py-14 px-16 flex-align gap-8 rounded-0 fw-semibold text-sm">
                                    <span class="d-flex align-items-center gap-16">
                                        <img src="<?php echo e(asset('assets/images/icon/category-icon11.png')); ?>"
                                            alt="Category Icon">
                                        <span>Trending Products</span>
                                    </span>
                                    <span
                                        class="bg-danger-600 text-white text-xs py-2 px-8 rounded-4 flex-shrink-0">New</span>
                                    <span class="icon text-md d-flex ms-auto"><i class="ph ph-caret-right"></i></span>
                                </a>

                                <div class="submenus-submenu py-16">
                                    <h6 class="text-lg px-16 submenus-submenu__title">Trending Products</h6>
                                    <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Samsung</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Iphone</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Vivo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Oppo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Itel</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Realme</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="has-submenus-submenu border-bottom border-neutral-50">
                                <a href="javascript:void(0)"
                                    class="text-gray-500 text-15 py-14 px-16 flex-align gap-8 rounded-0 fw-semibold text-sm">
                                    <span class="d-flex align-items-center gap-16">
                                        <img src="<?php echo e(asset('assets/images/icon/category-icon12.png')); ?>"
                                            alt="Category Icon">
                                        <span>Top Offer Products</span>
                                    </span>
                                    <span class="icon text-md d-flex ms-auto"><i class="ph ph-caret-right"></i></span>
                                </a>

                                <div class="submenus-submenu py-16">
                                    <h6 class="text-lg px-16 submenus-submenu__title">Top Offer Products</h6>
                                    <ul class="submenus-submenu__list max-h-300 overflow-y-auto scroll-sm">
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Samsung</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Iphone</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Vivo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Oppo</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Itel</a>
                                        </li>
                                        <li>
                                            <a href="<?php echo e(route('shop')); ?>">Realme</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>

                <div
                    class="banner-item-two-wrapper rounded-24 overflow-hidden position-relative arrow-center flex-grow-1 mb-0 m-20">
                    <img src="<?php echo e(asset('assets/images/bg/banner-two-bg.png')); ?>" alt="img"
                        class="banner-img position-absolute inset-block-start-0 inset-inline-start-0 w-100 h-100 z-n1 object-fit-cover rounded-24">

                    <div class="banner-item-two__slider">
                        <div
                            class="d-flex align-items-center justify-content-between py-84 px-72-px flex-wrap-reverse flex-sm-nowrap gap-32">
                            <div class="banner-item-two__content">
                                <span
                                    class="animate-left-right animation-delay-08 mb-8 text-md fw-semibold text-main-600">Starting
                                    at only <span class="text-danger-600">$250</span> </span>
                                <h2 class="banner-item-two__title animate-left-right animation-delay-1">Get The Sound You
                                    Love For Less</h2>
                                <a href="<?php echo e(route('shop')); ?>"
                                    class="btn btn-main d-inline-flex align-items-center rounded-pill gap-8 mt-24 animate-left-right animation-delay-12">
                                    Shop Now<span class="icon text-xl d-flex"><i class="ph ph-shopping-cart-simple"></i>
                                    </span>
                                </a>
                            </div>
                            <div class="banner-item-two__thumb">
                                <img src="<?php echo e(asset('assets/images/thumbs/banner-two-img.png')); ?>" alt="Thumb"
                                    class="animate-scale animation-delay-12">
                            </div>
                        </div>
                        <div
                            class="d-flex align-items-center justify-content-between py-84 px-72-px flex-wrap-reverse flex-sm-nowrap gap-32">
                            <div class="banner-item-two__content">
                                <span
                                    class="animate-left-right animation-delay-08 mb-8 text-md fw-semibold text-main-600">Starting
                                    at only <span class="text-danger-600">$250</span> </span>
                                <h2 class="banner-item-two__title animate-left-right animation-delay-1">Get The Sound You
                                    Love For Less</h2>
                                <a href="<?php echo e(route('shop')); ?>"
                                    class="btn btn-main d-inline-flex align-items-center rounded-pill gap-8 mt-24 animate-left-right animation-delay-12">
                                    Shop Now<span class="icon text-xl d-flex"><i class="ph ph-shopping-cart-simple"></i>
                                    </span>
                                </a>
                            </div>
                            <div class="banner-item-two__thumb">
                                <img src="<?php echo e(asset('assets/images/thumbs/banner-two-img.png')); ?>" alt="Thumb"
                                    class="animate-scale animation-delay-12">
                            </div>
                        </div>
                        <div
                            class="d-flex align-items-center justify-content-between py-84 px-72-px flex-wrap-reverse flex-sm-nowrap gap-32">
                            <div class="banner-item-two__content">
                                <span
                                    class="animate-left-right animation-delay-08 mb-8 text-md fw-semibold text-main-600">Starting
                                    at only <span class="text-danger-600">$250</span> </span>
                                <h2 class="banner-item-two__title animate-left-right animation-delay-1">Get The Sound You
                                    Love For Less</h2>
                                <a href="<?php echo e(route('shop')); ?>"
                                    class="btn btn-main d-inline-flex align-items-center rounded-pill gap-8 mt-24 animate-left-right animation-delay-12">
                                    Shop Now<span class="icon text-xl d-flex"><i class="ph ph-shopping-cart-simple"></i>
                                    </span>
                                </a>
                            </div>
                            <div class="banner-item-two__thumb">
                                <img src="<?php echo e(asset('assets/images/thumbs/banner-two-img.png')); ?>" alt="Thumb"
                                    class="animate-scale animation-delay-12">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ============================ Banner Section End =============================== -->

    <!-- ============================ promotional banner Start ========================== -->
    <section class="promotional-banner mt-32">
        <div class="container container-lg">
            <div class="row gy-4">
                <div class="col-lg-4 col-sm-6" data-aos="fade-up" data-aos-duration="600">
                    <div class="position-relative rounded-16 overflow-hidden z-1 p-32">
                        <img src="<?php echo e(asset('assets/images/bg/promo-bg-img1.png')); ?>" alt="img"
                            class="position-absolute inset-block-start-0 inset-inline-start-0 w-100 h-100 object-fit-cover z-n1">
                        <div class="flex-between flex-wrap gap-16">
                            <div class="">
                                <span class="text-main-600 fw-semibold text-sm mb-8">Latest Deal</span>
                                <h6 class="mb-0">iPhone 15 Pro Max</h6>
                                <a href="<?php echo e(route('shop')); ?>"
                                    class="d-inline-flex align-items-center gap-8 mt-16 text-heading text-md fw-medium border border-top-0 border-end-0 border-start-0 border-gray-900 hover-text-main-two-600 hover-border-main-two-600">
                                    Shop Now
                                    <span class="icon text-md d-flex"><i class="ph ph-plus"></i></span>
                                </a>
                            </div>
                            <div class="pe-xxl-2">
                                <img src="<?php echo e(asset('assets/images/thumbs/promo-img1.png')); ?>" alt="img">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6" data-aos="fade-up" data-aos-duration="800">
                    <div class="position-relative rounded-16 overflow-hidden z-1 p-32">
                        <img src="<?php echo e(asset('assets/images/bg/promo-bg-img2.png')); ?>" alt="img"
                            class="position-absolute inset-block-start-0 inset-inline-start-0 w-100 h-100 object-fit-cover z-n1">
                        <div class="flex-between flex-wrap gap-16">
                            <div class="">
                                <span class="text-heading fw-semibold text-sm mb-8">Get <span class="text-info">60%</span>
                                    Off</span>
                                <h6 class="mb-0">Instax Mini 11 Camera</h6>
                                <a href="<?php echo e(route('shop')); ?>"
                                    class="d-inline-flex align-items-center gap-8 mt-16 text-heading text-md fw-medium border border-top-0 border-end-0 border-start-0 border-gray-900 hover-text-main-two-600 hover-border-main-two-600">
                                    Shop Now
                                    <span class="icon text-md d-flex"><i class="ph ph-plus"></i></span>
                                </a>
                            </div>
                            <div class="pe-xxl-2">
                                <img src="<?php echo e(asset('assets/images/thumbs/promo-img2.png')); ?>" alt="img">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-sm-6" data-aos="fade-up" data-aos-duration="1000">
                    <div class="position-relative rounded-16 overflow-hidden z-1 p-32">
                        <img src="<?php echo e(asset('assets/images/bg/promo-bg-img3.png')); ?>" alt="img"
                            class="position-absolute inset-block-start-0 inset-inline-start-0 w-100 h-100 object-fit-cover z-n1">
                        <div class="flex-between flex-wrap gap-16">
                            <div class="">
                                <span class="text-heading fw-semibold text-sm mb-8">Start From <span
                                        class="text-main-600">$250</span></span>
                                <h6 class="mb-0">Airpod Headphone</h6>
                                <a href="<?php echo e(route('shop')); ?>"
                                    class="d-inline-flex align-items-center gap-8 mt-16 text-heading text-md fw-medium border border-top-0 border-end-0 border-start-0 border-gray-900 hover-text-main-two-600 hover-border-main-two-600">
                                    Shop Now
                                    <span class="icon text-md d-flex"><i class="ph ph-plus"></i></span>
                                </a>
                            </div>
                            <div class="pe-xxl-2">
                                <img src="<?php echo e(asset('assets/images/thumbs/promo-img3.png')); ?>" alt="img">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ============================ promotional banner End ========================== -->

    <!-- ========================= Deals Week Start ================================ -->
    <section class="deals-weeek pt-80 overflow-hidden">
        <div class="container container-lg">
            <div class="border border-gray-100 p-24 rounded-16">
                <div class="section-heading mb-24">
                    <div class="flex-between flex-wrap gap-8">
                        <h6 class="mb-0 wow fadeInLeft">Deal of The Week</h6>
                        <div class="flex-align gap-16 wow fadeInRight">
                            <a href="<?php echo e(route('shop')); ?>"
                                class="text-sm fw-semibold text-main-600 hover-text-main-600 hover-text-decoration-underline">View
                                All Deals</a>
                            <div class="flex-align gap-8">
                                <button type="button" id="deal-week-prev"
                                    class="slick-prev slick-arrow flex-center rounded-circle border border-gray-100 hover-border-main-600 text-xl hover-bg-main-600 hover-text-white transition-1">
                                    <i class="ph ph-caret-left"></i>
                                </button>
                                <button type="button" id="deal-week-next"
                                    class="slick-next slick-arrow flex-center rounded-circle border border-gray-100 hover-border-main-600 text-xl hover-bg-main-600 hover-text-white transition-1">
                                    <i class="ph ph-caret-right"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="deal-week-box rounded-16 overflow-hidden flex-between position-relative z-1 mb-24">
                    <img src="<?php echo e(asset('assets/images/bg/week-deal-bg.png')); ?>" alt="img"
                        class="position-absolute inset-block-start-0 inset-block-start-0 w-100 h-100 z-n1 object-fit-cover">
                    <div class="d-lg-block d-none ps-32 flex-shrink-0" data-aos="zoom-in">
                        <img src="<?php echo e(asset('assets/images/thumbs/week-deal-img1.png')); ?>" alt="img">
                    </div>
                    <div class="deal-week-box__content px-sm-4 d-block w-100 text-center">
                        <h6 class="mb-20 wow bounceIn text-white">Apple AirPods Max, Over Ear Headphones</h6>
                        <div class="countdown mt-20" id="countdown4">
                            <ul class="countdown-list style-four flex-center flex-wrap">
                                <li
                                    class="countdown-list__item flex-align flex-column text-sm fw-medium text-white rounded-circle bg-white-12 border border-white-13 colon-white">
                                    <span class="days"></span>Days
                                </li>
                                <li
                                    class="countdown-list__item flex-align flex-column text-sm fw-medium text-white rounded-circle bg-white-12 border border-white-13 colon-white">
                                    <span class="hours"></span>Hour
                                </li>
                                <li
                                    class="countdown-list__item flex-align flex-column text-sm fw-medium text-white rounded-circle bg-white-12 border border-white-13 colon-white">
                                    <span class="minutes"></span>Min
                                </li>
                                <li
                                    class="countdown-list__item flex-align flex-column text-sm fw-medium text-white rounded-circle bg-white-12 border border-white-13 colon-white">
                                    <span class="seconds"></span>Sec
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="d-lg-block d-none flex-shrink-0 pe-xl-5" data-aos="zoom-in">
                        <div class="me-xxl-5">
                            <img src="<?php echo e(asset('assets/images/thumbs/week-deal-img2.png')); ?>" alt="img">
                        </div>
                    </div>
                </div>

                <div class="deals-week-slider arrow-style-two">
                    <div data-aos="fade-up" data-aos-duration="200">
                        <div
                            class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                            <a href="<?php echo e(route('shop.details.two')); ?>"
                                class="product-card__thumb flex-center rounded-8 position-relative">
                                <img src="<?php echo e(asset('assets/images/thumbs/product-two-img1.png')); ?>" alt="img"
                                    class="w-auto max-w-unset">
                            </a>
                            <div class="product-card__content mt-16">
                                <h6 class="title text-lg fw-semibold mt-12 mb-8">
                                    <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2" tabindex="0">Taylor
                                        Farms Broccoli Florets Vegetables</a>
                                </h6>
                                <div class="flex-align gap-6">
                                    <span class="text-xs fw-medium text-gray-500">4.8</span>
                                    <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                            class="ph-fill ph-star"></i></span>
                                    <span class="text-xs fw-medium text-gray-500">(17k)</span>
                                </div>
                                <div class="mt-8">
                                    <div class="progress w-100 bg-color-three rounded-pill h-4" role="progressbar"
                                        aria-label="Basic example" aria-valuenow="35" aria-valuemin="0"
                                        aria-valuemax="100">
                                        <div class="progress-bar bg-tertiary-600 rounded-pill" style="width: 35%"></div>
                                    </div>
                                    <span class="text-gray-900 text-xs fw-medium mt-8">Sold: 18/35</span>
                                </div>

                                <div class="product-card__price my-20">
                                    <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                        $28.99</span>
                                    <span class="text-heading text-md fw-semibold ">$14.99 <span
                                            class="text-gray-500 fw-normal">/Qty</span> </span>
                                </div>

                                <a href="<?php echo e(route('cart')); ?>"
                                    class="product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-pill flex-center gap-8 fw-medium"
                                    tabindex="0">
                                    Add To Cart <i class="ph ph-shopping-cart"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div data-aos="fade-up" data-aos-duration="400">
                        <div
                            class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                            <a href="<?php echo e(route('shop.details.two')); ?>"
                                class="product-card__thumb flex-center rounded-8 position-relative">
                                <span
                                    class="product-card__badge bg-success-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">Best
                                    Sale </span>
                                <img src="<?php echo e(asset('assets/images/thumbs/product-two-img2.png')); ?>" alt="img"
                                    class="w-auto max-w-unset">
                            </a>
                            <div class="product-card__content mt-16">
                                <h6 class="title text-lg fw-semibold mt-12 mb-8">
                                    <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2" tabindex="0">Taylor
                                        Farms Broccoli Florets Vegetables</a>
                                </h6>
                                <div class="flex-align gap-6">
                                    <span class="text-xs fw-medium text-gray-500">4.8</span>
                                    <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                            class="ph-fill ph-star"></i></span>
                                    <span class="text-xs fw-medium text-gray-500">(17k)</span>
                                </div>
                                <div class="mt-8">
                                    <div class="progress w-100 bg-color-three rounded-pill h-4" role="progressbar"
                                        aria-label="Basic example" aria-valuenow="35" aria-valuemin="0"
                                        aria-valuemax="100">
                                        <div class="progress-bar bg-tertiary-600 rounded-pill" style="width: 35%"></div>
                                    </div>
                                    <span class="text-gray-900 text-xs fw-medium mt-8">Sold: 18/35</span>
                                </div>

                                <div class="product-card__price my-20">
                                    <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                        $28.99</span>
                                    <span class="text-heading text-md fw-semibold ">$14.99 <span
                                            class="text-gray-500 fw-normal">/Qty</span> </span>
                                </div>

                                <a href="<?php echo e(route('cart')); ?>"
                                    class="product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-pill flex-center gap-8 fw-medium"
                                    tabindex="0">
                                    Add To Cart <i class="ph ph-shopping-cart"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div data-aos="fade-up" data-aos-duration="600">
                        <div
                            class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                            <a href="<?php echo e(route('shop.details.two')); ?>"
                                class="product-card__thumb flex-center rounded-8 position-relative">
                                <img src="<?php echo e(asset('assets/images/thumbs/product-two-img3.png')); ?>" alt="img"
                                    class="w-auto max-w-unset">
                            </a>
                            <div class="product-card__content mt-16">
                                <h6 class="title text-lg fw-semibold mt-12 mb-8">
                                    <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2" tabindex="0">Taylor
                                        Farms Broccoli Florets Vegetables</a>
                                </h6>
                                <div class="flex-align gap-6">
                                    <span class="text-xs fw-medium text-gray-500">4.8</span>
                                    <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                            class="ph-fill ph-star"></i></span>
                                    <span class="text-xs fw-medium text-gray-500">(17k)</span>
                                </div>
                                <div class="mt-8">
                                    <div class="progress w-100 bg-color-three rounded-pill h-4" role="progressbar"
                                        aria-label="Basic example" aria-valuenow="35" aria-valuemin="0"
                                        aria-valuemax="100">
                                        <div class="progress-bar bg-tertiary-600 rounded-pill" style="width: 35%"></div>
                                    </div>
                                    <span class="text-gray-900 text-xs fw-medium mt-8">Sold: 18/35</span>
                                </div>

                                <div class="product-card__price my-20">
                                    <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                        $28.99</span>
                                    <span class="text-heading text-md fw-semibold ">$14.99 <span
                                            class="text-gray-500 fw-normal">/Qty</span> </span>
                                </div>

                                <a href="<?php echo e(route('cart')); ?>"
                                    class="product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-pill flex-center gap-8 fw-medium"
                                    tabindex="0">
                                    Add To Cart <i class="ph ph-shopping-cart"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div data-aos="fade-up" data-aos-duration="800">
                        <div
                            class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                            <a href="<?php echo e(route('shop.details.two')); ?>"
                                class="product-card__thumb flex-center rounded-8 position-relative">
                                <span
                                    class="product-card__badge bg-danger-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">Sale
                                    50% </span>
                                <img src="<?php echo e(asset('assets/images/thumbs/product-two-img4.png')); ?>" alt="img"
                                    class="w-auto max-w-unset">
                            </a>
                            <div class="product-card__content mt-16">
                                <h6 class="title text-lg fw-semibold mt-12 mb-8">
                                    <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2" tabindex="0">Taylor
                                        Farms Broccoli Florets Vegetables</a>
                                </h6>
                                <div class="flex-align gap-6">
                                    <span class="text-xs fw-medium text-gray-500">4.8</span>
                                    <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                            class="ph-fill ph-star"></i></span>
                                    <span class="text-xs fw-medium text-gray-500">(17k)</span>
                                </div>
                                <div class="mt-8">
                                    <div class="progress w-100 bg-color-three rounded-pill h-4" role="progressbar"
                                        aria-label="Basic example" aria-valuenow="35" aria-valuemin="0"
                                        aria-valuemax="100">
                                        <div class="progress-bar bg-tertiary-600 rounded-pill" style="width: 35%"></div>
                                    </div>
                                    <span class="text-gray-900 text-xs fw-medium mt-8">Sold: 18/35</span>
                                </div>

                                <div class="product-card__price my-20">
                                    <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                        $28.99</span>
                                    <span class="text-heading text-md fw-semibold ">$14.99 <span
                                            class="text-gray-500 fw-normal">/Qty</span> </span>
                                </div>

                                <a href="<?php echo e(route('cart')); ?>"
                                    class="product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-pill flex-center gap-8 fw-medium"
                                    tabindex="0">
                                    Add To Cart <i class="ph ph-shopping-cart"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div data-aos="fade-up" data-aos-duration="1000">
                        <div
                            class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                            <a href="<?php echo e(route('shop.details.two')); ?>"
                                class="product-card__thumb flex-center rounded-8 position-relative">
                                <img src="<?php echo e(asset('assets/images/thumbs/product-two-img5.png')); ?>" alt="img"
                                    class="w-auto max-w-unset">
                            </a>
                            <div class="product-card__content mt-16">
                                <h6 class="title text-lg fw-semibold mt-12 mb-8">
                                    <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2" tabindex="0">Taylor
                                        Farms Broccoli Florets Vegetables</a>
                                </h6>
                                <div class="flex-align gap-6">
                                    <span class="text-xs fw-medium text-gray-500">4.8</span>
                                    <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                            class="ph-fill ph-star"></i></span>
                                    <span class="text-xs fw-medium text-gray-500">(17k)</span>
                                </div>
                                <div class="mt-8">
                                    <div class="progress w-100 bg-color-three rounded-pill h-4" role="progressbar"
                                        aria-label="Basic example" aria-valuenow="35" aria-valuemin="0"
                                        aria-valuemax="100">
                                        <div class="progress-bar bg-tertiary-600 rounded-pill" style="width: 35%"></div>
                                    </div>
                                    <span class="text-gray-900 text-xs fw-medium mt-8">Sold: 18/35</span>
                                </div>

                                <div class="product-card__price my-20">
                                    <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                        $28.99</span>
                                    <span class="text-heading text-md fw-semibold ">$14.99 <span
                                            class="text-gray-500 fw-normal">/Qty</span> </span>
                                </div>

                                <a href="<?php echo e(route('cart')); ?>"
                                    class="product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-pill flex-center gap-8 fw-medium"
                                    tabindex="0">
                                    Add To Cart <i class="ph ph-shopping-cart"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div data-aos="fade-up" data-aos-duration="1200">
                        <div
                            class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                            <a href="<?php echo e(route('shop.details.two')); ?>"
                                class="product-card__thumb flex-center rounded-8 position-relative">
                                <img src="<?php echo e(asset('assets/images/thumbs/product-two-img6.png')); ?>" alt="img"
                                    class="w-auto max-w-unset">
                            </a>
                            <div class="product-card__content mt-16">
                                <h6 class="title text-lg fw-semibold mt-12 mb-8">
                                    <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2" tabindex="0">Taylor
                                        Farms Broccoli Florets Vegetables</a>
                                </h6>
                                <div class="flex-align gap-6">
                                    <span class="text-xs fw-medium text-gray-500">4.8</span>
                                    <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                            class="ph-fill ph-star"></i></span>
                                    <span class="text-xs fw-medium text-gray-500">(17k)</span>
                                </div>
                                <div class="mt-8">
                                    <div class="progress w-100 bg-color-three rounded-pill h-4" role="progressbar"
                                        aria-label="Basic example" aria-valuenow="35" aria-valuemin="0"
                                        aria-valuemax="100">
                                        <div class="progress-bar bg-tertiary-600 rounded-pill" style="width: 35%"></div>
                                    </div>
                                    <span class="text-gray-900 text-xs fw-medium mt-8">Sold: 18/35</span>
                                </div>

                                <div class="product-card__price my-20">
                                    <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                        $28.99</span>
                                    <span class="text-heading text-md fw-semibold ">$14.99 <span
                                            class="text-gray-500 fw-normal">/Qty</span> </span>
                                </div>

                                <a href="<?php echo e(route('cart')); ?>"
                                    class="product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-pill flex-center gap-8 fw-medium"
                                    tabindex="0">
                                    Add To Cart <i class="ph ph-shopping-cart"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                    <div data-aos="fade-up" data-aos-duration="1400">
                        <div
                            class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                            <a href="<?php echo e(route('shop.details.two')); ?>"
                                class="product-card__thumb flex-center rounded-8 position-relative">
                                <span
                                    class="product-card__badge bg-warning-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">New
                                </span>
                                <img src="<?php echo e(asset('assets/images/thumbs/product-two-img9.png')); ?>" alt="img"
                                    class="w-auto max-w-unset">
                            </a>
                            <div class="product-card__content mt-16">
                                <h6 class="title text-lg fw-semibold mt-12 mb-8">
                                    <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2" tabindex="0">Taylor
                                        Farms Broccoli Florets Vegetables</a>
                                </h6>
                                <div class="flex-align gap-6">
                                    <span class="text-xs fw-medium text-gray-500">4.8</span>
                                    <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                            class="ph-fill ph-star"></i></span>
                                    <span class="text-xs fw-medium text-gray-500">(17k)</span>
                                </div>
                                <div class="mt-8">
                                    <div class="progress w-100 bg-color-three rounded-pill h-4" role="progressbar"
                                        aria-label="Basic example" aria-valuenow="35" aria-valuemin="0"
                                        aria-valuemax="100">
                                        <div class="progress-bar bg-tertiary-600 rounded-pill" style="width: 35%"></div>
                                    </div>
                                    <span class="text-gray-900 text-xs fw-medium mt-8">Sold: 18/35</span>
                                </div>

                                <div class="product-card__price my-20">
                                    <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                        $28.99</span>
                                    <span class="text-heading text-md fw-semibold ">$14.99 <span
                                            class="text-gray-500 fw-normal">/Qty</span> </span>
                                </div>

                                <a href="<?php echo e(route('cart')); ?>"
                                    class="product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-pill flex-center gap-8 fw-medium"
                                    tabindex="0">
                                    Add To Cart <i class="ph ph-shopping-cart"></i>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ========================= Deals Week End ================================ -->


    <!-- ========================= Top Selling Products Start ================================ -->
    <section class="top-selling-products pt-80 overflow-hidden">
        <div class="container container-lg">
            <div class="border border-gray-100 p-24 rounded-16">
                <div class="section-heading mb-24">
                    <div class="flex-between flex-wrap gap-8">
                        <h6 class="mb-0 wow fadeInLeft">Top Selling Products</h6>
                        <div class="flex-align gap-16 wow fadeInRight">
                            <a href="<?php echo e(route('shop')); ?>"
                                class="text-sm fw-semibold text-gray-700 hover-text-main-600 hover-text-decoration-underline">View
                                All Products</a>
                            <div class="flex-align gap-8">
                                <button type="button" id="top-selling-prev"
                                    class="slick-prev slick-arrow flex-center rounded-circle border border-gray-100 hover-border-neutral-600 text-xl hover-bg-neutral-600 hover-text-white transition-1">
                                    <i class="ph ph-caret-left"></i>
                                </button>
                                <button type="button" id="top-selling-next"
                                    class="slick-next slick-arrow flex-center rounded-circle border border-gray-100 hover-border-neutral-600 text-xl hover-bg-neutral-600 hover-text-white transition-1">
                                    <i class="ph ph-caret-right"></i>
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row g-12">
                    <div class="col-md-4" data-aos="zoom-in" data-aos-duration="800">
                        <div class="position-relative rounded-16 overflow-hidden p-28 z-1 text-center bg-main-100 h-100">
                            <div class="py-xl-4">
                                <h6 class="mb-8 fw-bold">Polaroid Now+ Gen 2 - White</h6>
                                <h6 class="mb-8 fw-bold">Get <span class="text-main-600">35%</span> off</h6>
                                <a href="<?php echo e(route('cart')); ?>"
                                    class="btn text-heading border-white bg-white py-16 px-24 flex-center d-inline-flex rounded-pill gap-8 fw-medium hover-bg-main-600 hover-bg-main-two-600 hover-border-main-two-600 hover-text-white mt-24"
                                    tabindex="0">
                                    Shop Now <i class="ph ph-shopping-cart text-xl d-flex"></i>
                                </a>
                            </div>
                            <div class="d-md-block d-none mt-36">
                                <img src="<?php echo e(asset('assets/images/thumbs/deal-img.png')); ?>" alt="img">
                            </div>
                        </div>
                    </div>
                    <div class="col-md-8">
                        <div class="top-selling-product-slider arrow-style-two">
                            <div data-aos="fade-up" data-aos-duration="200">
                                <div
                                    class="product-card hover-card-shadows h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img7.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <div class="flex-align gap-6">
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                    class="ph-fill ph-star"></i></span>
                                            <span class="text-xs fw-medium text-gray-500">(17k)</span>
                                        </div>
                                        <h6 class="title text-lg fw-semibold mt-12 mb-8">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Taylor Farms Broccoli Florets Vegetables</a>
                                        </h6>
                                        <div class="flex-align gap-4">
                                            <span class="text-tertiary-600 text-md d-flex"><i
                                                    class="ph-fill ph-storefront"></i></span>
                                            <span class="text-gray-500 text-xs">By Lucky Supermarket</span>
                                        </div>
                                        <div class="mt-8">
                                            <div class="progress w-100 bg-color-three rounded-pill h-4"
                                                role="progressbar" aria-label="Basic example" aria-valuenow="35"
                                                aria-valuemin="0" aria-valuemax="100">
                                                <div class="progress-bar bg-tertiary-600 rounded-pill"
                                                    style="width: 35%"></div>
                                            </div>
                                            <span class="text-gray-900 text-xs fw-medium mt-8">Sold: 18/35</span>
                                        </div>

                                        <div class="product-card__price my-20">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>

                                        <a href="<?php echo e(route('cart')); ?>"
                                            class="product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-pill flex-center gap-8 fw-medium"
                                            tabindex="0">
                                            Add To Cart <i class="ph ph-shopping-cart"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div data-aos="fade-up" data-aos-duration="400">
                                <div
                                    class="product-card hover-card-shadows h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 position-relative">
                                        <span
                                            class="product-card__badge bg-danger-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">Sale
                                            50% </span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img8.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <div class="flex-align gap-6">
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                    class="ph-fill ph-star"></i></span>
                                            <span class="text-xs fw-medium text-gray-500">(17k)</span>
                                        </div>
                                        <h6 class="title text-lg fw-semibold mt-12 mb-8">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Taylor Farms Broccoli Florets Vegetables</a>
                                        </h6>
                                        <div class="flex-align gap-4">
                                            <span class="text-tertiary-600 text-md d-flex"><i
                                                    class="ph-fill ph-storefront"></i></span>
                                            <span class="text-gray-500 text-xs">By Lucky Supermarket</span>
                                        </div>
                                        <div class="mt-8">
                                            <div class="progress w-100 bg-color-three rounded-pill h-4"
                                                role="progressbar" aria-label="Basic example" aria-valuenow="35"
                                                aria-valuemin="0" aria-valuemax="100">
                                                <div class="progress-bar bg-tertiary-600 rounded-pill"
                                                    style="width: 35%"></div>
                                            </div>
                                            <span class="text-gray-900 text-xs fw-medium mt-8">Sold: 18/35</span>
                                        </div>

                                        <div class="product-card__price my-20">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>

                                        <a href="<?php echo e(route('cart')); ?>"
                                            class="product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-pill flex-center gap-8 fw-medium"
                                            tabindex="0">
                                            Add To Cart <i class="ph ph-shopping-cart"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div data-aos="fade-up" data-aos-duration="600">
                                <div
                                    class="product-card hover-card-shadows h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img9.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <div class="flex-align gap-6">
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                    class="ph-fill ph-star"></i></span>
                                            <span class="text-xs fw-medium text-gray-500">(17k)</span>
                                        </div>
                                        <h6 class="title text-lg fw-semibold mt-12 mb-8">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Taylor Farms Broccoli Florets Vegetables</a>
                                        </h6>
                                        <div class="flex-align gap-4">
                                            <span class="text-tertiary-600 text-md d-flex"><i
                                                    class="ph-fill ph-storefront"></i></span>
                                            <span class="text-gray-500 text-xs">By Lucky Supermarket</span>
                                        </div>
                                        <div class="mt-8">
                                            <div class="progress w-100 bg-color-three rounded-pill h-4"
                                                role="progressbar" aria-label="Basic example" aria-valuenow="35"
                                                aria-valuemin="0" aria-valuemax="100">
                                                <div class="progress-bar bg-tertiary-600 rounded-pill"
                                                    style="width: 35%"></div>
                                            </div>
                                            <span class="text-gray-900 text-xs fw-medium mt-8">Sold: 18/35</span>
                                        </div>

                                        <div class="product-card__price my-20">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>

                                        <a href="<?php echo e(route('cart')); ?>"
                                            class="product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-pill flex-center gap-8 fw-medium"
                                            tabindex="0">
                                            Add To Cart <i class="ph ph-shopping-cart"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div data-aos="fade-up" data-aos-duration="800">
                                <div
                                    class="product-card hover-card-shadows h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img10.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <div class="flex-align gap-6">
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                    class="ph-fill ph-star"></i></span>
                                            <span class="text-xs fw-medium text-gray-500">(17k)</span>
                                        </div>
                                        <h6 class="title text-lg fw-semibold mt-12 mb-8">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Taylor Farms Broccoli Florets Vegetables</a>
                                        </h6>
                                        <div class="flex-align gap-4">
                                            <span class="text-tertiary-600 text-md d-flex"><i
                                                    class="ph-fill ph-storefront"></i></span>
                                            <span class="text-gray-500 text-xs">By Lucky Supermarket</span>
                                        </div>
                                        <div class="mt-8">
                                            <div class="progress w-100 bg-color-three rounded-pill h-4"
                                                role="progressbar" aria-label="Basic example" aria-valuenow="35"
                                                aria-valuemin="0" aria-valuemax="100">
                                                <div class="progress-bar bg-tertiary-600 rounded-pill"
                                                    style="width: 35%"></div>
                                            </div>
                                            <span class="text-gray-900 text-xs fw-medium mt-8">Sold: 18/35</span>
                                        </div>

                                        <div class="product-card__price my-20">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>

                                        <a href="<?php echo e(route('cart')); ?>"
                                            class="product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-pill flex-center gap-8 fw-medium"
                                            tabindex="0">
                                            Add To Cart <i class="ph ph-shopping-cart"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <div data-aos="fade-up" data-aos-duration="1000">
                                <div
                                    class="product-card hover-card-shadows h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 position-relative">
                                        <span
                                            class="product-card__badge bg-main-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">Best
                                            Sale </span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img8.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <div class="flex-align gap-6">
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                    class="ph-fill ph-star"></i></span>
                                            <span class="text-xs fw-medium text-gray-500">(17k)</span>
                                        </div>
                                        <h6 class="title text-lg fw-semibold mt-12 mb-8">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Taylor Farms Broccoli Florets Vegetables</a>
                                        </h6>
                                        <div class="flex-align gap-4">
                                            <span class="text-tertiary-600 text-md d-flex"><i
                                                    class="ph-fill ph-storefront"></i></span>
                                            <span class="text-gray-500 text-xs">By Lucky Supermarket</span>
                                        </div>
                                        <div class="mt-8">
                                            <div class="progress w-100 bg-color-three rounded-pill h-4"
                                                role="progressbar" aria-label="Basic example" aria-valuenow="35"
                                                aria-valuemin="0" aria-valuemax="100">
                                                <div class="progress-bar bg-tertiary-600 rounded-pill"
                                                    style="width: 35%"></div>
                                            </div>
                                            <span class="text-gray-900 text-xs fw-medium mt-8">Sold: 18/35</span>
                                        </div>

                                        <div class="product-card__price my-20">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>

                                        <a href="<?php echo e(route('cart')); ?>"
                                            class="product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-pill flex-center gap-8 fw-medium"
                                            tabindex="0">
                                            Add To Cart <i class="ph ph-shopping-cart"></i>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ========================= Top Selling Products End ================================ -->


    <!-- ========================= Trending Products Start ================================ -->
    <section class="trending-productss pt-80 overflow-hidden">
        <div class="container container-lg">
            <div class="border border-gray-100 p-24 rounded-16">
                <div class="section-heading mb-24">
                    <div class="flex-between flex-wrap gap-8">
                        <h6 class="mb-0 wow fadeInLeft">Trending Products</h6>
                        <ul class="nav common-tab style-two nav-pills wow fadeInRight" id="pills-tab" role="tablist">
                            <li class="nav-item" role="presentation">
                                <button class="nav-link fw-medium text-sm hover-border-main-600 active"
                                    id="pills-all-tab" data-bs-toggle="pill" data-bs-target="#pills-all"
                                    type="button" role="tab" aria-controls="pills-all"
                                    aria-selected="true">All</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link fw-medium text-sm hover-border-main-600" id="pills-mobile-tab"
                                    data-bs-toggle="pill" data-bs-target="#pills-mobile" type="button"
                                    role="tab" aria-controls="pills-mobile" aria-selected="false">Mobile</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link fw-medium text-sm hover-border-main-600"
                                    id="pills-headphone-tab" data-bs-toggle="pill" data-bs-target="#pills-headphone"
                                    type="button" role="tab" aria-controls="pills-headphone"
                                    aria-selected="false">Headphone</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link fw-medium text-sm hover-border-main-600" id="pills-usb-tab"
                                    data-bs-toggle="pill" data-bs-target="#pills-usb" type="button" role="tab"
                                    aria-controls="pills-usb" aria-selected="false">USB</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link fw-medium text-sm hover-border-main-600" id="pills-camera-tab"
                                    data-bs-toggle="pill" data-bs-target="#pills-camera" type="button"
                                    role="tab" aria-controls="pills-camera" aria-selected="false">Camera</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link fw-medium text-sm hover-border-main-600" id="pills-laptop-tab"
                                    data-bs-toggle="pill" data-bs-target="#pills-laptop" type="button"
                                    role="tab" aria-controls="pills-laptop" aria-selected="false">Laptop</button>
                            </li>
                            <li class="nav-item" role="presentation">
                                <button class="nav-link fw-medium text-sm hover-border-main-600"
                                    id="pills-accessories-tab" data-bs-toggle="pill"
                                    data-bs-target="#pills-accessories" type="button" role="tab"
                                    aria-controls="pills-accessories" aria-selected="false">Accessories</button>
                            </li>
                        </ul>
                    </div>
                </div>

                <div class="rounded-16 overflow-hidden flex-between position-relative mb-24">
                    <img src="<?php echo e(asset('assets/images/bg/trending-products-bg-gradient.png')); ?>" alt="img"
                        class="banner-img position-absolute inset-block-start-0 inset-inline-start-0 w-100 h-100 z-n1 object-fit-cover rounded-24">

                    <img src="<?php echo e(asset('assets/images/thumbs/trending-products-img1.png')); ?>" alt="img"
                        class="d-xl-block d-none ps-xxl-5 ps-md-4" data-aos="zoom-in" data-aos-duration="800">
                    <div class="trending-products-box__content px-4 d-block w-100 text-center py-72 wow bounceIn">
                        <h5 class="mb-0 trending-products-box__title text-white fw-semibold">Laptop Pro 20% off All Time
                            On Order Now $980</h5>
                    </div>
                    <img src="<?php echo e(asset('assets/images/thumbs/trending-products-img2.png')); ?>" alt="img"
                        class="d-xl-block d-none pe-xxl-5 me-xxl-5 pe-md-4" data-aos="zoom-in"
                        data-aos-duration="800">
                </div>

                <div class="tab-content" id="pills-tabContent">
                    <div class="tab-pane fade show active" id="pills-all" role="tabpanel"
                        aria-labelledby="pills-all-tab" tabindex="0">
                        <div class="row g-12">
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="200">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img1.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="400">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <span
                                            class="product-card__badge bg-warning-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">New</span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img2.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="600">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img3.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="800">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <span
                                            class="product-card__badge bg-success-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">Sold</span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img4.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="1000">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img5.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="1200">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img6.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-mobile" role="tabpanel" aria-labelledby="pills-mobile-tab"
                        tabindex="0">
                        <div class="row g-12">
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="200">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img1.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="400">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <span
                                            class="product-card__badge bg-warning-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">New</span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img2.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="600">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img3.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="800">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <span
                                            class="product-card__badge bg-success-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">Sold</span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img4.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="1000">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img5.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="1200">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img6.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-headphone" role="tabpanel"
                        aria-labelledby="pills-headphone-tab" tabindex="0">
                        <div class="row g-12">
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="200">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img1.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="400">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <span
                                            class="product-card__badge bg-warning-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">New</span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img2.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="600">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img3.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="800">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <span
                                            class="product-card__badge bg-success-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">Sold</span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img4.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="1000">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img5.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="1200">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img6.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-usb" role="tabpanel" aria-labelledby="pills-usb-tab"
                        tabindex="0">
                        <div class="row g-12">
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="200">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img1.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="400">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <span
                                            class="product-card__badge bg-warning-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">New</span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img2.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="600">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img3.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="800">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <span
                                            class="product-card__badge bg-success-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">Sold</span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img4.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="1000">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img5.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="1200">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img6.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-camera" role="tabpanel" aria-labelledby="pills-camera-tab"
                        tabindex="0">
                        <div class="row g-12">
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="200">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img1.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="400">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <span
                                            class="product-card__badge bg-warning-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">New</span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img2.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="600">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img3.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="800">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <span
                                            class="product-card__badge bg-success-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">Sold</span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img4.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="1000">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img5.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="1200">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img6.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-laptop" role="tabpanel" aria-labelledby="pills-laptop-tab"
                        tabindex="0">
                        <div class="row g-12">
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="200">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img1.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="400">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <span
                                            class="product-card__badge bg-warning-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">New</span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img2.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="600">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img3.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="800">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <span
                                            class="product-card__badge bg-success-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">Sold</span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img4.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="1000">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img5.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="1200">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img6.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane fade" id="pills-accessories" role="tabpanel"
                        aria-labelledby="pills-accessories-tab" tabindex="0">
                        <div class="row g-12">
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="200">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img1.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="400">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <span
                                            class="product-card__badge bg-warning-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">New</span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img2.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="600">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img3.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="800">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <span
                                            class="product-card__badge bg-success-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">Sold</span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img4.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="1000">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img5.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-2 col-xl-3 col-lg-4 col-sm-6" data-aos="fade-up"
                                data-aos-duration="1200">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 bg-gray-50 position-relative">
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img6.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span
                                            class="text-success-600 bg-success-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16 fw-normal">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600 text-xs fw-medium">Delivered by <span
                                                class="text-main-600">Aug 02</span></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ========================= Trending Products End ================================ -->


    <!-- =============================== Discount Start ============================ -->
    <section class="discount py-80">
        <div class="container container-lg">
            <div class="row gy-4">
                <div class="col-xl-6" data-aos="zoom-in" data-aos-duration="600">
                    <div
                        class="discount-item rounded-16 overflow-hidden position-relative z-1 h-100 d-flex flex-column align-items-start justify-content-center">
                        <img src="<?php echo e(asset('assets/images/bg/discount-bg1.jpg')); ?>" alt="img"
                            class="position-absolute inset-block-start-0 inset-inline-start-0 w-100 h-100 z-n1">
                        <div class="w-100 flex-between gap-20">
                            <div class="discount-item__content">
                                <span class="fw-semibold text-tertiary-600 mb-20">UP TO 30% OFF</span>
                                <h6 class="fw-medium mb-20">57" Odyssey Neo G9 Dual 4K UHD Quantum Mini-LED</h6>
                                <a href="<?php echo e(route('shop')); ?>"
                                    class="btn text-heading border-white bg-white py-16 px-24 flex-center d-inline-flex rounded-pill gap-8 fw-medium hover-bg-main-600 hover-border-main-two-600 hover-text-white mt-24 box-shadow-5xl"
                                    tabindex="0">
                                    Shop Now
                                </a>
                            </div>
                            <img src="<?php echo e(asset('assets/images/thumbs/discount-img1.png')); ?>" alt="img"
                                class="d-sm-block d-none">
                        </div>
                    </div>
                </div>
                <div class="col-xl-6" data-aos="zoom-in" data-aos-duration="60">
                    <div
                        class="discount-item rounded-16 overflow-hidden position-relative z-1 h-100 d-flex flex-column align-items-center justify-content-center">
                        <img src="<?php echo e(asset('assets/images/bg/discount-bg2.jpg')); ?>" alt="img"
                            class="position-absolute inset-block-start-0 inset-inline-start-0 w-100 h-100 z-n1">
                        <div class="w-100 flex-between gap-20">
                            <div class="discount-item__content">
                                <span class="fw-semibold text-yellow mb-20">UP TO 30% OFF</span>
                                <h6 class="fw-medium text-white mb-20">57" Odyssey Neo G9 Dual 4K UHD Quantum Mini-LED
                                </h6>
                                <a href="<?php echo e(route('shop')); ?>"
                                    class="btn text-heading border-white bg-white py-16 px-24 flex-center d-inline-flex rounded-pill gap-8 fw-medium hover-bg-main-800 hover-border-main-two-800 hover-text-white mt-24 box-shadow-5xl"
                                    tabindex="0">
                                    Shop Now
                                </a>
                            </div>
                            <img src="<?php echo e(asset('assets/images/thumbs/discount-img2.png')); ?>" alt="img"
                                class="d-sm-block d-none">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- =============================== Discount End ============================ -->

    <section class="featured-products overflow-hidden">
        <div class="container container-lg">
            <div class="row g-4 flex-wrap-reverse">
                <div class="col-xxl-8">
                    <div class="border border-gray-100 p-24 rounded-16">
                        <div class="section-heading mb-24">
                            <div class="flex-between flex-wrap gap-8">
                                <h6 class="mb-0 wow fadeInLeft">Featured Products </h6>
                                <div class="flex-align gap-16 wow fadeInRight">
                                    <a href="<?php echo e(route('shop')); ?>"
                                        class="text-sm fw-medium text-gray-700 hover-text-main-600 hover-text-decoration-underline">View
                                        All Deals</a>
                                    <div class="flex-align gap-8">
                                        <button type="button" id="featured-products-prev"
                                            class="slick-prev slick-arrow flex-center rounded-circle border border-gray-100 hover-border-neutral-600 text-xl hover-bg-neutral-600 hover-text-white transition-1">
                                            <i class="ph ph-caret-left"></i>
                                        </button>
                                        <button type="button" id="featured-products-next"
                                            class="slick-next slick-arrow flex-center rounded-circle border border-gray-100 hover-border-neutral-600 text-xl hover-bg-neutral-600 hover-text-white transition-1">
                                            <i class="ph ph-caret-right"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="row gy-4 featured-product-slider">
                            <div class="col-xxl-6">
                                <div class="featured-products__sliders">
                                    <div class="" data-aos="fade-up" data-aos-duration="800">
                                        <div
                                            class="mt-24 product-card d-flex gap-16 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                            <a href="<?php echo e(route('shop.details.two')); ?>"
                                                class="product-card__thumb flex-center h-unset rounded-8 position-relative w-unset flex-shrink-0 p-24"
                                                tabindex="0">
                                                <img src="<?php echo e(asset('assets/images/thumbs/product-two-img2.png')); ?>"
                                                    alt="img" class="w-auto max-w-unset">
                                            </a>
                                            <div class="product-card__content my-20 flex-grow-1">
                                                <h6 class="title text-lg fw-semibold mb-12">
                                                    <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                        tabindex="0">iPhone 15 Pro Warp Charge 30W Power Adapter</a>
                                                </h6>
                                                <div class="flex-align gap-6 mb-12">
                                                    <span class="text-xs fw-medium text-gray-500">4.8</span>
                                                    <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                            class="ph-fill ph-star"></i></span>
                                                    <span class="text-xs fw-medium text-gray-500">(17k)</span>
                                                </div>
                                                <div class="flex-align gap-4">
                                                    <span class="text-main-two-600 text-md d-flex"><i
                                                            class="ph-fill ph-storefront"></i></span>
                                                    <span class="text-gray-500 text-xs">By Lucky Supermarket</span>
                                                </div>
                                                <div class="product-card__price my-20">
                                                    <span
                                                        class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                        $28.99</span>
                                                    <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                            class="text-gray-500 fw-normal">/Qty</span> </span>
                                                </div>

                                                <a href="<?php echo e(route('cart')); ?>"
                                                    class="product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-8 flex-center gap-8 fw-medium"
                                                    tabindex="0">
                                                    Add To Cart <i class="ph ph-shopping-cart"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="" data-aos="fade-up" data-aos-duration="1000">
                                        <div
                                            class="mt-24 product-card d-flex gap-16 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                            <a href="<?php echo e(route('shop.details.two')); ?>"
                                                class="product-card__thumb flex-center h-unset rounded-8 position-relative w-unset flex-shrink-0 p-24"
                                                tabindex="0">
                                                <span
                                                    class="product-card__badge bg-tertiary-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">Best
                                                    seller</span>
                                                <img src="<?php echo e(asset('assets/images/thumbs/product-two-img3.png')); ?>"
                                                    alt="img" class="w-auto max-w-unset">
                                            </a>
                                            <div class="product-card__content my-20 flex-grow-1">
                                                <h6 class="title text-lg fw-semibold mb-12">
                                                    <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                        tabindex="0">iPhone 15 Pro Warp Charge 30W Power Adapter</a>
                                                </h6>
                                                <div class="flex-align gap-6 mb-12">
                                                    <span class="text-xs fw-medium text-gray-500">4.8</span>
                                                    <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                            class="ph-fill ph-star"></i></span>
                                                    <span class="text-xs fw-medium text-gray-500">(17k)</span>
                                                </div>
                                                <div class="flex-align gap-4">
                                                    <span class="text-main-two-600 text-md d-flex"><i
                                                            class="ph-fill ph-storefront"></i></span>
                                                    <span class="text-gray-500 text-xs">By Lucky Supermarket</span>
                                                </div>
                                                <div class="product-card__price my-20">
                                                    <span
                                                        class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                        $28.99</span>
                                                    <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                            class="text-gray-500 fw-normal">/Qty</span> </span>
                                                </div>

                                                <a href="<?php echo e(route('cart')); ?>"
                                                    class="product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-8 flex-center gap-8 fw-medium"
                                                    tabindex="0">
                                                    Add To Cart <i class="ph ph-shopping-cart"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-6">
                                <div class="featured-products__sliders">
                                    <div class="" data-aos="fade-up" data-aos-duration="800">
                                        <div
                                            class="mt-24 product-card d-flex gap-16 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                            <a href="<?php echo e(route('shop.details.two')); ?>"
                                                class="product-card__thumb flex-center h-unset rounded-8 position-relative w-unset flex-shrink-0 p-24"
                                                tabindex="0">
                                                <span
                                                    class="product-card__badge bg-primary-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">Best
                                                    Sale</span>
                                                <img src="<?php echo e(asset('assets/images/thumbs/product-two-img4.png')); ?>"
                                                    alt="img" class="w-auto max-w-unset">
                                            </a>
                                            <div class="product-card__content my-20 flex-grow-1">
                                                <h6 class="title text-lg fw-semibold mb-12">
                                                    <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                        tabindex="0">iPhone 15 Pro Warp Charge 30W Power Adapter</a>
                                                </h6>
                                                <div class="flex-align gap-6 mb-12">
                                                    <span class="text-xs fw-medium text-gray-500">4.8</span>
                                                    <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                            class="ph-fill ph-star"></i></span>
                                                    <span class="text-xs fw-medium text-gray-500">(17k)</span>
                                                </div>
                                                <div class="flex-align gap-4">
                                                    <span class="text-main-two-600 text-md d-flex"><i
                                                            class="ph-fill ph-storefront"></i></span>
                                                    <span class="text-gray-500 text-xs">By Lucky Supermarket</span>
                                                </div>
                                                <div class="product-card__price my-20">
                                                    <span
                                                        class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                        $28.99</span>
                                                    <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                            class="text-gray-500 fw-normal">/Qty</span> </span>
                                                </div>

                                                <a href="<?php echo e(route('cart')); ?>"
                                                    class="product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-8 flex-center gap-8 fw-medium"
                                                    tabindex="0">
                                                    Add To Cart <i class="ph ph-shopping-cart"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="" data-aos="fade-up" data-aos-duration="1000">
                                        <div
                                            class="mt-24 product-card d-flex gap-16 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                            <a href="<?php echo e(route('shop.details.two')); ?>"
                                                class="product-card__thumb flex-center h-unset rounded-8 position-relative w-unset flex-shrink-0 p-24"
                                                tabindex="0">
                                                <img src="<?php echo e(asset('assets/images/thumbs/product-two-img4.png')); ?>"
                                                    alt="img" class="w-auto max-w-unset">
                                            </a>
                                            <div class="product-card__content my-20 flex-grow-1">
                                                <h6 class="title text-lg fw-semibold mb-12">
                                                    <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                        tabindex="0">iPhone 15 Pro Warp Charge 30W Power Adapter</a>
                                                </h6>
                                                <div class="flex-align gap-6 mb-12">
                                                    <span class="text-xs fw-medium text-gray-500">4.8</span>
                                                    <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                            class="ph-fill ph-star"></i></span>
                                                    <span class="text-xs fw-medium text-gray-500">(17k)</span>
                                                </div>
                                                <div class="flex-align gap-4">
                                                    <span class="text-main-two-600 text-md d-flex"><i
                                                            class="ph-fill ph-storefront"></i></span>
                                                    <span class="text-gray-500 text-xs">By Lucky Supermarket</span>
                                                </div>
                                                <div class="product-card__price my-20">
                                                    <span
                                                        class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                        $28.99</span>
                                                    <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                            class="text-gray-500 fw-normal">/Qty</span> </span>
                                                </div>

                                                <a href="<?php echo e(route('cart')); ?>"
                                                    class="product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-8 flex-center gap-8 fw-medium"
                                                    tabindex="0">
                                                    Add To Cart <i class="ph ph-shopping-cart"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xxl-6">
                                <div class="featured-products__sliders">
                                    <div class="" data-aos="fade-up" data-aos-duration="800">
                                        <div
                                            class="mt-24 product-card d-flex gap-16 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                            <a href="<?php echo e(route('shop.details.two')); ?>"
                                                class="product-card__thumb flex-center h-unset rounded-8 position-relative w-unset flex-shrink-0 p-24"
                                                tabindex="0">
                                                <span
                                                    class="product-card__badge bg-danger-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">Sale
                                                    50% </span>
                                                <img src="<?php echo e(asset('assets/images/thumbs/product-two-img2.png')); ?>"
                                                    alt="img" class="w-auto max-w-unset">
                                            </a>
                                            <div class="product-card__content my-20 flex-grow-1">
                                                <h6 class="title text-lg fw-semibold mb-12">
                                                    <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                        tabindex="0">iPhone 15 Pro Warp Charge 30W Power Adapter</a>
                                                </h6>
                                                <div class="flex-align gap-6 mb-12">
                                                    <span class="text-xs fw-medium text-gray-500">4.8</span>
                                                    <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                            class="ph-fill ph-star"></i></span>
                                                    <span class="text-xs fw-medium text-gray-500">(17k)</span>
                                                </div>
                                                <div class="flex-align gap-4">
                                                    <span class="text-main-two-600 text-md d-flex"><i
                                                            class="ph-fill ph-storefront"></i></span>
                                                    <span class="text-gray-500 text-xs">By Lucky Supermarket</span>
                                                </div>
                                                <div class="product-card__price my-20">
                                                    <span
                                                        class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                        $28.99</span>
                                                    <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                            class="text-gray-500 fw-normal">/Qty</span> </span>
                                                </div>

                                                <a href="<?php echo e(route('cart')); ?>"
                                                    class="product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-8 flex-center gap-8 fw-medium"
                                                    tabindex="0">
                                                    Add To Cart <i class="ph ph-shopping-cart"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="" data-aos="fade-up" data-aos-duration="1000">
                                        <div
                                            class="mt-24 product-card d-flex gap-16 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                            <a href="<?php echo e(route('shop.details.two')); ?>"
                                                class="product-card__thumb flex-center h-unset rounded-8 position-relative w-unset flex-shrink-0 p-24"
                                                tabindex="0">
                                                <span
                                                    class="product-card__badge bg-tertiary-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">Best
                                                    seller</span>
                                                <img src="<?php echo e(asset('assets/images/thumbs/product-two-img3.png')); ?>"
                                                    alt="img" class="w-auto max-w-unset">
                                            </a>
                                            <div class="product-card__content my-20 flex-grow-1">
                                                <h6 class="title text-lg fw-semibold mb-12">
                                                    <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                        tabindex="0">iPhone 15 Pro Warp Charge 30W Power Adapter</a>
                                                </h6>
                                                <div class="flex-align gap-6 mb-12">
                                                    <span class="text-xs fw-medium text-gray-500">4.8</span>
                                                    <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                            class="ph-fill ph-star"></i></span>
                                                    <span class="text-xs fw-medium text-gray-500">(17k)</span>
                                                </div>
                                                <div class="flex-align gap-4">
                                                    <span class="text-main-two-600 text-md d-flex"><i
                                                            class="ph-fill ph-storefront"></i></span>
                                                    <span class="text-gray-500 text-xs">By Lucky Supermarket</span>
                                                </div>
                                                <div class="product-card__price my-20">
                                                    <span
                                                        class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                        $28.99</span>
                                                    <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                            class="text-gray-500 fw-normal">/Qty</span> </span>
                                                </div>

                                                <a href="<?php echo e(route('cart')); ?>"
                                                    class="product-card__cart btn bg-gray-50 text-heading hover-bg-main-600 hover-text-white py-11 px-24 rounded-8 flex-center gap-8 fw-medium"
                                                    tabindex="0">
                                                    Add To Cart <i class="ph ph-shopping-cart"></i>
                                                </a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-xxl-4">
                    <div class="position-relative rounded-16 bg-light-purple overflow-hidden p-28 pb-0 z-1 text-center h-100"
                        data-aos="fade-up" data-aos-duration="1000">
                        <img src="<?php echo e(asset('assets/images/bg/featured-product-bg.png')); ?>" alt="img"
                            class="position-absolute inset-block-start-0 inset-inline-start-0 z-n1 w-100 h-100 cover-img">
                        <div class="py-xl-4 text-center">
                            <span class="h6 mb-20 text-white">iPhone Smart Phone - Red</span>
                            <div class="flex-center gap-12 text-white">
                                <span class="">FROM</span>
                                <h4 class="mb-8 fw-semibold text-white">$890</h4>
                                <span
                                    class="badge-style-two position-relative me-8 bg-paste text-white text-sm py-2 px-8 rounded-4">20%
                                    off</span>
                            </div>
                            <a href="<?php echo e(route('shop')); ?>"
                                class="btn text-heading border-white bg-white py-16 px-24 flex-center d-inline-flex rounded-pill gap-8 fw-medium hover-bg-main-600 hover-border-main-two-600 hover-text-white mt-16 mb-24 box-shadow-5xl"
                                tabindex="0">
                                Shop Now
                                <span class="icon text-xl d-flex"><i class="ph ph-arrow-right"></i></span>
                            </a>
                        </div>
                        <img src="<?php echo e(asset('assets/images/thumbs/featured-product-img.png')); ?>" alt="img"
                            class="d-xxl-inline-flex d-none wow bounceInUp">
                    </div>
                </div>
            </div>
        </div>
    </section>


    <!-- Super Discount Start -->
    <div class="pt-80">
        <div class="container container-lg">
            <div
                class="border border-main-500 bg-main-50 border-dashed rounded-8 py-20 d-flex align-items-center justify-content-evenly">
                <p class="h6 text-main-600 fw-normal">Super discount for your <a href="javascript:void(0)"
                        class="fw-bold text-decoration-underline text-main-600 hover-text-decoration-none hover-text-primary-600 ">first
                        purchase</a> </p>
                <div class="position-relative">
                    <button
                        class="copy-coupon-btn px-32 py-10 text-white text-uppercase bg-main-600 rounded-pill border-0 hover-bg-main-800 ">
                        FREE25BAC
                        <i class="ph ph-file-text text-lg line-height-1"></i>
                    </button>
                    <span
                        class="copy-text bg-main-600 text-white fw-normal position-absolute px-16 py-6 rounded-pill bottom-100 start-50 translate-middle-x min-w-max mb-8 text-xs"></span>
                </div>
                <p class="text-md text-main-600 fw-normal">Use discount code to get <span
                        class="fw-bold text-main-600">20% </span> discount for any item</p>
            </div>
        </div>
    </div>
    <!-- Super Discount End -->

    <!-- ========================= Top Selling Products Start ================================ -->
    <section class="recommended overflow-hidden pt-80">
        <div class="container container-lg">
            <div class="row g-12">
                <div class="col-xxl-4">
                    <div class="position-relative rounded-16 bg-light-purple overflow-hidden p-28 z-1 text-center h-100"
                        data-aos="zoom-in" data-aos-duration="800">
                        <img src="<?php echo e(asset('assets/images/bg/recommended-bg.png')); ?>" alt="img"
                            class="position-absolute inset-block-start-0 inset-inline-start-0 z-n1 w-100 h-100 cover-img">
                        <div class="py-xl-4 text-center">
                            <span class="h6 mb-20 text-white">Insta360 GO 3S Action Camera - White</span>
                            <div class="flex-center gap-12 text-white">
                                <span class="">FROM</span>
                                <h4 class="mb-8 text-white">$430</h4>
                                <span
                                    class="badge-style-two position-relative me-8 bg-success-600 text-white text-sm py-2 px-8 rounded-4">20%
                                    off</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-8">
                    <div class="border border-gray-100 p-24 rounded-16">
                        <div class="section-heading mb-24">
                            <div class="flex-between flex-wrap gap-8">
                                <h6 class="mb-0 wow fadeInLeft">Recommended For You</h6>
                                <div class="flex-align gap-16 wow fadeInRight">
                                    <a href="<?php echo e(route('shop')); ?>"
                                        class="text-sm fw-medium text-gray-700 hover-text-main-600 hover-text-decoration-underline">View
                                        All</a>
                                    <div class="flex-align gap-8">
                                        <button type="button" id="recommended-prev"
                                            class="slick-prev slick-arrow flex-center rounded-circle border border-gray-100 hover-border-main-600 text-xl hover-bg-main-600 hover-text-white transition-1">
                                            <i class="ph ph-caret-left"></i>
                                        </button>
                                        <button type="button" id="recommended-next"
                                            class="slick-next slick-arrow flex-center rounded-circle border border-gray-100 hover-border-main-600 text-xl hover-bg-main-600 hover-text-white transition-1">
                                            <i class="ph ph-caret-right"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="recommended-slider">
                            <div data-aos="fade-up" data-aos-duration="400">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 position-relative">
                                        <span
                                            class="product-card__badge bg-tertiary-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">Best
                                            Seller </span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img1.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span class="text-main-600 bg-main-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600">Delivered by <span class="text-main-600">Aug
                                                02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div data-aos="fade-up" data-aos-duration="600">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 position-relative">
                                        <span
                                            class="product-card__badge bg-warning-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">New</span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img2.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span class="text-main-600 bg-main-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600">Delivered by <span class="text-main-600">Aug
                                                02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div data-aos="fade-up" data-aos-duration="800">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 position-relative">
                                        <span
                                            class="product-card__badge bg-danger-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">Sale
                                            50%</span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img3.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span class="text-main-600 bg-main-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600">Delivered by <span class="text-main-600">Aug
                                                02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div data-aos="fade-up" data-aos-duration="1000">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 position-relative">
                                        <span
                                            class="product-card__badge bg-success-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">Sold</span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img4.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span class="text-main-600 bg-main-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600">Delivered by <span class="text-main-600">Aug
                                                02</span></span>
                                    </div>
                                </div>
                            </div>
                            <div data-aos="fade-up" data-aos-duration="1200">
                                <div
                                    class="product-card h-100 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                                    <a href="<?php echo e(route('shop.details.two')); ?>"
                                        class="product-card__thumb flex-center rounded-8 position-relative">
                                        <span
                                            class="product-card__badge bg-warning-600 px-8 py-4 text-sm text-white position-absolute inset-inline-start-0 inset-block-start-0">New</span>
                                        <img src="<?php echo e(asset('assets/images/thumbs/product-two-img2.png')); ?>"
                                            alt="img" class="w-auto max-w-unset">
                                    </a>
                                    <div class="product-card__content mt-16">
                                        <span class="text-main-600 bg-main-50 text-sm fw-medium py-4 px-8">19%OFF</span>
                                        <h6 class="title text-lg fw-semibold my-16">
                                            <a href="<?php echo e(route('shop.details.two')); ?>" class="link text-line-2"
                                                tabindex="0">Instax Mini 12 Instant Film Camera - Green</a>
                                        </h6>
                                        <div class="flex-align gap-6">
                                            <div class="flex-align gap-2">
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                                <span class="text-xs fw-medium text-warning-600 d-flex"><i
                                                        class="ph-fill ph-star"></i></span>
                                            </div>
                                            <span class="text-xs fw-medium text-gray-500">4.8</span>
                                            <span class="text-xs fw-medium text-gray-500">(12K)</span>
                                        </div>

                                        <span
                                            class="py-2 px-8 text-xs rounded-pill text-main-two-600 bg-main-two-50 mt-16">Fulfilled
                                            by Marketpro</span>

                                        <div class="product-card__price mt-16 mb-30">
                                            <span class="text-gray-400 text-md fw-semibold text-decoration-line-through">
                                                $28.99</span>
                                            <span class="text-heading text-md fw-semibold ">$14.99 <span
                                                    class="text-gray-500 fw-normal">/Qty</span> </span>
                                        </div>
                                        <span class="text-neutral-600">Delivered by <span class="text-main-600">Aug
                                                02</span></span>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ========================= Top Selling Products End ================================ -->


    <!-- ========================= Cyber Monday Section Start =============================== -->
    <div class="big-deal rounded-16 overflow-hidden flex-between position-relative mb-24 mt-80 z-1">
        <div class="container container-lg">
            <div class="big-deal-box position-relative z-1 rounded-16 overflow-hidden px-72-px">
                <img src="<?php echo e(asset('assets/images/bg/cyber-monday-bg.png')); ?>" alt="img"
                    class="position-absolute inset-block-start-0 inset-inline-start-0 z-n1 w-100 h-100 cover-img">

                <div class="d-flex justify-content-between align-items-center">
                    <div class="d-lg-block d-none" data-aos="zoom-out" data-aos-duration="1000">
                        <img src="<?php echo e(asset('assets/images/thumbs/cyber-monday-img1.png')); ?>" alt="img">
                    </div>
                    <div class="max-w-472 py-80 ms-auto me-auto">
                        <h4 class="mb-20">Cyber Monday Sell</h4>
                        <h6 class="mb-10 text-white">UP TO <span class="text-main-600">30%</span> OFF</h6>
                        <h6 class="mb-10 fw-bold">COMPUTER & MOBILE ACCESSORIES</h6>
                        <a href="<?php echo e(route('shop')); ?>"
                            class="btn btn-main d-inline-flex align-items-center rounded-pill gap-8 mt-24"
                            tabindex="0">
                            Shop Now<span class="icon text-xl d-flex"><i class="ph ph-plus"></i> </span>
                        </a>
                    </div>
                    <div class="d-lg-block d-none" data-aos="zoom-out" data-aos-duration="1000">
                        <img src="<?php echo e(asset('assets/images/thumbs/cyber-monday-img2.png')); ?>" alt="img">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- ========================= Cyber Monday Section End =============================== -->


    <!-- ============================== Top Brand Section Start ==================================== -->
    <div class="top-brand py-80">
        <div class="container container-lg">
            <div class="border border-gray-50 p-24 rounded-16">
                <div class="section-heading mb-24">
                    <div class="flex-between flex-wrap gap-8">
                        <h6 class="mb-0">Top Brands</h6>
                        <div class="flex-align gap-8">
                            <button type="button" id="topBrand-prev"
                                class="slick-prev slick-arrow flex-center rounded-circle border border-gray-100 hover-border-main-two-600 text-xl hover-bg-main-two-600 hover-text-white transition-1">
                                <i class="ph ph-caret-left"></i>
                            </button>
                            <button type="button" id="topBrand-next"
                                class="slick-next slick-arrow flex-center rounded-circle border border-gray-100 hover-border-main-two-600 text-xl hover-bg-main-two-600 hover-text-white transition-1">
                                <i class="ph ph-caret-right"></i>
                            </button>
                        </div>
                    </div>
                </div>

                <div class="top-brand__slider">
                    <div class="wow bounceIn">
                        <div
                            class="top-brand__item flex-center rounded-8 my-4 hover-border-main-600 transition-1 px-8 box-shadow-7xl">
                            <img src="<?php echo e(asset('assets/images/thumbs/top-brand-img1.png')); ?>" alt="img">
                        </div>
                    </div>
                    <div class="wow bounceIn">
                        <div
                            class="top-brand__item flex-center rounded-8 my-4 hover-border-main-600 transition-1 px-8 box-shadow-7xl">
                            <img src="<?php echo e(asset('assets/images/thumbs/top-brand-img2.png')); ?>" alt="img">
                        </div>
                    </div>
                    <div class="wow bounceIn">
                        <div
                            class="top-brand__item flex-center rounded-8 my-4 hover-border-main-600 transition-1 px-8 box-shadow-7xl">
                            <img src="<?php echo e(asset('assets/images/thumbs/top-brand-img3.png')); ?>" alt="img">
                        </div>
                    </div>
                    <div class="wow bounceIn">
                        <div
                            class="top-brand__item flex-center rounded-8 my-4 hover-border-main-600 transition-1 px-8 box-shadow-7xl">
                            <img src="<?php echo e(asset('assets/images/thumbs/top-brand-img4.png')); ?>" alt="img">
                        </div>
                    </div>
                    <div class="wow bounceIn">
                        <div
                            class="top-brand__item flex-center rounded-8 my-4 hover-border-main-600 transition-1 px-8 box-shadow-7xl">
                            <img src="<?php echo e(asset('assets/images/thumbs/top-brand-img5.png')); ?>" alt="img">
                        </div>
                    </div>
                    <div class="wow bounceIn">
                        <div
                            class="top-brand__item flex-center rounded-8 my-4 hover-border-main-600 transition-1 px-8 box-shadow-7xl">
                            <img src="<?php echo e(asset('assets/images/thumbs/top-brand-img6.png')); ?>" alt="img">
                        </div>
                    </div>
                    <div class="wow bounceIn">
                        <div
                            class="top-brand__item flex-center rounded-8 my-4 hover-border-main-600 transition-1 px-8 box-shadow-7xl">
                            <img src="<?php echo e(asset('assets/images/thumbs/top-brand-img7.png')); ?>" alt="img">
                        </div>
                    </div>
                    <div class="wow bounceIn">
                        <div
                            class="top-brand__item flex-center rounded-8 my-4 hover-border-main-600 transition-1 px-8 box-shadow-7xl">
                            <img src="<?php echo e(asset('assets/images/thumbs/top-brand-img8.png')); ?>" alt="img">
                        </div>
                    </div>
                    <div class="wow bounceIn">
                        <div
                            class="top-brand__item flex-center rounded-8 my-4 hover-border-main-600 transition-1 px-8 box-shadow-7xl">
                            <img src="<?php echo e(asset('assets/images/thumbs/top-brand-img5.png')); ?>" alt="img">
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!-- ============================== Top Brand Section End ==================================== -->

    <!-- ========================= Popular Products Start ================================ -->
    <section class="popular-products mb-80 overflow-hidden">
        <div class="container container-lg">
            <div class="row gy-4">
                <div class="col-xxl-3 col-xl-4 col-sm-6 col-xs-6 wow bounceIn">
                    <div
                        class="product-card h-100 d-flex gap-16 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                        <a href="<?php echo e(route('shop.details')); ?>"
                            class="product-card__thumb flex-center h-unset rounded-8 bg-gray-50 position-relative w-unset flex-shrink-0 p-24"
                            tabindex="0">
                            <img src="<?php echo e(asset('assets/images/thumbs/popular-img1.png')); ?>" alt="img"
                                class="w-auto max-w-unset">
                        </a>
                        <div class="product-card__content flex-grow-1">
                            <h6 class="title text-lg fw-semibold mb-12">
                                <a href="<?php echo e(route('shop.details')); ?>" class="link text-line-2" tabindex="0">Headphone &
                                    Earphone</a>
                            </h6>
                            <span class="text-gray-600 text-sm mb-4">Wired Headphones</span>
                            <span class="text-gray-600 text-sm mb-4">Over-Ear Headphone</span>
                            <span class="text-gray-600 text-sm mb-4">Sports Headphone</span>
                            <span class="text-gray-600 text-sm mb-0">Earbud Headphone</span>

                            <a href="<?php echo e(route('shop')); ?>" class="text-tertiary-600 flex-align gap-8 mt-24">
                                All Categories
                                <i class="ph ph-arrow-right d-flex"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-3 col-xl-4 col-sm-6 col-xs-6 wow bounceIn">
                    <div
                        class="product-card h-100 d-flex gap-16 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                        <a href="<?php echo e(route('shop.details')); ?>"
                            class="product-card__thumb flex-center h-unset rounded-8 bg-gray-50 position-relative w-unset flex-shrink-0 p-24"
                            tabindex="0">
                            <img src="<?php echo e(asset('assets/images/thumbs/popular-img2.png')); ?>" alt="img"
                                class="w-auto max-w-unset">
                        </a>
                        <div class="product-card__content flex-grow-1">
                            <h6 class="title text-lg fw-semibold mb-12">
                                <a href="<?php echo e(route('shop.details')); ?>" class="link text-line-2" tabindex="0">TV & Smart
                                    Home</a>
                            </h6>
                            <span class="text-gray-600 text-sm mb-4">Wired Headphones</span>
                            <span class="text-gray-600 text-sm mb-4">Over-Ear Headphone</span>
                            <span class="text-gray-600 text-sm mb-4">Sports Headphone</span>
                            <span class="text-gray-600 text-sm mb-0">Earbud Headphone</span>

                            <a href="<?php echo e(route('shop')); ?>" class="text-tertiary-600 flex-align gap-8 mt-24">
                                All Categories
                                <i class="ph ph-arrow-right d-flex"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-3 col-xl-4 col-sm-6 col-xs-6 wow bounceIn">
                    <div
                        class="product-card h-100 d-flex gap-16 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                        <a href="<?php echo e(route('shop.details')); ?>"
                            class="product-card__thumb flex-center h-unset rounded-8 bg-gray-50 position-relative w-unset flex-shrink-0 p-24"
                            tabindex="0">
                            <img src="<?php echo e(asset('assets/images/thumbs/popular-img3.png')); ?>" alt="img"
                                class="w-auto max-w-unset">
                        </a>
                        <div class="product-card__content flex-grow-1">
                            <h6 class="title text-lg fw-semibold mb-12">
                                <a href="<?php echo e(route('shop.details')); ?>" class="link text-line-2" tabindex="0">Video Games</a>
                            </h6>
                            <span class="text-gray-600 text-sm mb-4">Wired Headphones</span>
                            <span class="text-gray-600 text-sm mb-4">Over-Ear Headphone</span>
                            <span class="text-gray-600 text-sm mb-4">Sports Headphone</span>
                            <span class="text-gray-600 text-sm mb-0">Earbud Headphone</span>

                            <a href="<?php echo e(route('shop')); ?>" class="text-tertiary-600 flex-align gap-8 mt-24">
                                All Categories
                                <i class="ph ph-arrow-right d-flex"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-3 col-xl-4 col-sm-6 col-xs-6 wow bounceIn">
                    <div
                        class="product-card h-100 d-flex gap-16 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                        <a href="<?php echo e(route('shop.details')); ?>"
                            class="product-card__thumb flex-center h-unset rounded-8 bg-gray-50 position-relative w-unset flex-shrink-0 p-24"
                            tabindex="0">
                            <img src="<?php echo e(asset('assets/images/thumbs/popular-img4.png')); ?>" alt="img"
                                class="w-auto max-w-unset">
                        </a>
                        <div class="product-card__content flex-grow-1">
                            <h6 class="title text-lg fw-semibold mb-12">
                                <a href="<?php echo e(route('shop.details')); ?>" class="link text-line-2" tabindex="0">Computer &
                                    Tablets</a>
                            </h6>
                            <span class="text-gray-600 text-sm mb-4">Wired Headphones</span>
                            <span class="text-gray-600 text-sm mb-4">Over-Ear Headphone</span>
                            <span class="text-gray-600 text-sm mb-4">Sports Headphone</span>
                            <span class="text-gray-600 text-sm mb-0">Earbud Headphone</span>

                            <a href="<?php echo e(route('shop')); ?>" class="text-tertiary-600 flex-align gap-8 mt-24">
                                All Categories
                                <i class="ph ph-arrow-right d-flex"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-3 col-xl-4 col-sm-6 col-xs-6 wow bounceIn">
                    <div
                        class="product-card h-100 d-flex gap-16 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                        <a href="<?php echo e(route('shop.details')); ?>"
                            class="product-card__thumb flex-center h-unset rounded-8 bg-gray-50 position-relative w-unset flex-shrink-0 p-24"
                            tabindex="0">
                            <img src="<?php echo e(asset('assets/images/thumbs/popular-img5.png')); ?>" alt="img"
                                class="w-auto max-w-unset">
                        </a>
                        <div class="product-card__content flex-grow-1">
                            <h6 class="title text-lg fw-semibold mb-12">
                                <a href="<?php echo e(route('shop.details')); ?>" class="link text-line-2" tabindex="0">Car & GPS</a>
                            </h6>
                            <span class="text-gray-600 text-sm mb-4">Wired Headphones</span>
                            <span class="text-gray-600 text-sm mb-4">Over-Ear Headphone</span>
                            <span class="text-gray-600 text-sm mb-4">Sports Headphone</span>
                            <span class="text-gray-600 text-sm mb-0">Earbud Headphone</span>

                            <a href="<?php echo e(route('shop')); ?>" class="text-tertiary-600 flex-align gap-8 mt-24">
                                All Categories
                                <i class="ph ph-arrow-right d-flex"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-3 col-xl-4 col-sm-6 col-xs-6 wow bounceIn">
                    <div
                        class="product-card h-100 d-flex gap-16 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                        <a href="<?php echo e(route('shop.details')); ?>"
                            class="product-card__thumb flex-center h-unset rounded-8 bg-gray-50 position-relative w-unset flex-shrink-0 p-24"
                            tabindex="0">
                            <img src="<?php echo e(asset('assets/images/thumbs/popular-img6.png')); ?>" alt="img"
                                class="w-auto max-w-unset">
                        </a>
                        <div class="product-card__content flex-grow-1">
                            <h6 class="title text-lg fw-semibold mb-12">
                                <a href="<?php echo e(route('shop.details')); ?>" class="link text-line-2" tabindex="0">Camera &
                                    Video</a>
                            </h6>
                            <span class="text-gray-600 text-sm mb-4">Wired Headphones</span>
                            <span class="text-gray-600 text-sm mb-4">Over-Ear Headphone</span>
                            <span class="text-gray-600 text-sm mb-4">Sports Headphone</span>
                            <span class="text-gray-600 text-sm mb-0">Earbud Headphone</span>

                            <a href="<?php echo e(route('shop')); ?>" class="text-tertiary-600 flex-align gap-8 mt-24">
                                All Categories
                                <i class="ph ph-arrow-right d-flex"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-3 col-xl-4 col-sm-6 col-xs-6 wow bounceIn">
                    <div
                        class="product-card h-100 d-flex gap-16 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                        <a href="<?php echo e(route('shop.details')); ?>"
                            class="product-card__thumb flex-center h-unset rounded-8 bg-gray-50 position-relative w-unset flex-shrink-0 p-24"
                            tabindex="0">
                            <img src="<?php echo e(asset('assets/images/thumbs/popular-img7.png')); ?>" alt="img"
                                class="w-auto max-w-unset">
                        </a>
                        <div class="product-card__content flex-grow-1">
                            <h6 class="title text-lg fw-semibold mb-12">
                                <a href="<?php echo e(route('shop.details')); ?>" class="link text-line-2" tabindex="0">Kitchen
                                    Appliance</a>
                            </h6>
                            <span class="text-gray-600 text-sm mb-4">Wired Headphones</span>
                            <span class="text-gray-600 text-sm mb-4">Over-Ear Headphone</span>
                            <span class="text-gray-600 text-sm mb-4">Sports Headphone</span>
                            <span class="text-gray-600 text-sm mb-0">Earbud Headphone</span>

                            <a href="<?php echo e(route('shop')); ?>" class="text-tertiary-600 flex-align gap-8 mt-24">
                                All Categories
                                <i class="ph ph-arrow-right d-flex"></i>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-3 col-xl-4 col-sm-6 col-xs-6 wow bounceIn">
                    <div
                        class="product-card h-100 d-flex gap-16 p-16 border border-gray-100 hover-border-main-600 rounded-16 position-relative transition-2">
                        <a href="<?php echo e(route('shop.details')); ?>"
                            class="product-card__thumb flex-center h-unset rounded-8 bg-gray-50 position-relative w-unset flex-shrink-0 p-24"
                            tabindex="0">
                            <img src="<?php echo e(asset('assets/images/thumbs/popular-img8.png')); ?>" alt="img"
                                class="w-auto max-w-unset">
                        </a>
                        <div class="product-card__content flex-grow-1">
                            <h6 class="title text-lg fw-semibold mb-12">
                                <a href="<?php echo e(route('shop.details')); ?>" class="link text-line-2" tabindex="0">Phone &
                                    Accessories</a>
                            </h6>
                            <span class="text-gray-600 text-sm mb-4">Wired Headphones</span>
                            <span class="text-gray-600 text-sm mb-4">Over-Ear Headphone</span>
                            <span class="text-gray-600 text-sm mb-4">Sports Headphone</span>
                            <span class="text-gray-600 text-sm mb-0">Earbud Headphone</span>

                            <a href="<?php echo e(route('shop')); ?>" class="text-tertiary-600 flex-align gap-8 mt-24">
                                All Categories
                                <i class="ph ph-arrow-right d-flex"></i>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ========================= Popular Products End ================================ -->


    <!-- =============================== Newsletter-two Section Start ============================ -->
    <div class="newsletter-two bg-black-light pb-72 pt-76 overflow-hidden" data-aos="fade-up" data-aos-duration="600">
        <div class="container container-lg">
            <div class="flex-between gap-20 flex-wrap">
                <div class="flex-align gap-22">
                    <h4 class="text-white mb-12 fw-medium">Join Our Newsletter, Get <span class="text-main-600">10%
                            Off</span> </h4>
                </div>
                <form action="#" class="newsletter-two__form w-50">
                    <div class="d-flex gap-16">
                        <input type="email"
                            class="common-input rounded-8 flex-grow-1 py-14 placeholder-text-16 bg-white-06 border border-neutral-600 focus-border-main-600 hover-border-main-600 text-white"
                            placeholder="Enter your email address">
                        <button type="submit" class="btn btn-main-two flex-shrink-0 rounded-8 py-24 px-44"> Subscribe
                            Now </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- =============================== Newsletter-two Section End ============================ -->

    <!-- =============================== Shipping Section Start ============================ -->
    <section class="shipping bg-black-light">
        <div class="container container-lg">
            <div class="row gy-4">
                <div class="col-xxl-3 col-sm-6 aos-init aos-animate" data-aos="zoom-in" data-aos-duration="400">
                    <div
                        class="shipping-item flex-align gap-16 rounded-16 border border-white-13 border-dashed hover-bg-main-700 transition-2">
                        <span
                            class="w-56 h-56 flex-center rounded-circle bg-main-two-600 text-white text-32 flex-shrink-0"><i
                                class="ph-fill ph-car-profile"></i></span>
                        <div class="">
                            <h6 class="mb-0 text-xl fw-semibold text-white">Free Shipping</h6>
                            <span class="text-sm text-neutral-300 d-block mt-10">Free shipping all over the US</span>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-3 col-sm-6 aos-init aos-animate" data-aos="zoom-in" data-aos-duration="600">
                    <div
                        class="shipping-item flex-align gap-16 rounded-16 border border-white-13 border-dashed hover-bg-main-700 transition-2">
                        <span
                            class="w-56 h-56 flex-center rounded-circle bg-main-two-600 text-white text-32 flex-shrink-0"><i
                                class="ph-fill ph-hand-heart"></i></span>
                        <div class="">
                            <h6 class="mb-0 text-xl fw-semibold text-white"> 100% Satisfaction</h6>
                            <span class="text-sm text-neutral-300 d-block mt-10">Free shipping all over the US</span>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-3 col-sm-6 aos-init aos-animate" data-aos="zoom-in" data-aos-duration="800">
                    <div
                        class="shipping-item flex-align gap-16 rounded-16 border border-white-13 border-dashed hover-bg-main-700 transition-2">
                        <span
                            class="w-56 h-56 flex-center rounded-circle bg-main-two-600 text-white text-32 flex-shrink-0"><i
                                class="ph-fill ph-credit-card"></i></span>
                        <div class="">
                            <h6 class="mb-0 text-xl fw-semibold text-white"> Secure Payments</h6>
                            <span class="text-sm text-neutral-300 d-block mt-10">Free shipping all over the US</span>
                        </div>
                    </div>
                </div>
                <div class="col-xxl-3 col-sm-6 aos-init aos-animate" data-aos="zoom-in" data-aos-duration="1000">
                    <div
                        class="shipping-item flex-align gap-16 rounded-16 border border-white-13 border-dashed hover-bg-main-700 transition-2">
                        <span
                            class="w-56 h-56 flex-center rounded-circle bg-main-two-600 text-white text-32 flex-shrink-0"><i
                                class="ph-fill ph-chats"></i></span>
                        <div class="">
                            <h6 class="mb-0 text-xl fw-semibold text-white"> 24/7 Support</h6>
                            <span class="text-sm text-neutral-300 d-block mt-10">Free shipping all over the US</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- =============================== Shipping Section End ============================ -->


    <!-- footer area -->
    <?php echo $__env->make('frontend.includes.footers.footerTwo', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?>
    <!-- footer area end -->
<?php $__env->stopSection(); ?>

<?php echo $__env->make('frontend.layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH D:\laragon\www\marketpro\resources\views/frontend/homes/indexTwo.blade.php ENDPATH**/ ?>