@include('site.header')

    <!-- Home slider -->
    <section class="p-0">
        <div class="ads">
            <div class="row">
                <div class="col-md-6">
                    <img src="{{asset('uploads/ads/'.$top_left->image)}}" alt="ad" class="ad01">
                </div>
                <div class="col-md-6">
                    <img src="{{asset('uploads/ads/'.$top_right->image)}}" alt="ad" class="ad02">
                </div>
            </div>
        </div>
    </section>
    <!-- Home slider end -->


    <!-- collection banner -->
    {{-- <section class="banner-padding absolute-banner pb-0 ratio2_1">
        <div class="container absolute-bg">
            <div class="row partition2">
                <div class="col-md-4">
                    <a href="#">
                        <div class="collection-banner p-right text-center">
                            <div>
                                <img src="{{asset('themen/assets/images/furniture/banner/2.jpg')}}
                                    class="img-fluid blur-up lazyload bg-img" alt="">
                            </div>
                            <div class="contain-banner banner-3">
                                <div>
                                    <h4>save 30%</h4>
                                    <h2>outfits</h2>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4">
                    <a href="#">
                        <div class="collection-banner p-right text-center">
                            <div>
                                <img src="{{asset('themen/assets/images/furniture/banner/3.jpg')}}
                                    class="img-fluid blur-up lazyload bg-img" alt="">
                            </div>
                            <div class="contain-banner banner-3">
                                <div>
                                    <h4 class="text-dark">save 60%</h4>
                                    <h2 class="text-dark">toys</h2>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
                <div class="col-md-4">
                    <a href="#">
                        <div class="collection-banner p-right text-center">
                            <div>
                                <img src="{{asset('themen/assets/images/furniture/banner/4.jpg')}}
                                    class="img-fluid blur-up lazyload bg-img" alt="">
                            </div>
                            <div class="contain-banner banner-3">
                                <div>
                                    <h4 class="text-dark">save 60%</h4>
                                    <h2 class="text-dark">toys</h2>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </section> --}}
    <!-- collection banner end -->


    <!-- category start -->
    {{-- <div class="container">
        <section class="category-style-1">
            <div class="row">
                <div class="col">
                    <div class="category-5 no-arrow">
                        <div class="category-block">
                            <a href="#">
                                <div class="category-image"><img src="{{asset('themen/assets/images/furniture/6.png')}}
                                        class="img-fluid" alt=""></div>
                            </a>
                            <div class="category-details">
                                <a href="#">
                                    <h5>sport shoes</h5>
                                </a>
                            </div>
                        </div>
                        <div class="category-block">
                            <a href="#">
                                <div class="category-image"><img src="{{asset('themen/assets/images/furniture/2.png')}}
                                        class="img-fluid" alt=""></div>
                            </a>
                            <div class="category-details">
                                <a href="#">
                                    <h5>casual shoes</h5>
                                </a>
                            </div>
                        </div>
                        <div class="category-block">
                            <a href="#">
                                <div class="category-image"><img src="{{asset('themen/assets/images/furniture/3.png')}}
                                        class="img-fluid" alt=""></div>
                            </a>
                            <div class="category-details">
                                <a href="#">
                                    <h5>formal shoes</h5>
                                </a>
                            </div>
                        </div>
                        <div class="category-block">
                            <a href="#">
                                <div class="category-image"><img src="{{asset('themen/assets/images/furniture/4.png')}}
                                        class="img-fluid" alt=""></div>
                            </a>
                            <div class="category-details">
                                <a href="#">
                                    <h5>flat</h5>
                                </a>
                            </div>
                        </div>
                        <div class="category-block">
                            <a href="#">
                                <div class="category-image"><img src="{{asset('themen/assets/images/furniture/5.png')}}
                                        class="img-fluid" alt=""></div>
                            </a>
                            <div class="category-details">
                                <a href="#">
                                    <h5>heels</h5>
                                </a>
                            </div>
                        </div>
                        <div class="category-block">
                            <a href="#">
                                <div class="category-image"><img src="{{asset('themen/assets/images/furniture/1.png')}}
                                        class="img-fluid" alt=""></div>
                            </a>
                            <div class="category-details">
                                <a href="#">
                                    <h5>boots</h5>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </div> --}}
    <!-- category end -->


    <!-- Paragraph-->
    <div class="title1 section-t-space">
        {{-- <h4>special offer</h4> --}}
        <h2 class="title-inner1">Featured Products</h2>
    </div>
    {{-- <div class="container">
        <div class="row">
            <div class="col-xl-6 offset-xl-3">
                <div class="product-para">
                    <p class="text-center">Lorem Ipsum is simply dummy text of the printing and typesetting industry.
                        Lorem Ipsum has been the industry's standard dummy text ever since the 1500s,</p>
                </div>
            </div>
        </div>
    </div> --}}
    <!-- Paragraph end -->


    <!-- Product slider -->
    <section class="section-b-space pt-0 ratio_asos">
        <div class="container-fluid">
            <div class="row">
                <div class="col">
                    <div class="product-5 product-m no-arrow">

                        @foreach($featured_products as $row)
                        <div class="product-box card">
                            <div class="img-wrapper">
                                <div class="front">
                                    <a href="/product/{{$row->id}}/{{Str::slug($row->name)}}">
                                        @if($row->image!=null)
                                        <img src="{{asset('uploads/products/'.$row->image)}}" class="img-fluid blur-up lazyload" alt="">
                                        @else
                                        <img src="{{asset('theme/images/resource/vy/Common-Medicines-Drugs.png')}}" class="img-fluid blur-up lazyload" alt="">
                                        @endif
                                    </a>
                                </div>
                                {{-- <div class="cart-info cart-wrap">
                                    <button data-bs-toggle="modal" data-bs-target="#addtocart" title="Add to cart"><i
                                            class="ti-shopping-cart"></i></button> <a href="javascript:void(0)"
                                        title="Add to Wishlist"><i class="ti-heart" aria-hidden="true"></i></a> <a
                                        href="#" data-bs-toggle="modal" data-bs-target="#quick-view"
                                        title="Quick View"><i class="ti-search" aria-hidden="true"></i></a>
                                    <a href="compare.html" title="Compare"><i class="ti-reload"
                                            aria-hidden="true"></i></a>
                                </div> --}}
                            </div>
                            <div class="product-detail">
                                {{-- <div class="rating"><i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                </div> --}}
                                <a href="/product/{{$row->id}}/{{Str::slug($row->name)}}">
                                    <h6>{{$row->name}}</h6>
                                </a>
                                <h4>Rs {{$row->price??''}}</h4>
                                <button class="btn btn-danger" onclick="sendEnquiry('{{$row->id}}','{{$row->name}}')">Enquiry</button>
                            </div>
                        </div>
                        @endforeach



                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Product slider end -->

    <div class="title1 section-t-space">
        {{-- <h4>special offer</h4> --}}
        <h2 class="title-inner1">New Arrivals</h2>
    </div>
    <!-- Product slider -->
    <section class="section-b-space pt-0 ratio_asos">
        <div class="container-fluid">
            <div class="row">
                <div class="col">
                    <div class="product-5 product-m no-arrow">

                        @foreach($new_products as $row)
                        <div class="product-box card">
                            <div class="img-wrapper">
                                <div class="front">
                                    <a href="/product/{{$row->id}}/{{Str::slug($row->name)}}">
                                        @if($row->image!=null)
                                        <img src="{{asset('uploads/products/'.$row->image)}}" class="img-fluid blur-up lazyload" alt="">
                                        @else
                                        <img src="{{asset('theme/images/resource/vy/Common-Medicines-Drugs.png')}}" class="img-fluid blur-up lazyload" alt="">
                                        @endif
                                    </a>
                                </div>
                                {{-- <div class="cart-info cart-wrap">
                                    <button data-bs-toggle="modal" data-bs-target="#addtocart" title="Add to cart"><i
                                            class="ti-shopping-cart"></i></button> <a href="javascript:void(0)"
                                        title="Add to Wishlist"><i class="ti-heart" aria-hidden="true"></i></a> <a
                                        href="#" data-bs-toggle="modal" data-bs-target="#quick-view"
                                        title="Quick View"><i class="ti-search" aria-hidden="true"></i></a>
                                    <a href="compare.html" title="Compare"><i class="ti-reload"
                                            aria-hidden="true"></i></a>
                                </div> --}}
                            </div>
                            <div class="product-detail">
                                {{-- <div class="rating"><i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                </div> --}}
                                <a href="/product/{{$row->id}}/{{Str::slug($row->name)}}">
                                    <h6>{{$row->name}}</h6>
                                </a>
                                <h4>Rs {{$row->price??''}}</h4>
                                <button class="btn btn-danger" onclick="sendEnquiry('{{$row->id}}','{{$row->name}}')">Enquiry</button>
                            </div>
                        </div>
                        @endforeach



                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Product slider end -->

    <div class="title1 section-t-space">
        {{-- <h4>special offer</h4> --}}
        <h2 class="title-inner1">Trusted Products</h2>
    </div>

    <!-- Product slider -->
    <section class="section-b-space pt-0 ratio_asos">
        <div class="container-fluid">
            <div class="row">
                <div class="col">
                    <div class="product-5 product-m no-arrow">

                        @foreach($trusted_products as $row)
                        <div class="product-box card">
                            <div class="img-wrapper">
                                <div class="front">
                                    <a href="/product/{{$row->id}}/{{Str::slug($row->name)}}">
                                        @if($row->image!=null)
                                        <img src="{{asset('uploads/products/'.$row->image)}}" class="img-fluid blur-up lazyload" alt="">
                                        @else
                                        <img src="{{asset('theme/images/resource/vy/Common-Medicines-Drugs.png')}}" class="img-fluid blur-up lazyload" alt="">
                                        @endif
                                    </a>
                                </div>
                                {{-- <div class="cart-info cart-wrap">
                                    <button data-bs-toggle="modal" data-bs-target="#addtocart" title="Add to cart"><i
                                            class="ti-shopping-cart"></i></button> <a href="javascript:void(0)"
                                        title="Add to Wishlist"><i class="ti-heart" aria-hidden="true"></i></a> <a
                                        href="#" data-bs-toggle="modal" data-bs-target="#quick-view"
                                        title="Quick View"><i class="ti-search" aria-hidden="true"></i></a>
                                    <a href="compare.html" title="Compare"><i class="ti-reload"
                                            aria-hidden="true"></i></a>
                                </div> --}}
                            </div>
                            <div class="product-detail">
                                {{-- <div class="rating"><i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                    <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                </div> --}}
                                <a href="/product/{{$row->id}}/{{Str::slug($row->name)}}">
                                    <h6>{{$row->name}}</h6>
                                </a>
                                <h4>Rs {{$row->price??''}}</h4>
                                <button class="btn btn-danger" onclick="sendEnquiry('{{$row->id}}','{{$row->name}}')">Enquiry</button>
                            </div>
                        </div>
                        @endforeach



                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Product slider end -->

    <div class="title1 section-t-space">
        {{-- <h4>special offer</h4> --}}
        <h2 class="title-inner1">Popular Categories</h2>
    </div>

    <!-- Product slider -->
    <section class="section-b-space pt-0 ratio_asos">
        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-12">
                    <div class="collection-product-wrapper">
                        <div class="product-wrapper-grid">
                            <div class="row margin-res">
                                @foreach($categories as $row)
                                <div class="col-xl-2 col-4 col-grid-box">
                                    <div class="product-box card">
                                        <div class="card-body">
                                            <div class="img-wrapper">
                                                <div class="front">
                                                    <a href="/category/{{$row->id}}/{{Str::slug($row->name)}}">
                                                        @if($row->image!=null)
                                                        <img src="{{asset('uploads/categories/'.$row->image)}}" class="img-fluid blur-up lazyload" alt="">
                                                        @else
                                                        <img src="{{asset('uploads/blank_image.png')}}" class="img-fluid blur-up lazyload" alt="">
                                                        @endif
                                                    </a>
                                                </div>
                                            </div>
                                            <div class="product-detail card-text">
                                                <div>
                                                    <a href="/category/{{$row->id}}/{{Str::slug($row->name)}}">
                                                        <h6>{{$row->name}}</h6>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- Product slider end -->

    <!-- category -->
    {{-- <div class="category-bg ratio3_2">
        <div class="container-fluid p-0">
            <div class="row order-section">
                <div class="col-sm-8 p-0">

                </div>
                <div class="col-sm-4 p-0">
                    <div class="contain-block even">
                        <div>
                            <h6>new products</h6>
                            <a href="#">
                                <h2>zipper storage bag</h2>
                            </a><a href="#" class="btn btn-solid category-btn">-80% off</a>
                            <a href="#">
                                <h6><span>shop now</span></h6>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 p-0">
                    <a href="#" class="image-block">
                        <img alt="" src="{{asset('themen/assets/images/furniture/banner/7.jpg')}}
                            class="img-fluid blur-up lazyload bg-img">
                    </a>
                </div>
                <div class="col-sm-4 p-0">
                    <div class="contain-block even">
                        <div>
                            <h6>new products</h6>
                            <a href="#">
                                <h2>zipper storage bag</h2>
                            </a><a href="#" class="btn btn-solid category-btn">-80% off</a>
                            <a href="#">
                                <h6><span>shop now</span></h6>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 p-0">
                    <a href="#" class="image-block"><img alt="" src="{{asset('themen/assets/images/furniture/banner/6.jpg')}}
                            class="img-fluid blur-up lazyload bg-img"></a>
                </div>
            </div>
        </div>
    </div> --}}
    <!-- category end -->


    <!-- product section start -->
    {{-- <section class="">
        <div class="container">
            <div class="row multiple-slider">
                <div class="col-xl-9 col-lg-8 col-md-12">
                    <div class="theme-tab">
                        <div class="tab-content-cls ratio_asos">
                            <div class="product_4 product-m no-arrow">
                                <div class="product-box">
                                    <div class="img-wrapper">
                                        <div class="front">
                                            <a href="product-page(no-sidebar).html"><img
                                                    src="{{asset('themen/assets/images/furniture/product/6.jpg')}}
                                                    class="img-fluid blur-up lazyload bg-img" alt=""></a>
                                        </div>
                                        <div class="cart-info cart-wrap">
                                            <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                title="Add to cart"><i class="ti-shopping-cart"></i></button> <a
                                                href="javascript:void(0)" title="Add to Wishlist"><i class="ti-heart"
                                                    aria-hidden="true"></i></a> <a href="#" data-bs-toggle="modal"
                                                data-bs-target="#quick-view" title="Quick View"><i class="ti-search"
                                                    aria-hidden="true"></i></a>
                                            <a href="compare.html" title="Compare"><i class="ti-reload"
                                                    aria-hidden="true"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-detail">
                                        <div class="rating"><i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
                                                class="fa fa-star"></i>
                                        </div>
                                        <a href="product-page(no-sidebar).html">
                                            <h6>Rise Wall Lamp</h6>
                                        </a>
                                        <h4>$300.00</h4>
                                        <ul class="color-variant">
                                            <li class="bg-light0"></li>
                                            <li class="bg-light1"></li>
                                            <li class="bg-light2"></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-box">
                                    <div class="img-wrapper">
                                        <div class="lable-block"><span class="lable3">new</span> <span class="lable4">on
                                                sale</span></div>
                                        <div class="front">
                                            <a href="product-page(no-sidebar).html"><img
                                                    src="{{asset('themen/assets/images/furniture/product/7.jpg')}}
                                                    class="img-fluid blur-up lazyload bg-img" alt=""></a>
                                        </div>
                                        <div class="cart-info cart-wrap">
                                            <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                title="Add to cart"><i class="ti-shopping-cart"></i></button> <a
                                                href="javascript:void(0)" title="Add to Wishlist"><i class="ti-heart"
                                                    aria-hidden="true"></i></a> <a href="#" data-bs-toggle="modal"
                                                data-bs-target="#quick-view" title="Quick View"><i class="ti-search"
                                                    aria-hidden="true"></i></a>
                                            <a href="compare.html" title="Compare"><i class="ti-reload"
                                                    aria-hidden="true"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-detail">
                                        <div class="rating"><i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
                                                class="fa fa-star"></i>
                                        </div>
                                        <a href="product-page(no-sidebar).html">
                                            <h6>Woodan Chair</h6>
                                        </a>
                                        <h4>$200.00</h4>
                                        <ul class="color-variant">
                                            <li class="bg-light0"></li>
                                            <li class="bg-light1"></li>
                                            <li class="bg-light2"></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-box">
                                    <div class="img-wrapper">
                                        <div class="front">
                                            <a href="product-page(no-sidebar).html"><img
                                                    src="{{asset('themen/assets/images/furniture/product/8.jpg')}}
                                                    class="img-fluid blur-up lazyload bg-img" alt=""></a>
                                        </div>
                                        <div class="cart-info cart-wrap">
                                            <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                title="Add to cart"><i class="ti-shopping-cart"></i></button> <a
                                                href="javascript:void(0)" title="Add to Wishlist"><i class="ti-heart"
                                                    aria-hidden="true"></i></a> <a href="#" data-bs-toggle="modal"
                                                data-bs-target="#quick-view" title="Quick View"><i class="ti-search"
                                                    aria-hidden="true"></i></a>
                                            <a href="compare.html" title="Compare"><i class="ti-reload"
                                                    aria-hidden="true"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-detail">
                                        <div class="rating"><i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
                                                class="fa fa-star"></i>
                                        </div>
                                        <a href="product-page(no-sidebar).html">
                                            <h6>clothes rack</h6>
                                        </a>
                                        <h4>$300.00</h4>
                                        <ul class="color-variant">
                                            <li class="bg-light0"></li>
                                            <li class="bg-light1"></li>
                                            <li class="bg-light2"></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-box">
                                    <div class="img-wrapper">
                                        <div class="lable-block"><span class="lable3">new</span> <span class="lable4">on
                                                sale</span></div>
                                        <div class="front">
                                            <a href="product-page(no-sidebar).html"><img
                                                    src="{{asset('themen/assets/images/furniture/product/9.jpg')}}
                                                    class="img-fluid blur-up lazyload bg-img" alt=""></a>
                                        </div>
                                        <div class="cart-info cart-wrap">
                                            <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                title="Add to cart"><i class="ti-shopping-cart"></i></button> <a
                                                href="javascript:void(0)" title="Add to Wishlist"><i class="ti-heart"
                                                    aria-hidden="true"></i></a> <a href="#" data-bs-toggle="modal"
                                                data-bs-target="#quick-view" title="Quick View"><i class="ti-search"
                                                    aria-hidden="true"></i></a>
                                            <a href="compare.html" title="Compare"><i class="ti-reload"
                                                    aria-hidden="true"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-detail">
                                        <div class="rating"><i class="fa fa-star"></i> <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
                                                class="fa fa-star"></i>
                                        </div>
                                        <a href="product-page(no-sidebar).html">
                                            <h6>Wooden Arm Chair</h6>
                                        </a>
                                        <h4>$150.00</h4>
                                        <ul class="color-variant">
                                            <li class="bg-light0"></li>
                                            <li class="bg-light1"></li>
                                            <li class="bg-light2"></li>
                                        </ul>
                                    </div>
                                </div>
                                <div class="product-box">
                                    <div class="img-wrapper">
                                        <div class="front">
                                            <a href="product-page(no-sidebar).html">
                                                <img src="{{asset('themen/assets/images/furniture/product/10.jpg')}}
                                                    class="img-fluid blur-up lazyload bg-img" alt="">
                                            </a>
                                        </div>
                                        <div class="cart-info cart-wrap">
                                            <button data-bs-toggle="modal" data-bs-target="#addtocart"
                                                title="Add to cart"><i class="ti-shopping-cart"></i></button> <a
                                                href="javascript:void(0)" title="Add to Wishlist"><i class="ti-heart"
                                                    aria-hidden="true"></i></a> <a href="#" data-bs-toggle="modal"
                                                data-bs-target="#quick-view" title="Quick View"><i class="ti-search"
                                                    aria-hidden="true"></i></a> <a href="compare.html"
                                                title="Compare"><i class="ti-reload" aria-hidden="true"></i></a>
                                        </div>
                                    </div>
                                    <div class="product-detail">
                                        <div class="rating"><i class="fa fa-star"></i> <i class="fa fa-star"></i> <i
                                                class="fa fa-star"></i> <i class="fa fa-star"></i> <i
                                                class="fa fa-star"></i>
                                        </div>
                                        <a href="product-page(no-sidebar).html">
                                            <h6>Hanging amp</h6>
                                        </a>
                                        <h4>$550.00 <del>$700.00</del></h4>
                                        <ul class="color-variant">
                                            <li class="bg-light0"></li>
                                            <li class="bg-light1"></li>
                                            <li class="bg-light2"></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="banner-tools border-0">
                        <div class="banner-goggles ratio2_1">
                            <div class="container p-0">
                                <div class="row partition3">
                                    <div class="col-md-6">
                                        <a href="#">
                                            <div class="collection-banner p-right text-end">
                                                <div class="img-part">
                                                    <img src="{{asset('themen/assets/images/furniture/banner/8.jpg')}}
                                                        class="img-fluid blur-up lazyload bg-img" alt="">
                                                </div>
                                                <div class="contain-banner banner-3">
                                                    <div>
                                                        <h4 class="text-dark">10% off</h4>
                                                        <h2 class="text-dark">speaker</h2>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-md-6">
                                        <a href="#">
                                            <div class="collection-banner p-right text-end">
                                                <div class="img-part">
                                                    <img src="{{asset('themen/assets/images/furniture/banner/9.jpg')}}
                                                        class="img-fluid blur-up lazyload bg-img" alt="">
                                                </div>
                                                <div class="contain-banner banner-3">
                                                    <div>
                                                        <h4 class="text-light">10% off</h4>
                                                        <h2 class="text-light">earplug</h2>
                                                    </div>
                                                </div>
                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-lg-4 col-md-12 mb-0">
                    <div class="theme-card">
                        <h5 class="title-border">new products</h5>
                        <div class="offer-slider slide-1">
                            <div>
                                <div class="media">
                                    <a href="product-page(no-sidebar).html"><img class="img-fluid blur-up lazyload"
                                            src="{{asset('themen/assets/images/furniture/pro/1.jpg')}}" alt=""></a>
                                    <div class="media-body align-self-center">
                                        <div class="rating">
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                        </div>
                                        <a href="product-page(no-sidebar).html">
                                            <h6>Modern Arm Chair</h6>
                                        </a>
                                        <h4>$300.20 <del>$400.0</del></h4>
                                    </div>
                                </div>
                                <div class="media">
                                    <a href="product-page(no-sidebar).html"><img class="img-fluid blur-up lazyload"
                                            src="{{asset('themen/assets/images/furniture/pro/2.jpg')}}" alt=""></a>
                                    <div class="media-body align-self-center">
                                        <div class="rating">
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                        </div>
                                        <a href="product-page(no-sidebar).html">
                                            <h6>Arm Chair Walnut Leg</h6>
                                        </a>
                                        <h4>$150.30</h4>
                                    </div>
                                </div>
                                <div class="media">
                                    <a href="product-page(no-sidebar).html"><img class="img-fluid blur-up lazyload"
                                            src="{{asset('themen/assets/images/furniture/pro/3.jpg')}}" alt=""></a>
                                    <div class="media-body align-self-center">
                                        <div class="rating">
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                        </div>
                                        <a href="product-page(no-sidebar).html">
                                            <h6>Smoke Chair</h6>
                                        </a>
                                        <h4>$350.80</h4>
                                    </div>
                                </div>
                                <div class="media">
                                    <a href="product-page(no-sidebar).html"><img class="img-fluid blur-up lazyload"
                                            src="{{asset('themen/assets/images/furniture/pro/4.jpg')}}" alt=""></a>
                                    <div class="media-body align-self-center">
                                        <div class="rating">
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                        </div>
                                        <a href="product-page(no-sidebar).html">
                                            <h6>Tripod Floor Lamp</h6>
                                        </a>
                                        <h4>$100.00</h4>
                                    </div>
                                </div>
                            </div>
                            <div>
                                <div class="media">
                                    <a href="product-page(no-sidebar).html"><img class="img-fluid blur-up lazyload"
                                            src="{{asset('themen/assets/images/furniture/pro/1.jpg')}}" alt=""></a>
                                    <div class="media-body align-self-center">
                                        <div class="rating">
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                        </div>
                                        <a href="product-page(no-sidebar).html">
                                            <h6>Modern Arm Chair</h6>
                                        </a>
                                        <h4>$300.20 <del>$400.0</del></h4>
                                    </div>
                                </div>
                                <div class="media">
                                    <a href="product-page(no-sidebar).html"><img class="img-fluid blur-up lazyload"
                                            src="{{asset('themen/assets/images/furniture/pro/4.jpg')}}" alt=""></a>
                                    <div class="media-body align-self-center">
                                        <div class="rating">
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                        </div>
                                        <a href="product-page(no-sidebar).html">
                                            <h6>Tripod Floor Lamp</h6>
                                        </a>
                                        <h4>$100.00</h4>
                                    </div>
                                </div>
                                <div class="media">
                                    <a href="product-page(no-sidebar).html"><img class="img-fluid blur-up lazyload"
                                            src="{{asset('themen/assets/images/furniture/pro/2.jpg')}}" alt=""></a>
                                    <div class="media-body align-self-center">
                                        <div class="rating">
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                        </div>
                                        <a href="product-page(no-sidebar).html">
                                            <h6>Arm Chair Walnut Leg</h6>
                                        </a>
                                        <h4>$150.30</h4>
                                    </div>
                                </div>
                                <div class="media">
                                    <a href="product-page(no-sidebar).html"><img class="img-fluid blur-up lazyload"
                                            src="{{asset('themen/assets/images/furniture/pro/3.jpg')}}" alt=""></a>
                                    <div class="media-body align-self-center">
                                        <div class="rating">
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                            <i class="fa fa-star"></i>
                                        </div>
                                        <a href="product-page(no-sidebar).html">
                                            <h6>Smoke Chair</h6>
                                        </a>
                                        <h4>$350.80</h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> --}}
    <!-- product section end -->


    <!-- logo section -->
    {{-- <section class="tools-brand">
        <div class="container">
            <div class="row bg-light">
                <div class="col-md-12">
                    <div class="brand-6 no-arrow">
                        <div>
                            <div class="logo-block">
                                <a href="#">
                                    <img src="{{asset('themen/assets/images/logos/9.png')}}" alt="">
                                </a>
                            </div>
                        </div>
                        <div>
                            <div class="logo-block">
                                <a href="#">
                                    <img src="{{asset('themen/assets/images/logos/10.png')}}" alt="">
                                </a>
                            </div>
                        </div>
                        <div>
                            <div class="logo-block">
                                <a href="#">
                                    <img src="{{asset('themen/assets/images/logos/11.png')}}" alt="">
                                </a>
                            </div>
                        </div>
                        <div>
                            <div class="logo-block">
                                <a href="#">
                                    <img src="{{asset('themen/assets/images/logos/12.png')}}" alt="">
                                </a>
                            </div>
                        </div>
                        <div>
                            <div class="logo-block">
                                <a href="#">
                                    <img src="{{asset('themen/assets/images/logos/13.png')}}" alt="">
                                </a>
                            </div>
                        </div>
                        <div>
                            <div class="logo-block">
                                <a href="#">
                                    <img src="{{asset('themen/assets/images/logos/14.png')}}" alt="">
                                </a>
                            </div>
                        </div>
                        <div>
                            <div class="logo-block">
                                <a href="#">
                                    <img src="{{asset('themen/assets/images/logos/15.png')}}" alt="">
                                </a>
                            </div>
                        </div>
                        <div>
                            <div class="logo-block">
                                <a href="#">
                                    <img src="{{asset('themen/assets/images/logos/16.png')}}" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> --}}
    <!-- logo section end -->


    <!-- instagram section -->
    {{-- <section class="instagram ratio_square">
        <div class="container-fluid">
            <div class="row">
                <div class="col-md-12 p-0">
                    <h2 class="title-borderless"># instagram</h2>
                    <div class="slide-7 no-arrow slick-instagram">
                        <div>
                            <a href="#">
                                <div class="instagram-box"><img src="{{asset('themen/assets/images/furniture/insta/1.jpg')}}
                                        class="bg-img" alt="img">
                                    <div class="overlay"><i class="fa fa-instagram"></i></div>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <div class="instagram-box"><img src="{{asset('themen/assets/images/furniture/insta/2.jpg')}}
                                        class="bg-img" alt="img">
                                    <div class="overlay"><i class="fa fa-instagram"></i></div>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <div class="instagram-box"><img src="{{asset('themen/assets/images/furniture/insta/3.jpg')}}
                                        class="bg-img" alt="img">
                                    <div class="overlay"><i class="fa fa-instagram"></i></div>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <div class="instagram-box"><img src="{{asset('themen/assets/images/furniture/insta/4.jpg')}}
                                        class="bg-img" alt="img">
                                    <div class="overlay"><i class="fa fa-instagram"></i></div>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <div class="instagram-box"><img src="{{asset('themen/assets/images/furniture/insta/5.jpg')}}
                                        class="bg-img" alt="img">
                                    <div class="overlay"><i class="fa fa-instagram"></i></div>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <div class="instagram-box"><img src="{{asset('themen/assets/images/furniture/insta/6.jpg')}}
                                        class="bg-img" alt="img">
                                    <div class="overlay"><i class="fa fa-instagram"></i></div>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <div class="instagram-box"><img src="{{asset('themen/assets/images/furniture/insta/7.jpg')}}
                                        class="bg-img" alt="img">
                                    <div class="overlay"><i class="fa fa-instagram"></i></div>
                                </div>
                            </a>
                        </div>
                        <div>
                            <a href="#">
                                <div class="instagram-box"><img src="{{asset('themen/assets/images/furniture/insta/8.jpg')}}
                                        class="bg-img" alt="img">
                                    <div class="overlay"><i class="fa fa-instagram"></i></div>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> --}}
    <!-- instagram section end -->

    @include('site.footer')