@section('seo')
@endsection
@section('css')
@endsection
@extends('website.layout.layout')
@section('content')
<div class="slider-area mt-90 sm-mt-0">
            <div class="slider-active-1 owl-carousel nav-style-2">
                <div class="single-slider bg-img slider-height-1 slider-hm1-1" style="background-image:url(assets/images/1.jpg);">
                    <!-- <div class="row">
                        <div class="col-lg-9 col-md-9 col-12 ml-auto overlay-box">
                            <div class="slider-content slider-animated-1 text-center slider-content-mrg">
                                <h2 class="animated">BEDSHEET COLLECTION 2020</h2>
                                <h1 class="animated">Sofa home decor<br/>  Collection 2018</h1>
                                <div class="miss-chance">
                                    <h4 class="animated">Suspendisse faucibus sed dolor eget posuere interdum urna. ante commodo tristique.</h4>
                                </div>
                                <div class="slider-btn-1">
                                    <a class="animated" href="product-details.html">SHOP NOW </a>
                                </div>
                            </div>
                        </div>
                    </div> -->
                </div>
                <div class="single-slider bg-img slider-height-1 slider-hm1-1" style="background-image:url(assets/images/2.jpg);">
                    <!-- <div class="row">
                        <div class="col-lg-9 col-md-9 col-12 ml-auto overlay-box">
                            <div class="slider-content slider-animated-1 text-center slider-content-mrg">
                                <h2 class="animated">BEDSHEET COLLECTION 2020</h2>
                                <h1 class="animated">Sofa home decor<br/>  Collection 2018</h1>
                                <div class="miss-chance">
                                    <h4 class="animated">Suspendisse faucibus sed dolor eget posuere interdum urna. ante commodo tristique.</h4>
                                </div>
                                <div class="slider-btn-1">
                                    <a class="animated" href="product-details.html">SHOP NOW </a>
                                </div>
                            </div>
                        </div>
                    </div> -->
                </div>
                <div class="single-slider bg-img slider-height-1 slider-hm1-1" style="background-image:url(assets/images/3.jpg);">
                    <!-- <div class="row">
                        <div class="col-lg-9 col-md-9 col-12 ml-auto overlay-box">
                            <div class="slider-content slider-animated-1 text-center slider-content-mrg">
                                <h2 class="animated">BEDSHEET COLLECTION 2020</h2>
                                <h1 class="animated">Sofa home decor<br/>  Collection 2018</h1>
                                <div class="miss-chance">
                                    <h4 class="animated">Suspendisse faucibus sed dolor eget posuere interdum urna. ante commodo tristique.</h4>
                                </div>
                                <div class="slider-btn-1">
                                    <a class="animated" href="product-details.html">SHOP NOW </a>
                                </div>
                            </div>
                        </div>
                    </div> -->
                </div>
            </div>
        </div>

        <!-- Services -->
        <div class="service-area pt-70 pb-40">
            <div class="container">
                <div class="row">
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="service-wrap mb-30 wow fadeInUp" data-wow-delay="0.1s">
                            <div class="service-icon">
                                <i class="la-icon shopping_box-3d-50"></i>
                            </div>
                            <div class="service-content">
                                <h6>Free Worldwide Shipping</h6>
                                <p>On all orders over $100</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="service-wrap mb-30 wow fadeInUp" data-wow-delay="0.2s">
                            <div class="service-icon">
                                <i class="la-icon business_money-time"></i>
                            </div>
                            <div class="service-content">
                                <h6>30 Days Money Returns</h6>
                                <p>30 days money back guarantee</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="service-wrap mb-30 wow fadeInUp" data-wow-delay="0.3s">
                            <div class="service-icon">
                                <i class="la-icon media-2_headphones"></i>
                            </div>
                            <div class="service-content">
                                <h6>Support 24/7</h6>
                                <p>Offered in the country of usage</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-3 col-md-6 col-sm-6">
                        <div class="service-wrap mb-30 wow fadeInUp" data-wow-delay="0.4s">
                            <div class="service-icon">
                                <i class="la-icon tech-2_l-security"></i>
                            </div>
                            <div class="service-content">
                                <h6>100% Secure Checkout</h6>
                                <p>Paypal / Visa / Master Card</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        
        <!-- First Section -->
        <div class="banner-area pb-70">
            <div class="container">
                <div class="product-slider-active owl-carousel dot-style-1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s">
                    <div class="product-wrap">
                        <div class="banner-wrap mb-sm-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
                            <div class="banner-img banner-hover banner-zoom">
                                <a href="product-listing.html"><img src="assets/images/bedroom-collection2.jpg" alt="banner"></a>
                            </div>
                            <div class="banner-content">
                                
                                <p>Bedding Collection</p>
                            </div>
                        </div>
                    </div>
                    <div class="product-wrap">
                        <div class="banner-wrap mb-sm-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
                            <div class="banner-img banner-hover banner-zoom">
                                <a href="product-listing.html"><img src="assets/images/travel-collection.jpg" alt="banner"></a>
                            </div>
                            <div class="banner-content">
                                
                                <p>Travel Collection</p>
                            </div>
                        </div>
                    </div>
                    <div class="product-wrap">
                        <div class="banner-wrap mb-sm-30 wow fadeIn" data-wow-duration="1s" data-wow-delay="0.2s">
                            <div class="banner-img banner-hover banner-zoom">
                                <a href="product-listing.html"><img src="assets/images/living-room-collection.jpg" alt="banner"></a>
                            </div>
                            <div class="banner-content">
                                
                                <p>Living Collection</p>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>

        <div class="banner-bottom mt-20">
            <div class="container-fluid">
                <div class="delas wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s">
                    <div class="delas-image"><img src="assets/images/deals.jpg"></div>
                </div>
            </div>
        </div>

        <div class="product-area pt-70 pb-90">
            <div class="container">
                <div class="section-title text-center mb-20 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.2s">
                    <h2>Trending</h2>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore</p>
                </div>
                
                <div class="product-home product-tranding-active owl-carousel dot-style-1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s">
                    <div class="product-wrap">
                        <div class="product-img pro-radius mb-25">
                            <a href="product-details.html">
                                <img class="default-img" src="assets/images/pro-5.jpg" alt="">
                                <img class="hover-img" src="assets/images/pro-6.jpg" alt="">
                            </a>
                            <div class="product-action">
                                <a data-toggle="modal" data-target="#exampleModal" href="#"><i class="dl-icon-view"></i><span>Quick Shop</span></a>
                                <a data-toggle="tooltip" title="Add to Cart" href="#"><i class=" dl-icon-cart29"></i></a>
                                <a data-toggle="tooltip" title="Add to Wishlist" href="#"><i class="dl-icon-heart4"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="product-wrap">
                        <div class="product-img pro-radius mb-25">
                            <a href="product-details.html">
                                <img class="default-img" src="assets/images/pro-1.jpg" alt="">
                                <img class="hover-img" src="assets/images/pro-2.jpg" alt="">
                            </a>
                            <div class="product-action">
                                <a data-toggle="modal" data-target="#exampleModal" href="#"><i class="dl-icon-view"></i><span>Quick Shop</span></a>
                                <a data-toggle="tooltip" title="Add to Cart" href="#"><i class=" dl-icon-cart29"></i></a>
                                <a data-toggle="tooltip" title="Add to Wishlist" href="#"><i class="dl-icon-heart4"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="product-wrap">
                        <div class="product-img pro-radius mb-25">
                            <a href="product-details.html">
                                <img class="default-img" src="assets/images/pro-3.jpg" alt="">
                                <img class="hover-img" src="assets/images/pro-4.jpg" alt="">
                            </a>
                            <div class="product-action">
                                <a data-toggle="modal" data-target="#exampleModal" href="#"><i class="dl-icon-view"></i><span>Quick Shop</span></a>
                                <a data-toggle="tooltip" title="Add to Cart" href="#"><i class=" dl-icon-cart29"></i></a>
                                <a data-toggle="tooltip" title="Add to Wishlist" href="#"><i class="dl-icon-heart4"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="product-wrap">
                        <div class="product-img pro-radius mb-25">
                            <a href="product-details.html">
                                <img class="default-img" src="assets/images/pro-5.jpg" alt="">
                                <img class="hover-img" src="assets/images/pro-6.jpg" alt="">
                            </a>
                            <div class="product-action">
                                <a data-toggle="modal" data-target="#exampleModal" href="#"><i class="dl-icon-view"></i><span>Quick Shop</span></a>
                                <a data-toggle="tooltip" title="Add to Cart" href="#"><i class=" dl-icon-cart29"></i></a>
                                <a data-toggle="tooltip" title="Add to Wishlist" href="#"><i class="dl-icon-heart4"></i></a>
                            </div>
                        </div>
                    </div>
                    <div class="product-wrap">
                        <div class="product-img pro-radius mb-25">
                            <a href="product-details.html">
                                <img class="default-img" src="assets/images/pro-7.jpg" alt="">
                                <img class="hover-img" src="assets/images/pro-8.jpg" alt="">
                            </a>
                            <div class="product-action">
                                <a data-toggle="modal" data-target="#exampleModal" href="#"><i class="dl-icon-view"></i><span>Quick Shop</span></a>
                                <a data-toggle="tooltip" title="Add to Cart" href="#"><i class=" dl-icon-cart29"></i></a>
                                <a data-toggle="tooltip" title="Add to Wishlist" href="#"><i class="dl-icon-heart4"></i></a>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="all-product-btn text-center mt-25">
                    <a href="product-listing.html">View all products</a>
                </div>
            </div>
        </div>

        <div class="testimonial-area pb-95">
            <div class="container">
                <div class="section-title text-center mb-40">
                    <h2>What Clients Say ?</h2>
                </div>
                <div class="row">
                    <div class="col-xl-8 col-lg-10 col-md-10 ml-auto mr-auto">
                        <div class="testimonial-active owl-carousel">
                            <div class="single-testimonial text-center">
                                <div class="client-img">
                                    <img src="assets/images/testimonial/client-2.jpg" alt="testimonial">
                                </div>
                                <p>"Phasellus ut felis odio. Fusce hendrerit, ex ac finibus pulvinar, tortor felis egestas turpis, id pellentesque ligula risus vel sem. Nullam ut nunc a magna varius varius."</p>
                                <div class="client-info">
                                    <h5>Ophelia Conner</h5>
                                    <span>Customer</span>
                                </div>
                            </div>
                            <div class="single-testimonial text-center">
                                <div class="client-img">
                                    <img src="assets/images/testimonial/client-1.jpg" alt="testimonial">
                                </div>
                                <p>"Phasellus ut felis odio. Fusce hendrerit, ex ac finibus pulvinar, tortor felis egestas turpis, id pellentesque ligula risus vel sem. Nullam ut nunc a magna varius varius."</p>
                                <div class="client-info">
                                    <h5>Ophelia Conner</h5>
                                    <span>Customer</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Instagram -->
        <div class="instagram-area pb-100 section-padding-2">
            <div class="custom-container">
                <div class="instagram-wrap section-title text-center">
                    <h2>Follow us on Instagram</h2>
                    <div class="instagram-feed-thumb">
                        <div id="instafeed" class="instagram-carousel owl-carousel" data-userid="6666969077" data-accesstoken="6666969077.1677ed0.d325f406d94c4dfab939137c5c2cc6c2">
                        </div>
                    </div>
                </div>
            </div>
        </div>
@endsection
@section('js')
@endsection