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





									<section class="banner-section section-padding">
										<div class="container">
											<div class="row align-items-center">
												<div class="col-md-7">
													<div class="banner-content">
														<h1>Run Your Sports Academy's Operations on Auto-Pilot</h1>
														<p class="description">A unique mobile and web-based platform to automate day-to-day tasks of academy operations so that you just focus on Quality Training</p>
														<div class="get-btn">
															<a href="#" class="common-btn">Get Started</a>
														</div>
													</div>
												</div>
												<div class="col-md-1"></div>
												<div class="col-md-4">
													<div class="banner-img">
														<img src="{{ url('assets/images/hero-img.png') }}" alt="">
													</div>
												</div>
											</div>
										</div>
									</section>

									<section class="our-client section-padding">
										<div class="container">
											<h2 class="common-title">Our Client</h2>
											<div class="row justify-content-center">
												@foreach ($logos as $logo)
													<div class="col-md-3 p-2">
														<div class="client-logo text-center shadow">
															<img src="{{ $logo['image'] }}" alt="">
														</div>
													</div>
												@endforeach
											</div>
										</div>
									</section>

									<section class="features-section section-padding">
										<div class="container">
											<h3>Features</h3>
											<h2 class="common-title">Check The Features</h2>
											<div class="row">
												@foreach ($items as $item)
													<div class="col-md-3 col-6">
														<div class="icon-box">
															<div class="icon-logo">
																<img src="{{ $item['image'] }}" alt="">
															</div>
															<div class="project-name">
																<a href="#">{{ $item['title'] }}</a>
															</div>
														</div>
													</div>
												@endforeach
											</div>
										</div>
									</section>

									<section class="contact-us section-padding">
										<div class="container">
											<h2 class="common-title">Connect With Us</h2>
											<div class="row justify-content-center">
												<div class="col-md-8">
													<div class="contact-info">
														<div class="row">
															<div class="col-md-6 p-5">
																<div class="contact">
																	<div>
																		<img src="{{url('assets/images/icons/call.png')}}" alt="">
																	</div>
																	<p class="">Phone Number</p>
																	<a href="tel:9650014144" target="_blank">+91 96500 14144</a>
																</div>
															</div>
															<div class="col-md-6 p-5">
																<div class="contact">
																	<div>
																		<img src="{{url('assets/images/icons/mail.png')}}" alt="">
																	</div>
																	<p class="">Email</p>
																	<a href="mailto:contact@avyay.co.in" target="_blank">contact@avyay.co.in</a>
																</div>
															</div>
															<div class="col-md-6 p-5">
																<div class="contact">
																	<div>
																		<img src="{{url('assets/images/icons/location.png')}}" alt="">
																	</div>
																	<p class="">Address</p>
																	<a href="#" target="_blank">A-49, Shivalik Nagar, Haridwar, 249403</a>
																</div>
															</div>
															<div class="col-md-6 p-5">
																<div class="contact">
																	<div>
																		<img src="{{url('assets/images/icons/clock.png')}}" alt="">
																	</div>
																	<p class="">Working Hours</p>
																	<a href="javascript:;" style="text-decoration: none">Monday To Saturday <br> 10:00 AM To 06:00</a>
																</div>
															</div>
														</div>
														<div class="center-box">

														</div>
													</div>
												</div>
											</div>
										</div>
									</section>
@endsection

@section('footer_scripts')
@endsection