<?php
    $bundle=\frontend\assets\AppAsset::register($this);
?>

<!--///////////////...Banner....////////////////-->
<section class="container-fluid banner">
    <div class="row">
        <div class="slideshow bg-dark w-100 position-relative overflow-hidden">
            <div class="slides w-100 h-100 position-absolute">
                <div class="slide slide--current w-100 h-100 d-flex justify-content-center flex-column position-absolute overflow-hidden">
                    <div class="slide__img w-100 h-100 position-absolute overflow-hidden"
                         style="background: url(<?=$bundle->baseUrl?>/images/slider_bg.jpg)"></div>
                    <div class="slide_descript">
                        <h3 class="slide__desc text-center text-white text-uppercase">LYYT YOUR LIFE</h3>
                    </div>
                </div>
            </div>
            <div class="post_arr">
                EXPLORE
                <div class="orange">
                    <i class="fas fa-arrow-down"></i>
                </div>
            </div>
        </div>
    </div>
</section>
<!--///////////////...Banner-end....////////////////-->

<!--///////////////..OUR FAMILy....///////////////-->
<section class="collection bg-light">
    <div class="container">
        <div class="row collect_headline pb-5 justify-content-center">
            <div class="col">
                <h2 class="text-center text-uppercase pt-5 pb-5">OUR FAMILy</h2>
            </div>
        </div>
        <div class="row collection_main justify-content-around">
            <div class="col-sm-6 col-md-6 col-lg-6 collection_items wow zoomIn">
                <a href="<?=\yii\helpers\Url::to(['products/lyyt-dual'])?>">
                    <div class="collect_item position-relative rounded mb-4 bg-white">
                        <img class="w-100" src="<?=$bundle->baseUrl?>/images/collection_1.png" alt="">
                    </div>
                </a>
            </div>
            <div class="col-sm-6 col-md-6 col-lg-6 collection_items wow zoomIn">
                <a href="<?=\yii\helpers\Url::to(['products/lyyt-mini'])?>">
                    <div class="collect_item position-relative rounded mb-4 bg-white">
                        <img class="w-100" src="<?=$bundle->baseUrl?>/images/collection_2.png" alt="">
                    </div>
                </a>
            </div>
            <div class="col-sm-6 col-md-6 col-lg-6 collection_items wow zoomIn">
                <a href="<?=\yii\helpers\Url::to(['products/dual-pods'])?>">
                    <div class="collect_item position-relative rounded mb-4 bg-white">
                        <img class="w-100" src="<?=$bundle->baseUrl?>/images/collection_3.png" alt="">
                    </div>
                </a>
            </div>
            <div class="col-sm-6 col-md-6 col-lg-6 collection_items wow zoomIn">
                <a href="<?=\yii\helpers\Url::to(['products/mini-pods'])?>">
                    <div class="collect_item position-relative rounded mb-4 bg-white">
                        <img class="w-100" src="<?=$bundle->baseUrl?>/images/collection_4.png" alt="">
                    </div>
                </a>
            </div>
        </div>
    </div>
</section>
<!--///////////////..OUR FAMILy-end....///////////////-->

<!--///////////////...Why_chose_us-block....////////////////-->
<section class="why_chose_us">
    <div class="container">
        <div class="m-auto wcu_headline pb-5 text-center">
            <h2 class="text-center text-uppercase pt-5 pb-1">STAY CONNECTED WITH LYYT LIFE</h2>
            <h4 class="text-center pb-1">Get all the latest updates from the LYTT, as they happen.</h4>
            <a href="<?=\common\models\Config::getParameter('instagram', false)?>" class="follow">FOLLOW US</a>
        </div>
        <div class="row wcu_decript">
            <div class="col-12 col-lg-12 d-flex wow fadeInLeft" data-wow-offset="50">
                <img src="<?=$bundle->baseUrl?>/images/img_1.png" alt="">
                <img src="<?=$bundle->baseUrl?>/images/img_2.png" alt="">
                <img src="<?=$bundle->baseUrl?>/images/img_3.png" alt="">
                <img src="<?=$bundle->baseUrl?>/images/img_4.png" alt="">
            </div>
        </div>
    </div>
</section>
<!--///////////////...Why_chose_us-block-end....////////////////-->