@include('themes.theme5.header')

    <!-- Main Slider -->
	<section class="main-slider style-four">
		<div class="slider-box">
			<!-- Banner Carousel -->
			<div class="banner-carousel owl-theme owl-carousel">
                @foreach($banners as $banner)
				<!-- Slide -->
				<div class="slide">
                    {{-- <img src="{{asset('uploads/banners/'.$banner->image)}}" alt=""> --}}
                	<div class="image-layer" style="background-image:url({{asset('uploads/banners/'.$banner->image)}})"></div>

					<div class="auto-container">
						<div class="content">
							<h2></h2>
							<div class="text"></div>
							<div class="btns-box">
								<a href="/vendorr/viewtheme/contact" class="theme-btn btn-style-one"><span class="txt">Enquiry</span></a>
							</div>
						</div>
					</div>
				</div>
                @endforeach



			</div>

		</div>
	</section>
	<!-- End Banner Section -->

	<!-- Welcome Section -->
    <section class="welcome-section">
		<div class="auto-container">

			<!-- Title Box -->
			<div class="title-box">
				<h2>We provide the best suggestions for Interior Designing of a given space so <br> that it can become truly a “living space”.</h2>
			</div>

			<div class="row clearfix">

				<!-- Content Column -->
				<div class="content-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">
						<h2>Welcome to {{$companyprofile->company_name??''}}</h2>
						<div class="text">{{$companyprofile->about_company??''}}</div>

					</div>
				</div>

				<!-- Video Column -->
				<div class="video-column col-lg-6 col-md-12 col-sm-12">
					<div class="inner-column">

						<div class="video-box">
							<img src="{{asset('uploads/vendorr/companyprofiles/'.$companyprofile->image)}}" alt="" />

						</div>

					</div>
				</div>

			</div>
		</div>
	</section>
	<!-- End Welcome Section -->

	<!-- Services Section Two -->
	<section class="">
		<div class="auto-container">

			<!-- Sec Title -->
			<div class="sec-title centered">
				<h2>Our Products</h2>

			</div>

			<div class="row clearfix">

                @foreach($products as $product)
				<!-- Service Block -->
				<div class="service-block-three style-two col-lg-4 col-md-6 col-sm-12">
					<div class="inner-box wow fadeInUp" data-wow-delay="0ms" data-wow-duration="1500ms">
						<div class="image">
							<a href="/vendorr/viewtheme/product/{{Str::slug($product->name)}}"><img src="{{asset('uploads/products/'.$product->image)}}" alt="" /></a>
						</div>
						<div class="lower-content">
							<h3><a href="/vendorr/viewtheme/product/{{Str::slug($product->name)}}">{{$product->name??''}}</a></h3>

							{{-- <a href="#" class="read-more">Read more</a> --}}
						</div>
					</div>
				</div>
                @endforeach

			</div>

		</div>
	</section>

	<section class="fluid-section-one">
    	<div class="outer-container clearfix">

			<!--Content Column-->
			<div class="content-column" style="width:100%;">
				<div class="content-box">
					<p>&nbsp;</p>
				</div>
			</div>

		</div>
	</section>
	<!-- End Services Section Two -->

	@include('themes.theme5.footer')