@include('themes.theme3.header')

    <!--Main Slider-->
    <section class="main-slider">

        <div class="rev_slider_wrapper fullwidthbanner-container"  id="rev_slider_one_wrapper" data-source="gallery">
            <div class="rev_slider fullwidthabanner" id="rev_slider_one" data-version="5.4.1">
                <ul>
                    @foreach($banners as $banner)
                	<li data-description="Slide Description" data-easein="default" data-easeout="default" data-fsmasterspeed="1500" data-fsslotamount="7" data-fstransition="fade" data-hideafterloop="0" data-hideslideonmobile="off" data-index="rs-1687" data-masterspeed="default" data-param1="" data-param10="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-rotate="0" data-saveperformance="off" data-slotamount="default" data-thumb="images/main-slider/image-1.jpg" data-title="Slide Title" data-transition="parallaxvertical">
                        <img alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="" src="{{asset('uploads/banners/'.$banner->image)}}">
                    </li>
                    @endforeach
                </ul>
            </div>
        </div>
    </section>
    <!--End Main Slider-->

    <!--Services Section-->
    <section class="services-section">
    	<div class="auto-container">
        	<!--Sec Title-->
            <div class="sec-title centered">
            	<h2>Welcome </h2>
                <div class="separater"></div>
                <div class="text">We provide innovative Product Solutions for sustainable progress. Our professional team works to increase productivity and cost effectiveness on the market.
				We provide innovative Product Solutions for sustainable progress. Our professional team works to increase productivity and cost effectiveness on the market.</div>
            </div>
            <div class="row clearfix">

                @foreach($products as $product)
                <div class="services-block col-lg-4 col-md-6 col-sm-12">
                	<div class="inner-box">
                        <div class="lower-box">
                        	<div class="image">
                            	<img src="{{asset('uploads/products/'.$product->image)}}" alt="{{$product->name??''}}" />
                                <div class="overlay-box">

                                    <a href="#" class="link-btn"><span class="fa fa-link"></span></a>
                                </div>
                            </div>
                        </div>
                        <div class="upper-box">
                            <h3><a href="#">{{$product->name??''}}</a></h3>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>
    </section>
    <!--End Services Section-->

    <!--Product Section-->
    <section class="product-section">
    	<div class="upper-box" style="background-image:url({{asset('uploads/themes/theme3/images/background/1.jpg')}})">
        	<div class="auto-container">

            </div>
        </div>
        <div class="auto-container">
        	<div class="lower-box">
            	<div class="clearfix">
                	<!--Image Column-->
                	<div class="image-column col-lg-6 col-md-12 col-sm-12">
                    	<div class="image">
                        	<img src="{{asset('uploads/vendorr/companyprofiles/'.$companyprofile->image)}}" alt="" />
                        </div>
                    </div>
                    <!--Content Column-->
                	<div class="content-column col-lg-6 col-md-12 col-sm-12">
                    	<div class="inner-column">
                        	<h3>About Our Company </h3>
                            <div class="text">
                            	<p>{{$companyprofile->about_company??''}}</p>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--End Product Section-->
    <br>

    <!--Counter Section-->
    <section  >
    	<div class="auto-container">
        	<div class="sec-title centered light">
            	<h2 style="color:black">Featured Products </h2>
                <div class="separater"></div>
            </div>
        </div>
        <div class="outer-container">
            <div class="five-item-carousel owl-carousel owl-theme">

                @foreach($products as $product)
                <!--Portfolio Item Two-->
                <div class="portfolio-item-two">
                    <div class="inner-box">
                        <figure class="image-box">
                            <img src="{{asset('uploads/products/'.$product->image)}}" alt="">
                        </figure>
                        <!--Overlay Box-->
                        <div class="overlay-box">
                            <div class="overlay-inner">
                                <div class="content">
                                    <h3><a href="#">{{$product->name??''}}</a></h3>
                                    <div class="tags">{{$product->category->name??''}}</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endforeach
            </div>
        </div>

    </section>
    <!--End Map Section-->

    @include('themes.theme3.footer')