@extends('front.layout.layout')
@section('content')

@foreach($result['widgets'] as $widget)
 @if($widget['type']=="SINGLE_BANNER")
   	@include('front.home.single_banner')
 @elseif($widget['type']=="SINGLE_DESCRIPTIVE_BANNER")
 	@include('front.home.single_descriptive_banner')	
 @elseif($widget['type']=="MULTIPLE_BANNERS" && $widget['section_type']=="slider")
 	@include('front.home.multiple_banners')
 @elseif($widget['type']=="MULTIPLE_BANNERS" && $widget['section_type']=="each_row_3banners")
 	@include('front.home.three_banners')
 @elseif($widget['type']=="MULTIPLE_BANNERS" && $widget['section_type']=="each_row")
 	@include('front.home.multiple_banners_each_row')		
 @elseif($widget['type']=="MULTIPLE_PRODUCTS")
 	@include('front.home.multiple_products')
 @elseif($widget['type']=="TAB_WISE_PRODUCTS")
 	@include('front.home.tab_wise_products')	
 @endif
@endforeach

<section class="faqSec">
	<div class="container">
		<div class="row">
			<div class="col-lg-5 col-md-5 col-sm-12">
				<div class="faqImg">
					<img src="{{asset('front/images/faqImg.jpg')}}" alt="FAq Image">
				</div>
			</div>
			<div class="col-lg-7 col-md-7 col-sm-12">
				<div class="faqQues">
					<label for="">Ask any Question</label>
					<h2>For More Info</h2>
					<div class="faqAccWrap">
						<div class="accordion" id="accordionExample">
							<div class="accordion-item">
								<h2 class="accordion-header" id="headingOne">
									<button class="accordion-button" type="button" data-bs-toggle="collapse"
										data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
										Return Policy
									</button>
								</h2>
								<div id="collapseOne" class="accordion-collapse collapse show"
									aria-labelledby="headingOne" data-bs-parent="#accordionExample">
									<div class="accordion-body">
										On the other hand, we denounce with righteous indignation and dislike men who
										are so beguiled and demoralized by the charms of pleasure of the moment, so
										blinded by desire, that they cannot foresee the pain and trouble that are bound
										to ensue
									</div>
								</div>
							</div>
							<div class="accordion-item">
								<h2 class="accordion-header" id="headingTwo">
									<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
										data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
										Customer Support
									</button>
								</h2>
								<div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo"
									data-bs-parent="#accordionExample">
									<div class="accordion-body">
										On the other hand, we denounce with righteous indignation and dislike men who
										are so beguiled and demoralized by the charms of pleasure of the moment, so
										blinded by desire, that they cannot foresee the pain and trouble that are bound
										to ensue
									</div>
								</div>
							</div>
							<div class="accordion-item">
								<h2 class="accordion-header" id="headingThree">
									<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse"
										data-bs-target="#collapseThree" aria-expanded="false"
										aria-controls="collapseThree">
										Online Options
									</button>
								</h2>
								<div id="collapseThree" class="accordion-collapse collapse"
									aria-labelledby="headingThree" data-bs-parent="#accordionExample">
									<div class="accordion-body">
										On the other hand, we denounce with righteous indignation and dislike men who
										are so beguiled and demoralized by the charms of pleasure of the moment, so
										blinded by desire, that they cannot foresee the pain and trouble that are bound
										to ensue
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="videoWraper whyUsWrapper">
	<div class="container">
		<div class="row">
			<div class="col-lg-4 col-md-6 col-12">
				<div class="menFashionVideo" onclick="openPopup()">
					<video src="{{asset('front/videos/fashion.mp4')}}" muted></video>
					<div class="play-button"></div>
				</div>

				<div class="video-popup" id="videoPopup">
					<div class="popup-content">
						<span class="close-btn" onclick="closePopup()">✖</span>
						<video id="popupVideo" src="{{asset('front/videos/fashion.mp4')}}" controls autoplay></video>
					</div>
				</div>
			</div>
			<div class="col-lg-8 col-md-6 col-12">
				<div class="menFashionContent">
					<h2 class="homeHeading">At On-vers, we believe that
						Men's fashion elevates the
						Entire lifestyle.</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus
						venenatis,
						lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis
						leo, vel fringilla est ullamcorper eget nulla facilisi </p>
					<a href="javascript::void(0)" class="exploreBtn"><span class="exp">Explore now</span> <span
							class="arrow"><img src="{{asset('front/images/icons/chevron.svg')}}" alt=""></span></a>
				</div>
			</div>
		</div>
	</div>
</section>
<section class="customerFeedbacks whyUsWrapper">
	<div class="container">
		<div class="owl-carousel feedback-carousel owl-theme">
			<div class="feedBackOuter">
				<img src="{{asset('front/images/user.png')}}" alt="user image" class="customerImg">
				<h5 class="feedback">On-vers offers a fantastic selection of winter jackets and accessories for men.
					Their
					products are stylish and practical, making them easy to choose for any occasion. Shopping here is a
					breeze, and the quality is top-notch!</h5>
				<h4 class="consumerName">Omar Snaton</h4>
				<h4 class="stars">
					<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>
				</h4>
			</div>
			<div class="feedBackOuter">
				<img src="{{asset('front/images/user.png')}}" alt="user image" class="customerImg">
				<h5 class="feedback">On-vers offers a fantastic selection of winter jackets and accessories for men.
					Their
					products are stylish and practical, making them easy to choose for any occasion. Shopping here is a
					breeze, and the quality is top-notch!</h5>
				<h4 class="consumerName">Omar Snaton</h4>
				<h4 class="stars">
					<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>
				</h4>
			</div>
			<div class="feedBackOuter">
				<img src="{{asset('front/images/user.png')}}" alt="user image" class="customerImg">
				<h5 class="feedback">On-vers offers a fantastic selection of winter jackets and accessories for men.
					Their
					products are stylish and practical, making them easy to choose for any occasion. Shopping here is a
					breeze, and the quality is top-notch!</h5>
				<h4 class="consumerName">Omar Snaton</h4>
				<h4 class="stars">
					<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>
				</h4>
			</div>
			<div class="feedBackOuter">
				<img src="{{asset('front/images/user.png')}}" alt="user image" class="customerImg">
				<h5 class="feedback">On-vers offers a fantastic selection of winter jackets and accessories for men.
					Their
					products are stylish and practical, making them easy to choose for any occasion. Shopping here is a
					breeze, and the quality is top-notch!</h5>
				<h4 class="consumerName">Omar Snaton</h4>
				<h4 class="stars">
					<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>
				</h4>
			</div>
			<div class="feedBackOuter">
				<img src="{{asset('front/images/user.png')}}" alt="user image" class="customerImg">
				<h5 class="feedback">On-vers offers a fantastic selection of winter jackets and accessories for men.
					Their
					products are stylish and practical, making them easy to choose for any occasion. Shopping here is a
					breeze, and the quality is top-notch!</h5>
				<h4 class="consumerName">Omar Snaton</h4>
				<h4 class="stars">
					<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>
				</h4>
			</div>
		</div>
	</div>
</section>
@endsection