

<main class="main">
    <div class="intro-slider-container mb-3 mb-lg-5">
        <div class="intro-slider owl-carousel owl-simple owl-nav-inside owl-light" data-toggle="owl" data-owl-options='{"nav":false, "dots": false, "loop": false}'>
            <div class="intro-slide" style="background-image: url(/public/front/assets/images/demos/demo-12/slider/slide-1.jpg);">
                <div class="container intro-content text-center">
                    <h3 class="intro-subtitle text-white">SEASONAL PICKS</h3><!-- End .h3 intro-subtitle -->
                    <h1 class="intro-title text-white">Get All The Good Stuff</h1><!-- End .intro-title -->

                    <a href="category.html" class="btn btn-outline-white">
                        <span><?= $this->Get_Lang->gl("Discover_Now", $langId) ?></span>
                        <i class="icon-long-arrow-right"></i>
                    </a>
                </div><!-- End .intro-content -->
            </div><!-- End .intro-slide -->
        </div><!-- End .intro-slider owl-carousel owl-simple -->

        <span class="slider-loader text-white"></span><!-- End .slider-loader -->
    </div><!-- End .intro-slider-container -->

    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <div class="banner banner-display banner-link-anim banner-title-hidden">
                    <a href="#">
                        <img src="/public/front/assets/images/demos/demo-12/banners/banner-1.jpg" alt="Banner">
                    </a>

                    <div class="banner-content banner-content-center">
                        <h3 class="banner-title text-white"><a href="#">This Week's Most Wanted</a></h3><!-- End .banner-title -->
                        <a href="#" class="btn btn-outline-white banner-link"><?= $this->Get_Lang->gl("shop_now", $langId) ?></a>
                    </div><!-- End .banner-content -->
                </div><!-- End .banner -->
            </div><!-- End .col-md-6 -->

            <div class="col-md-6">
                <div class="banner banner-display banner-link-anim banner-title-hidden">
                    <a href="#">
                        <img src="/public/front/assets/images/demos/demo-12/banners/banner-2.jpg" alt="Banner">
                    </a>

                    <div class="banner-content banner-content-center">
                        <h3 class="banner-title text-white"><a href="#">Bags by Mood</a></h3><!-- End .banner-title -->
                        <a href="#" class="btn btn-outline-white banner-link"><?= $this->Get_Lang->gl("Discover_Now", $langId) ?></a>
                    </div><!-- End .banner-content -->
                </div><!-- End .banner -->
                <div class="banner banner-display banner-link-anim banner-title-hidden">
                    <a href="#">
                        <img src="/public/front/assets/images/demos/demo-12/banners/banner-3.jpg" alt="Banner">
                    </a>

                    <div class="banner-content banner-content-center">
                        <h3 class="banner-title text-white"><a href="#">The Trend Story</a></h3><!-- End .banner-title -->
                        <a href="#" class="btn btn-outline-white banner-link"><?= $this->Get_Lang->gl("shop_now", $langId) ?></a>
                    </div><!-- End .banner-content -->
                </div><!-- End .banner -->
            </div><!-- End .col-md-6 -->
        </div><!-- End .row -->

        <div class="mb-3"></div><!-- End .mb-3 -->
    </div><!-- End .container -->

    <div class="bg-lighter pt-5 pb-5 mb-5">
        <div class="container">
            <div class="heading text-center mb-4">
                <h2 class="title"><?= $this->Get_Lang->gl("Recent_Arrivals", $langId) ?></h2><!-- End .title -->
                <p class="title-desc">Aliquam tincidunt mauris eurisus</p><!-- End .title-desc -->
            </div><!-- End .heading -->

            <div class="owl-carousel owl-simple" data-toggle="owl" 
                 data-owl-options='{
                 "nav": false, 
                 "dots": true,
                 "margin": 20,
                 "loop": false,
                 "responsive": {
                 "0": {
                 "items":2
                 },
                 "480": {
                 "items":2
                 },
                 "768": {
                 "items":3
                 },
                 "992": {
                 "items":4
                 },
                 "1200": {
                 "items":4,
                 "nav": true
                 }
                 }
                 }'>
                <div class="product product-4">
                    <figure class="product-media">
                        <a href="product.html">
                            <img src="/public/front/assets/images/demos/demo-12/products/product-1.jpg" alt="Product image" class="product-image">
                            <img src="/public/front/assets/images/demos/demo-12/products/product-1-2.jpg" alt="Product image" class="product-image-hover">
                        </a>

                        <div class="product-action-vertical">
                            <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                            <a href="/quickView" class="btn-product-icon btn-quickview" title="<?= $this->Get_Lang->gl("Quick_view", $langId) ?>"><span><?= $this->Get_Lang->gl("Quick_view", $langId) ?></span></a>
                            <a href="#" class="btn-product-icon btn-compare" title="<?= $this->Get_Lang->gl("Compare", $langId) ?>"><span><?= $this->Get_Lang->gl("Compare", $langId) ?></span></a>
                        </div><!-- End .product-action -->

                        <div class="product-action">
                            <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                        </div><!-- End .product-action -->
                    </figure><!-- End .product-media -->

                    <div class="product-body">
                        <div class="product-cat">
                            <a href="#">Clothing</a>
                        </div><!-- End .product-cat -->
                        <h3 class="product-title"><a href="product.html">Linen-blend dress</a></h3><!-- End .product-title -->
                        <div class="product-price">
                            $60.00
                        </div><!-- End .product-price -->
                        <div class="product-nav product-nav-dots">
                            <a href="#" class="active" style="background: #e5dcb1;"><span class="sr-only">Color name</span></a>
                            <a href="#" style="background: #bacbd8;"><span class="sr-only">Color name</span></a>
                        </div><!-- End .product-nav -->
                    </div><!-- End .product-body -->
                </div><!-- End .product -->

                <div class="product product-4">
                    <figure class="product-media">
                        <span class="product-label label-primary">Sale</span>
                        <a href="product.html">
                            <img src="/public/front/assets/images/demos/demo-12/products/product-2.jpg" alt="Product image" class="product-image">
                            <img src="/public/front/assets/images/demos/demo-12/products/product-2-2.jpg" alt="Product image" class="product-image-hover">
                        </a>

                        <div class="product-action-vertical">
                            <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                            <a href="/quickView" class="btn-product-icon btn-quickview" title="<?= $this->Get_Lang->gl("Quick_view", $langId) ?>"><span><?= $this->Get_Lang->gl("Quick_view", $langId) ?></span></a>
                            <a href="#" class="btn-product-icon btn-compare" title="<?= $this->Get_Lang->gl("Compare", $langId) ?>"><span><?= $this->Get_Lang->gl("Compare", $langId) ?></span></a>
                        </div><!-- End .product-action -->

                        <div class="product-action">
                            <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                        </div><!-- End .product-action -->
                    </figure><!-- End .product-media -->

                    <div class="product-body">
                        <div class="product-cat">
                            <a href="#">Shoes</a>
                        </div><!-- End .product-cat -->
                        <h3 class="product-title"><a href="product.html">Sandals with lacing</a></h3><!-- End .product-title -->

                        <div class="product-price">
                            <span class="new-price">Now $70.00</span>
                            <span class="old-price">Was $84.00</span>
                        </div><!-- End .product-price -->
                    </div><!-- End .product-body -->
                </div><!-- End .product -->

                <div class="product product-4">
                    <figure class="product-media">
                        <a href="product.html">
                            <img src="/public/front/assets/images/demos/demo-12/products/product-3.jpg" alt="Product image" class="product-image">
                            <img src="/public/front/assets/images/demos/demo-12/products/product-3-2.jpg" alt="Product image" class="product-image-hover">
                        </a>

                        <div class="product-action-vertical">
                            <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                            <a href="/quickView" class="btn-product-icon btn-quickview" title="<?= $this->Get_Lang->gl("Quick_view", $langId) ?>"><span><?= $this->Get_Lang->gl("Quick_view", $langId) ?></span></a>
                            <a href="#" class="btn-product-icon btn-compare" title="<?= $this->Get_Lang->gl("Compare", $langId) ?>"><span><?= $this->Get_Lang->gl("Compare", $langId) ?></span></a>
                        </div><!-- End .product-action -->

                        <div class="product-action">
                            <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                        </div><!-- End .product-action -->
                    </figure><!-- End .product-media -->

                    <div class="product-body">
                        <div class="product-cat">
                            <a href="#">Clothing</a>
                        </div><!-- End .product-cat -->
                        <h3 class="product-title"><a href="product.html">Paper bag trousers</a></h3><!-- End .product-title -->
                        <div class="product-price">
                            $60.00
                        </div><!-- End .product-price -->
                        <div class="product-nav product-nav-dots">
                            <a href="#" class="active" style="background: #9fac76;"><span class="sr-only">Color name</span></a>
                            <a href="#" style="background: #333333;"><span class="sr-only">Color name</span></a>
                        </div><!-- End .product-nav -->
                    </div><!-- End .product-body -->
                </div><!-- End .product -->

                <div class="product product-4">
                    <figure class="product-media">
                        <a href="product.html">
                            <img src="/public/front/assets/images/demos/demo-12/products/product-4.jpg" alt="Product image" class="product-image">
                            <img src="/public/front/assets/images/demos/demo-12/products/product-4-2.jpg" alt="Product image" class="product-image-hover">
                        </a>

                        <div class="product-action-vertical">
                            <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                            <a href="/quickView" class="btn-product-icon btn-quickview" title="<?= $this->Get_Lang->gl("Quick_view", $langId) ?>"><span><?= $this->Get_Lang->gl("Quick_view", $langId) ?></span></a>
                            <a href="#" class="btn-product-icon btn-compare" title="<?= $this->Get_Lang->gl("Compare", $langId) ?>"><span><?= $this->Get_Lang->gl("Compare", $langId) ?></span></a>
                        </div><!-- End .product-action -->

                        <div class="product-action">
                            <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                        </div><!-- End .product-action -->
                    </figure><!-- End .product-media -->

                    <div class="product-body">
                        <div class="product-cat">
                            <a href="#">Handbags</a>
                        </div><!-- End .product-cat -->
                        <h3 class="product-title"><a href="product.html">Bucket bag</a></h3><!-- End .product-title -->
                        <div class="product-price">
                            $350.00
                        </div><!-- End .product-price -->
                    </div><!-- End .product-body -->
                </div><!-- End .product -->

                <div class="product product-4">
                    <figure class="product-media">
                        <a href="product.html">
                            <img src="/public/front/assets/images/demos/demo-12/products/product-5.jpg" alt="Product image" class="product-image">
                            <img src="/public/front/assets/images/demos/demo-12/products/product-5-2.jpg" alt="Product image" class="product-image-hover">
                        </a>

                        <div class="product-action-vertical">
                            <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                            <a href="/quickView" class="btn-product-icon btn-quickview" title="<?= $this->Get_Lang->gl("Quick_view", $langId) ?>"><span><?= $this->Get_Lang->gl("Quick_view", $langId) ?></span></a>
                            <a href="#" class="btn-product-icon btn-compare" title="<?= $this->Get_Lang->gl("Compare", $langId) ?>"><span><?= $this->Get_Lang->gl("Compare", $langId) ?></span></a>
                        </div><!-- End .product-action -->

                        <div class="product-action">
                            <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                        </div><!-- End .product-action -->
                    </figure><!-- End .product-media -->

                    <div class="product-body">
                        <div class="product-cat">
                            <a href="#">Clothing</a>
                        </div><!-- End .product-cat -->
                        <h3 class="product-title"><a href="product.html">Silk-blend kaftan</a></h3><!-- End .product-title -->
                        <div class="product-price">
                            $370.00
                        </div><!-- End .product-price -->
                    </div><!-- End .product-body -->
                </div><!-- End .product -->

                <div class="product product-4">
                    <figure class="product-media">
                        <span class="product-label label-new">New</span>
                        <a href="product.html">
                            <img src="/public/front/assets/images/demos/demo-12/products/product-6.jpg" alt="Product image" class="product-image">
                            <img src="/public/front/assets/images/demos/demo-12/products/product-6-2.jpg" alt="Product image" class="product-image-hover">
                        </a>

                        <div class="product-action-vertical">
                            <a href="#" class="btn-product-icon btn-wishlist btn-expandable"><span><?= $this->Get_Lang->gl("add_to_wishlist", $langId) ?></span></a>
                            <a href="/quickView" class="btn-product-icon btn-quickview" title="<?= $this->Get_Lang->gl("Quick_view", $langId) ?>"><span><?= $this->Get_Lang->gl("Quick_view", $langId) ?></span></a>
                            <a href="#" class="btn-product-icon btn-compare" title="<?= $this->Get_Lang->gl("Compare", $langId) ?>"><span><?= $this->Get_Lang->gl("Compare", $langId) ?></span></a>
                        </div><!-- End .product-action -->

                        <div class="product-action">
                            <a href="#" class="btn-product btn-cart"><span><?= $this->Get_Lang->gl("add_to_cart", $langId) ?></span></a>
                        </div><!-- End .product-action -->
                    </figure><!-- End .product-media -->

                    <div class="product-body">
                        <div class="product-cat">
                            <a href="#">Sandals</a>
                        </div><!-- End .product-cat -->
                        <h3 class="product-title"><a href="product.html">Spring Sandals</a></h3><!-- End .product-title -->
                        <div class="product-price">
                            $59.00
                        </div><!-- End .product-price -->
                    </div><!-- End .product-body -->
                </div><!-- End .product -->
            </div><!-- End .owl-carousel -->
        </div><!-- End .container -->
    </div><!-- End .bg-lighter pt-5 pb-5 -->

    <div class="container">
        <div class="heading text-center mb-4">
            <h2 class="title">	<?= $this->Get_Lang->gl("Explore_Popular_Categories", $langId) ?></h2><!-- End .title -->
            <p class="title-desc">Vestibulum auctor dapibus neque</p><!-- End .title-desc -->
        </div><!-- End .heading -->

        <div class="row">
            <div class="col-sm-6 col-lg-4">
                <div class="banner banner-display banner-link-anim">
                    <a href="#">
                        <img src="/public/front/assets/images/demos/demo-12/banners/banner-4.jpg" alt="Banner">
                    </a>

                    <div class="banner-content banner-content-center">
                        <h3 class="banner-title text-white"><a href="#">Accessories</a></h3><!-- End .banner-title -->
                        <h4 class="banner-subtitle text-white"><a href="#">16 Items</a></h4><!-- End .banner-subtitle -->
                        <a href="#" class="btn btn-outline-white banner-link"><?= $this->Get_Lang->gl("shop_now", $langId) ?></a>
                    </div><!-- End .banner-content -->
                </div><!-- End .banner -->
            </div><!-- End .col-sm-6 -->

            <div class="col-sm-6 col-lg-4 order-lg-last">
                <div class="banner banner-display banner-link-anim">
                    <a href="#">
                        <img src="/public/front/assets/images/demos/demo-12/banners/banner-5.jpg" alt="Banner">
                    </a>

                    <div class="banner-content banner-content-center">
                        <h3 class="banner-title text-white"><a href="#">Jewellery</a></h3><!-- End .banner-title -->
                        <h4 class="banner-subtitle text-white"><a href="#">8 Items</a></h4><!-- End .banner-subtitle -->
                        <a href="#" class="btn btn-outline-white banner-link"><?= $this->Get_Lang->gl("shop_now", $langId) ?></a>
                    </div><!-- End .banner-content -->
                </div><!-- End .banner -->
            </div><!-- End .col-sm-6 -->

            <div class="col-lg-4">
                <div class="row">
                    <div class="col-sm-6 col-lg-12">
                        <div class="banner banner-display banner-link-anim">
                            <a href="#">
                                <img src="/public/front/assets/images/demos/demo-12/banners/banner-6.jpg" alt="Banner">
                            </a>

                            <div class="banner-content banner-content-center">
                                <h3 class="banner-title text-white"><a href="#">Clothing</a></h3><!-- End .banner-title -->
                                <h4 class="banner-subtitle text-white"><a href="#">24 Items</a></h4><!-- End .banner-subtitle -->
                                <a href="#" class="btn btn-outline-white banner-link"><?= $this->Get_Lang->gl("Discover_Now", $langId) ?></a>
                            </div><!-- End .banner-content -->
                        </div><!-- End .banner -->
                    </div><!-- End .col-sm-6 -->

                    <div class="col-sm-6 col-lg-12">
                        <div class="banner banner-display banner-link-anim">
                            <a href="#">
                                <img src="/public/front/assets/images/demos/demo-12/banners/banner-7.jpg" alt="Banner">
                            </a>

                            <div class="banner-content banner-content-center">
                                <h3 class="banner-title text-white"><a href="#">Shoes</a></h3><!-- End .banner-title -->
                                <h4 class="banner-subtitle text-white"><a href="#">6 Items</a></h4><!-- End .banner-subtitle -->
                                <a href="#" class="btn btn-outline-white banner-link"><?= $this->Get_Lang->gl("shop_now", $langId) ?></a>
                            </div><!-- End .banner-content -->
                        </div><!-- End .banner -->
                    </div><!-- End .col-sm-6 -->
                </div><!-- End .row -->
            </div><!-- End .col-lg-6 -->
        </div><!-- End .row -->

        <div class="icon-boxes-container bg-transparent">
            <div class="container">
                <div class="row">
                    <div class="col-sm-6 col-lg-3">
                        <div class="icon-box icon-box-side">
                            <span class="icon-box-icon">
                                <i class="icon-rocket"></i>
                            </span>
                            <div class="icon-box-content">
                                <h3 class="icon-box-title"><?= $this->Get_Lang->gl("free_shipping", $langId) ?></h3><!-- End .icon-box-title -->
                                <p><?= $this->Get_Lang->gl("Orders_50_or_more", $langId) ?></p>
                            </div><!-- End .icon-box-content -->
                        </div><!-- End .icon-box -->
                    </div><!-- End .col-sm-6 col-lg-3 -->

                    <div class="col-sm-6 col-lg-3">
                        <div class="icon-box icon-box-side">
                            <span class="icon-box-icon">
                                <i class="icon-rotate-left"></i>
                            </span>

                            <div class="icon-box-content">
                                <h3 class="icon-box-title"><?= $this->Get_Lang->gl("free_returns", $langId) ?></h3><!-- End .icon-box-title -->
                                <p><?= $this->Get_Lang->gl("Within_30_days", $langId) ?></p>
                            </div><!-- End .icon-box-content -->
                        </div><!-- End .icon-box -->
                    </div><!-- End .col-sm-6 col-lg-3 -->

                    <div class="col-sm-6 col-lg-3">
                        <div class="icon-box icon-box-side">
                            <span class="icon-box-icon">
                                <i class="icon-info-circle"></i>
                            </span>

                            <div class="icon-box-content">
                                <h3 class="icon-box-title"><?= $this->Get_Lang->gl("Get_off_Item", $langId) ?></h3><!-- End .icon-box-title -->
                                <p><?= $this->Get_Lang->gl("when_you_sign_up", $langId) ?></p>
                            </div><!-- End .icon-box-content -->
                        </div><!-- End .icon-box -->
                    </div><!-- End .col-sm-6 col-lg-3 -->

                    <div class="col-sm-6 col-lg-3">
                        <div class="icon-box icon-box-side">
                            <span class="icon-box-icon">
                                <i class="icon-life-ring"></i>
                            </span>

                            <div class="icon-box-content">
                                <h3 class="icon-box-title"><?= $this->Get_Lang->gl("we_support", $langId) ?></h3><!-- End .icon-box-title -->
                                <p><?= $this->Get_Lang->gl("amazing_services", $langId) ?></p>
                            </div><!-- End .icon-box-content -->
                        </div><!-- End .icon-box -->
                    </div><!-- End .col-sm-6 col-lg-3 -->
                </div><!-- End .row -->
            </div><!-- End .container -->
        </div><!-- End .icon-boxes-container -->
    </div><!-- End .container -->
</main><!-- End .main -->