<div class="home-page-13">
    <div class="top-home-content">
        <div class="container">
            <div class="slidershow">
                <div class="slidershow-type-1 hover-to-show">
                    <div data-owl="owl-slider" data-autoplay="true" data-nav="true" data-dots="false" data-screen0="1" data-screen481="1" data-screen768="1" data-screen992="1" data-screen1200="1" data-screen1441="1" data-screen1681="1" data-screen1920="1" data-margin="1" data-autoplayhoverpause="true" data-loop="true" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">
                        <div class="owl-carousel owl-theme">
                            <div class="item">
                                <a title="Slide 1" href="#">
                                    <img src="{{media url="wysiwyg/slidershow/home-13/item-1.jpg"}}" alt="Slider 1" width="1170" height="400" />
                                </a>
                            </div>

                            <div class="item">
                                <a title="Slide 1" href="#">
                                    <img src="{{media url="wysiwyg/slidershow/home-13/item-2.jpg"}}" alt="Slider 2" width="1170" height="400" />
                                </a>
                            </div>

                            <div class="item">
                                <a title="Slide 1" href="#">
                                    <img src="{{media url="wysiwyg/slidershow/home-13/item-3.jpg"}}" alt="Slider 3" width="1170" height="400" />
                                </a>
                            </div>
                        </div>
                        <div class="loading-content"><span class="hidden">Loading...</span></div>
                    </div>
                </div>
            </div>

            <div class="top-service">
                <ul>
                    <li class="free-shipping"><a href="#">FREE SHIPPING WORDWIDE</a></li>
                    <li class="money-back"><a href="#">MONEY BACK GUARANTEE</a></li>
                    <li class="online-support"><a href="#">ONLINE SUPPORT 24/24</a></li>
                </ul>
            </div>
        </div>
    </div>

    <div class="block-home-content">
        <div class="container">
            <div class="block-box countdown-product" style="margin-bottom: 30px;">
                <div class="block-box-title hidden-title-block">
                    <strong>DEAL OF THE DAYS</strong>
                    <p>Instant Discounts on Instant Purchases</p>
                </div>

                <div class="block-box-content">
                    <div class="deal-countdown">
                        <div data-owl="owl-slider" data-autoplay="false" data-nav="false" data-dots="true" data-screen0="1" data-screen481="1" data-screen768="1" data-screen992="1" data-screen1200="2" data-screen1441="2" data-screen1681="2" data-screen1920="2" data-margin="30" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">
                            {{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::deal-slider.phtml" title_module="FEATURED PRODUCT" product_source="countdown_products" date_to="06/30/2022" select_category="" product_limitation="6" display_countdown="0"}}
                        </div>
                    </div>
                </div>
            </div>

            <div class="banner-grid-10" style="margin-bottom: 20px;">
                <div class="row">
                    <div class="col-lg-4 col-sm-4">
                        <div class="banner-image l-banner">
                            <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-54.jpg"}}" alt="Banner" width="390" height="300"></a>
                        </div>
                    </div>

                    <div class="col-lg-4 col-sm-4">
                        <div class="banner-image">
                            <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-55.jpg"}}" alt="Banner" width="370" height="190"></a>
                        </div>

                        <div class="banner-image">
                            <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-56.jpg"}}" alt="Banner" width="370" height="100"></a>
                        </div>
                    </div>

                    <div class="col-lg-4 col-sm-4">
                        <div class="banner-image r-banner">
                            <a href="#"><img class="mark-lazy" src="{{media url="wysiwyg/banner/banner-57.jpg"}}" alt="Banner" width="390" height="300"></a>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-lg-6">
                    <div class="block-box hidden-title-block" style="margin-bottom: 30px;">
                        <div class="block-box-title">
                            <strong>FEATURED PRODUCTS</strong>
                            <p>Instant Discounts on Instant Purchases</p>
                        </div>

                        <div class="block-box-content">
                            <div class="simple-product-slider remove-product-border remove-title-cart">
                                <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="2" data-screen481="2" data-screen768="3" data-screen992="3" data-screen1200="3" data-screen1441="3" data-screen1681="3" data-screen1920="3" data-margin="5" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">
                                    {{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::grid-slider.phtml" title_module="FEATURED PRODUCTS" product_source="featured_products" select_category="5,3,4,13" product_limitation="6" display_countdown="0"}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-lg-6">
                    <div class="block-box hidden-title-block" style="margin-bottom: 30px;">
                        <div class="block-box-title">
                            <strong>BEST SELLERS</strong>
                            <p>Instant Discounts on Instant Purchases</p>
                        </div>

                        <div class="block-box-content">
                            <div class="simple-product-slider remove-product-border remove-title-cart">
                                <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="2" data-screen481="2" data-screen768="3" data-screen992="3" data-screen1200="3" data-screen1441="3" data-screen1681="3" data-screen1920="3" data-margin="5" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">
                                    {{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::grid-slider.phtml" title_module="BEST SELLERS" product_source="best_sellers" select_category="5,3,4" product_limitation="6" display_countdown="0"}}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="block-box home-collection-2 hover-to-show" style="margin-bottom: 30px;">
                <div class="block-content">
                    <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="2"
                         data-screen481="4" data-screen768="5" data-screen992="6" data-screen1200="6" data-screen1441="6"
                         data-screen1681="6" data-screen1920="6" data-margin="10" data-autoplayhoverpause="true"
                         data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true"
                         data-touchdrag="true">
                        <div class="owl-carousel owl-theme">
                            <div class="item">
                                <a href="#">
                                    <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-4.png"}}" alt="Furniture" width="88" height="88" /></span>
                                    <strong>FURNITURE</strong>
                                </a>
                            </div>

                            <div class="item">
                                <a href="#">
                                    <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-5.png"}}" alt="Furniture" width="88" height="88" /></span>
                                    <strong>ELECTRONICS</strong>
                                </a>
                            </div>

                            <div class="item">
                                <a href="#">
                                    <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-6.png"}}" alt="Furniture" width="88" height="88" /></span>
                                    <strong>MOM & BABY</strong>
                                </a>
                            </div>

                            <div class="item">
                                <a href="#">
                                    <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-7.png"}}" alt="Furniture" width="88" height="88" /></span>
                                    <strong>OUTDOOR</strong>
                                </a>
                            </div>

                            <div class="item">
                                <a href="#">
                                    <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-8.png"}}" alt="Furniture" width="88" height="88" /></span>
                                    <strong>FASHION</strong>
                                </a>
                            </div>

                            <div class="item">
                                <a href="#">
                                    <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-9.png"}}" alt="Furniture" width="88" height="88" /></span>
                                    <strong>HEALTH & BEAUTY</strong>
                                </a>
                            </div>

                            <div class="item">
                                <a href="#">
                                    <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-10.png"}}" alt="Furniture" width="88" height="88" /></span>
                                    <strong>JEWELLERY</strong>
                                </a>
                            </div>

                            <div class="item">
                                <a href="#">
                                    <span><img class="mark-lazy" src="{{media url="wysiwyg/icon-image/icon-7.png"}}" alt="Furniture" width="88" height="88" /></span>
                                    <strong>FURNITURE</strong>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="block-box hidden-title-block" style="margin-bottom: 30px;">
                <div class="block-box-title">
                    <strong>SMARTPHONES & TABLETS</strong>
                    <p>Instant Discounts on Instant Purchases</p>
                </div>

                <div class="block-box-content">
                    <div class="simple-product-slider remove-product-border">
                        <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="2" data-screen481="2" data-screen768="3" data-screen992="3" data-screen1200="4" data-screen1441="4" data-screen1681="4" data-screen1920="4" data-margin="30" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">
                            {{block class="Sm\FilterProducts\Block\FilterProducts" template="Sm_FilterProducts::grid-slider.phtml" title_module="SMARTPHONES & TABLETS" product_source="lastest_products" select_category="4" product_limitation="6" display_countdown="0"}}
                        </div>
                    </div>
                </div>
            </div>

            <div class="block-box brand-box hover-to-show" style="margin-bottom: 30px;">
                <div class="block-content">
                    <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="2" data-screen481="3" data-screen768="5" data-screen992="6" data-screen1200="6" data-screen1441="6" data-screen1681="6" data-screen1920="6" data-margin="30" data-autoplayhoverpause="true" data-loop="true" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">
                        <div class="owl-carousel owl-theme">
                            <div class="item">
                                <a title="Slide 1" href="#">
                                    <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-1.jpg"}}" alt="Brand 1" width="152" height="90" />
                                </a>
                            </div>

                            <div class="item">
                                <a title="Slide 1" href="#">
                                    <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-2.jpg"}}" alt="Brand 2" width="152" height="90" />
                                </a>
                            </div>

                            <div class="item">
                                <a title="Slide 1" href="#">
                                    <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-3.jpg"}}" alt="Brand 3" width="152" height="90" />
                                </a>
                            </div>

                            <div class="item">
                                <a title="Slide 1" href="#">
                                    <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-4.jpg"}}" alt="Brand 4" width="152" height="90" />
                                </a>
                            </div>

                            <div class="item">
                                <a title="Slide 1" href="#">
                                    <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-5.jpg"}}" alt="Brand 5" width="152" height="90" />
                                </a>
                            </div>

                            <div class="item">
                                <a title="Slide 1" href="#">
                                    <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-2.jpg"}}" alt="Brand 2" width="152" height="90" />
                                </a>
                            </div>

                            <div class="item">
                                <a title="Slide 1" href="#">
                                    <img class="mark-lazy" src="{{media url="wysiwyg/brand/item-4.jpg"}}" alt="Brand 4" width="152" height="90" />
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="block-box simple-product-slider blog-box hidden-title-block" style="margin-bottom: 30px;">
                <div class="block-box-title">
                    <strong>LATEST BLOGS</strong>
                    <p>Instant Discounts on Instant Purchases</p>
                </div>

                <div class="blog-slider-type-3">
                    <div data-owl="owl-slider" data-autoplay="false" data-nav="true" data-dots="false" data-screen0="1" data-screen481="2" data-screen768="3" data-screen992="3" data-screen1200="4" data-screen1441="4" data-screen1681="4" data-screen1920="4" data-margin="30" data-autoplayhoverpause="true" data-loop="false" data-center="false" data-stagepadding="0" data-mousedrag="true" data-touchdrag="true">
                        {{widget type="Magefan\Blog\Block\Widget\Recent" title="LATEST BLOG" number_of_posts="5" category_id="0" tag_id="0" author_id="0" custom_template="Magefan_Blog::widget/recent-slider-type2.phtml"}}
                    </div>
                </div>
            </div>

            <div class="newsletter-bottom-home">
                <div class="newsletter-text">Trade Alert - Delivering the latest product trends and industry news straight to your inbox.</div>
                {{block class="Magento\Newsletter\Block\Subscribe" template="subscribe-home.phtml"}}
            </div>

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