
<?php $__env->startSection('content'); ?>
<!--==================================================-->
<!-- Start KiyoHR Hero Area Style Two -->
<!--==================================================-->
<section class="hero_area style_two style_three d-flex align-items-center">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-lg-6">
				<!-- hero content -->
				<div class="hero_content">
					<h4>Grow Your Business With KiyoHR</h4>
					<h1>Next Generation HR Management For Your Company</h1>
					<p>Best-rated HR management application for small to large scale business. It’s built using Vue and Laravel. KiyoHR have all major features related to lead management to improve your business growth</p>

					<div class="header-button style_two h_yellow">
						<a href="<?php echo e(route('front.register')); ?>"><i class="far fa-thumbs-up"></i> Get Started</a>
					</div>
					
				</div>
			</div>
			<div class="col-lg-6">
				<div class="hero-thumb">
					<img src="<?php echo e(asset('assets/images/home_3/kiyohr-banner.png')); ?>" alt="" width='100%'>
					<div class="hero_thumb_shape">
						<img src="<?php echo e(asset('assets/images/home_3/hero3_dot_shape.png')); ?>" alt="">
					</div>
					<!-- Hero Powerful Box -->
					<div class="powerful_box bounce-animate4">
						<div class="hero_power_check">
							<i class="bi bi-check-circle"></i>
						</div>
						<div class="hero_powerful_content">
							<h4>Powerful Features</h4>
							<p>21+ modules</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="hero_shape">
		<img src="<?php echo e(asset('assets/images/home_3/box.png')); ?>" alt="">
	</div>
</section>
<!--==================================================-->
<!-- End KiyoHR Hero Area Style Two -->
<!--==================================================-->


<!--==================================================-->
<!-- Start KiyoHR About Area Style Two-->
<!--==================================================-->
<section class="about_area style_three" style="background: url(assets/images/home_3/about_bg.png); background-repeat: no-repeat; background-size: cover;">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-lg-6 col-md-12">
				<div class="about_thumb">
					<img src="<?php echo e(asset('assets/images/home_3/about_thumb.webp')); ?>" alt="About HRMS" width="90%">
					<div class="about_play style_two style_three">
						<a data-aos="flip-left" class="banner-play-btn">
							<div class="text-inner">
								  <svg xmlns="http://www.w3.org/2000/svg" width="250.5" height="250.5" viewBox="0 0 250.5 250.5">
									  <path d="M.25,125.25a125,125,0,1,1,125,125,125,125,0,0,1-125-125" id="e-path-35ee1b2"></path>
									<text>
										<textPath id="e-text-path-35ee1b2" href="#e-path-35ee1b2" startOffset="0%">
										* Payroll * Attendance * Recruitment * Compliance
										</textPath>
									</text>
								</svg>							  
						  </div>
						  <div class="like">
								  <img src="<?php echo e(asset('assets/images/home_3/like_2.png')); ?>" alt="">
							</div>
						 </a>
					</div>
				</div>
			</div>
			<div class="col-lg-6 col-md-12">
				<div class="section_title style_three">
					<h4>ABOUT KiyoHR</h4>
					<h1>KiyoHR - Smart HR Management Made Simple</h1>
					<p>A complete HRMS solution to manage employees, payroll, and performance—all in one easy-to-use platform.</p>
				</div>
					
					<div class="row">
						<div class="col-lg-6 col-md-6">
							<div class="about-icon_box style_two">
								<div class="about_icon">
									<img src="<?php echo e(asset('assets/images/home_3/about_icon1.png')); ?>" alt="">
								</div>
								<div class="about_content style_two">
									<h3>Ready-to-Use & Scalable HRMS</h3>
								</div>
							</div>
						</div>
						<div class="col-lg-6 col-md-6">
							<div class="about-icon_box style_two">
								<div class="about_icon">
									<img src="<?php echo e(asset('assets/images/home_3/about_icon2.png')); ?>" alt="">
								</div>
								<div class="about_content style_two">
									<h3>Affordable Custom Branding</h3>
								</div>
							</div>
						</div>
					</div>
					
					<div class="about_button style_upper">
					    <div class="header-button style_two h_yellow">
						    <a href="#"><i class="far fa-thumbs-up"></i> More About</a>
					    </div>
					</div>			
			</div>
		</div>
	</div>
	<div class="about_shape two style_five bounce-animate ">
		<img src="<?php echo e(asset('assets/images/home_3/about_shape2.png')); ?>" alt="">
	</div>
	<div class="about_shpe-three bounce-animate ">
		<img src="<?php echo e(asset('assets/images/home_3/about_shape.png')); ?>" alt="">
	</div>
	<div class="about_shpe-four bounce-animate2">
		<img src="<?php echo e(asset('assets/images/home_3/about_shape_3.png')); ?>" alt="">
	</div>
</section>
<!--==================================================-->
<!-- End KiyoHR About Area Style Two-->
<!--==================================================-->


<!--==================================================-->
<!-- Start KiyoHR Marquee Area Style Two-->
<!--==================================================-->
<div class="marquee_area style_two">
	<div class="container-fluid">
		<div class="row">
			<div class="col-lg-12">
				<div class="slide-har st1">
					<div class="box">
						<div class="item"><h4 class="d-flex align-items-center"><a href="<?php echo e(asset('#')); ?>" class="text-nowrap"><img class="marqee_img_left" src="<?php echo e(asset('assets/images/home_3/marqee_star.png')); ?>" alt="" ><span>Payroll Processing</span><span class="icon-img-50 ml-40"><img src="<?php echo e(asset('assets/images/home_3/marqee_star.png')); ?>" alt=""></span></a></h4></div>					
						<div class="item"><h4 class="d-flex align-items-center"><a href="<?php echo e(asset('#')); ?>" class="text-nowrap"><span>Assets</span><span class="icon-img-50"><img src="<?php echo e(asset('assets/images/home_3/marqee_star.png')); ?>" alt=""></span></a></h4></div>					
						<div class="item"><h4 class="d-flex align-items-center "><a href="<?php echo e(asset('#')); ?>" class="text-nowrap"><span>Locations</span><span class="icon-img-50"><img src="<?php echo e(asset('assets/images/home_3/marqee_star.png')); ?>" alt=""></span></a></h4></div>					
						<div class="item"><h4 class="d-flex align-items-center"><a href="<?php echo e(asset('#')); ?>"><span>Leaves</span><span class="icon-img-50"><img src="<?php echo e(asset('assets/images/home_3/marqee_star.png')); ?>" alt=""></span></a></h4></div>					
						<div class="item"><h4 class="d-flex align-items-center"><a href="<?php echo e(asset('#')); ?>"><span>Attendance Tracking</span><span class="icon-img-50"><img src="<?php echo e(asset('assets/images/home_3/marqee_star.png')); ?>" alt=""></span></a></h4></div>
						<div class="item"><h4 class="d-flex align-items-center"><a href="<?php echo e(asset('#')); ?>"><span>Multi Languages</span><span class="icon-img-50"><img src="<?php echo e(asset('assets/images/home_3/marqee_star.png')); ?>" alt=""></span></a></h4></div>
						<div class="item"><h4 class="d-flex align-items-center"><a href="<?php echo e(asset('#')); ?>"><span>Survey Forms</span><span class="icon-img-50"><img src="<?php echo e(asset('assets/images/home_3/marqee_star.png')); ?>" alt=""></span></a></h4></div>
				
					</div>
				</div>		
			</div>
		</div>
	</div>
</div>
<!--==================================================-->
<!-- End KiyoHR  Marquee Area-->
<!--==================================================-->


<!--==================================================-->
<!-- Start KiyoHR Service Area Style three -->
<!--==================================================-->
<section class="service_area style_two style_three">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<!-- section title -->
					<div class="section_title style_three style_four text-center ">
						<h4>SERVICES WE PROVIDE</h4>
						<h1>Professional Solutions for Individuals</h1>
					</div>
				</div>
			</div>
			<div class="row">
		<div class="service_list2 owl-carousel">
			<?php $__currentLoopData = $allHomePageFeatures; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $allHomePageFeature): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
				<div class="col-lg-12">
					<!-- feature item -->
					<div class="service_single_item style_two style_three">
						<div class="service_thumb" style="width:100%;">
							<img src="<?php echo e($allHomePageFeature->image_url); ?>" width="100%" alt="">
							<div class="service_icon">
								<a href="<?php echo e($allHomePageFeature->icon_link ?? '#'); ?>">
									<img src="<?php echo e($allHomePageFeature->icon_url ?? asset('assets/images/home_3/service_icon.png')); ?>" alt="">
								</a>
							</div>
						</div>	
						<div class="service_content">
							<h4><?php echo e($allHomePageFeature->subtitle ?? ''); ?></h4>
							<h3><?php echo e($allHomePageFeature->title); ?></h3>
							<p><?php echo e($allHomePageFeature->description); ?></p>
							<div class="service_btn">
								<a href="<?php echo e($allHomePageFeature->link ?? '#'); ?>">
									View Details <i class="flaticon flaticon-right-arrow"></i>
								</a>
							</div>
						</div>				
					</div>
				</div>
			<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
		</div>
	</div>

	</div>
	<div class="service_shape_three style_four rotate">
		<img src="<?php echo e(asset('assets/images/home_3/service_shpe2.png')); ?>" alt="">
	</div>
	<div class="service_shape_five bounce-animate2">
		<img src="<?php echo e(asset('assets/images/home_3/service_shape.png')); ?>" alt="">
	</div>
	<div class="service_shape_three style_six bounce-animate4">
		<img src="<?php echo e(asset('assets/images/home_3/tir.png')); ?>" alt="">
	</div>
	<div class="service_shape_seven bounce-animate">
		<img src="<?php echo e(asset('assets/images/home_3/boxs.png')); ?>" alt="">
	</div>
	
</section>
<!--==================================================-->
<!-- End KiyoHR Service Area Style Two-->
<!--==================================================-->


<!--==================================================-->
<!-- Start KiyoHR Why Choose Us Area -->
<!--==================================================-->
<section class="why_choose_us">
	<div class="container">
		<div class="row">
			<div class="col-lg-6 col-md-12">
				<div class="choose_thumb">
					<img src="<?php echo e(asset('assets/images/home_3/choose_thumb.png')); ?>" alt="">
					<div class="choose_thumb_shpae bounce-animate">
						<img src="<?php echo e(asset('assets/images/home_3/choose_dot.png')); ?>" alt="">
					</div>
					<div class="choose_thumb_shpae2 bounce-animate2">
						<img src="<?php echo e(asset('assets/images/home_3/choose_dot2.png')); ?>" alt="">
					</div>
				</div>
			</div>
			<div class="col-lg-6 col-md-12">
				<div class="choose_right">
					<div class="section_title style_three pb-13">
						<h4>WHY CHOOSE US</h4>
						<h1>Smart HR Solutions Built for Growth and Simplicity</h1>
						<p>KiyoHR isn’t just another HR tool—it’s a smart, scalable, and user-friendly solution designed to simplify your workforce management. We help businesses of all sizes save time, cut costs, and boost employee engagement with ease.</p>
					</div>					
					<div class="row">
						<div class="col-lg-6 col-md-6">
							<div class="choose_list">
								<ul>
									<li><i class="bi bi-check-circle"></i>All-in-One HR Platform</li>
								</ul>
							</div>
						</div>
						<div class="col-lg-6 col-md-6">
							<div class="choose_list">
								<ul>
									<li><i class="bi bi-check-circle"></i>Easy to Use & Quick to Deploy</li>
								</ul>
							</div>
						</div>
						<div class="col-lg-6 col-md-6">
							<div class="choose_list">
								<ul>
									<li><i class="bi bi-check-circle"></i>Scalable & Customizable</li>
								</ul>
							</div>
						</div>
						<div class="col-lg-6 col-md-6">
							<div class="choose_list">
								<ul>
									<li><i class="bi bi-check-circle"></i>Affordable & Reliable</li>
								</ul>
							</div>
						</div>					
					</div>				
					<!-- <div class="about_button">
						<div class="hero_video_btn">
							<a class="video-vemo-icon venobox vbox-item" data-vbtype="youtube" data-autoplay="true" href="https://youtu.be/BS4TUd7FJSg"><i class="bi bi-play-circle"></i></a>
							<span>Watch Video</span>
						</div>
					</div> -->
					<!-- choose spane -->
					<div class="choose_all_shape">
						<div class="choose_one bounce-animate">
							<img src="<?php echo e(asset('assets/images/home_3/box.png')); ?>" alt="">
						</div>
						<div class="choose_two rotate">
							<img src="<?php echo e(asset('assets/images/home_3/choose_rotete.png')); ?>" alt="">
						</div>
					</div>
				</div>			
			</div>
		</div>
	</div>
	
</section>
<!--==================================================-->
<!-- End KiyoHR Why Choose Us Area-->
<!--==================================================-->


<!--==================================================-->
<!-- Start KiyoHR Team Area -->
<!--==================================================-->
<section class="team_area style_two">
	<div class="container" align='center'>
		<div class="row">
			<div class="col-lg-12">
				<!-- section title -->
				<div class="section_title style_three style_four text-center ">
					<h4>Key Features</h4>
					<h1>21+ Powerful Features at Your Fingertips</h1>
				</div>
			</div>	
		</div>
		<div class="row" align='center'>
			<?php $__currentLoopData = $frontSetting->home_feature_points; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $homeFeaturePoint): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>

			<?php if(in_array($loop->iteration,[4,6,9,10,12,13,16,18,20,14])): ?> 
				<div class="col-lg-2 col-md-2" > 
			<?php else: ?>
				<div class="col-lg-3 col-md-3" > 
			<?php endif; ?> 
				<div class="choose_list_custom"><ul><li><i class="bi bi-check-circle"></i><?php echo e($homeFeaturePoint); ?></li></ul></div>
			</div>
			<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
		</div>	
		 
	</div>
	<div class="team_all_shape">
		<div class="shape_one">
			<img src="<?php echo e(asset('assets/images/home_3/team_rotate.png')); ?>" alt="">
		</div>
		<div class="shape_two d-none d-lg-block">
			<img src="<?php echo e(asset('assets/images/home_3/tir.png')); ?>" alt="">
		</div>
		<div class="shape_three d-none d-lg-block">
			<img src="<?php echo e(asset('assets/images/home_3/about_shape_3.png')); ?>" alt="">
		</div>
	</div>
</section>
<!--==================================================-->
<!-- End KiyoHR Team Area -->
<!--==================================================-->
<section class="service_area style_two style_three">
		<div class="container">
			<div class="row">
				<div class="col-lg-12">
					<!-- section title -->
					<div class="section_title style_three style_four text-center ">
						<h1><?php echo e($frontSetting->client_title); ?></h1>
					</div>
				</div>
			</div>
		<div class="row">
		<div class="service_list2 owl-carousel">
			<?php $__currentLoopData = $frontClients; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $frontClient): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
				<div class="col-lg-12">
					<!-- client logo item -->
					<div class="service_thumb client-logo-container">
						<img src="<?php echo e($frontClient->logo_url); ?>" alt="<?php echo e($frontClient->name); ?>" class="client-logo-img">
					</div>			
				</div>
			<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
		</div>
	</div>
</section>
<style>
	/* Ensure all client logo images maintain consistent size */
	.client-logo-container {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 5px;
		height: 150px;
		background: transparent;
	}
	
	.client-logo-img {
		max-width: 100%;
		max-height: 120px;
		width: auto;
		height: auto;
		object-fit: contain;
		object-position: center; 
		opacity: 0.7;
		transition: all 0.3s ease;
	}
	
	.client-logo-img:hover {
		filter: grayscale(0%);
		opacity: 1;
		transform: scale(1.1);
	}
	
	/* Ensure consistent container size for all client logos */
	.service_list2 .col-lg-12 {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	
	.service_list2 .service_thumb {
		width: 100%;
		height: 150px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
</style>
<!--==================================================-->
<!-- Start Testimonial Area Style Three-->
<!--==================================================-->
<section class="testimonial_area style_two style_three">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-lg-5">
				<div class="section_title style_three">
					<h4>FINANCE CONSULTING</h4>
					<h1>Loved by Many Business </h1>
					<h1 class="pb-30">Across The World</h1>
					<p>Trusted by growing businesses, KiyoHR simplifies workforce management with smart automation, accurate payroll, and seamless HR operations.</p>
				</div>
				<div class="counter-single-item style_two style_three style_four">
					<div class="counter-content none">
						<div class="counter-_number">
							<h1 class="counter">4.98</h1>						
						</div>
						<div class="counter_title">
							<div class="counter-star">
								<i class="fa fa-star active"></i>
								<i class="fa fa-star active"></i>
								<i class="fa fa-star active"></i>
								<i class="fa fa-star active"></i>
								<i class="fa fa-star active"></i>
							</div>
							<h5 class="title_two">Avg. Clients Ratings</h5>
						</div>
					</div>
					<div class="counter_shape">
						<img src="<?php echo e(asset('assets/images/home_3/about_shape_3.png')); ?>" alt="">
					</div>
				</div>
				<div class="testi-list">
					<ul>
						<li><i class="bi bi-check"></i>100% Clients Satisfaction Guarantee</li>
					</ul>
				</div>
			</div>	
			<div class="col-lg-7">
				<div class="testi_list2 owl-carousel">
					<div class="col-lg-12">
						<div class="testimonial_item style_two style_three">
							<div class="tesit-auothor">
								<div class="auothor">
									<img src="<?php echo e(asset('assets/images/home_3/auothor.png')); ?>" alt="">
									<div class="testi_quote">
										<img src="<?php echo e(asset('assets/images/home_3/quote.png')); ?>" alt="">
									</div>
								</div>
								<div class="bio">
									<h4 class="name">Trinadh Chakravarthi</h4>
									<h5 class="designation">Sajaye Jewels</h5>
								</div>
							</div>	
							<div class="testimonal-content">							
								<p>“KiyoHR has transformed our e-commerce operations! It's user-friendly, efficient, and boosts customer satisfaction. A game-changer for our business!”</p>	
								
								<div class="testi-star">
									<i class="fa fa-star active"></i>
									<i class="fa fa-star active"></i>
									<i class="fa fa-star active"></i>
									<i class="fa fa-star active"></i>
									<i class="fa fa-star active"></i>
								</div>	
							</div>
							<div class="testi_item_shape">
								<img src="<?php echo e(asset('assets/images/home_3/testi_shape.png')); ?>" alt="">
							</div>
						</div>
					</div>
					<div class="col-lg-12">
						<div class="testimonial_item style_two style_three second">
							<div class="tesit-auothor">
								<div class="auothor">
									<img src="<?php echo e(asset('assets/images/home_3/auothor2.png')); ?>" alt="">
									<div class="testi_quote">
										<img src="<?php echo e(asset('assets/images/home_3/quote.png')); ?>" alt="">
									</div>
								</div>
								<div class="bio">
									<h4 class="name">Sri Raghu </h4>
									<h5 class="designation">Sri Raghu Jewels</h5>
								</div>
							</div>	
							<div class="testimonal-content">							
								<p>“KiyoHR has taken our online store to the next level! With its seamless integration and intuitive design, managing orders and inventory has never been easier. We're seeing more sales and happier customers!”</p>	
								
								<div class="testi-star">
									<i class="fa fa-star active"></i>
									<i class="fa fa-star active"></i>
									<i class="fa fa-star active"></i>
									<i class="fa fa-star active"></i>
									<i class="fa fa-star active"></i>
								</div>	
							</div>
							<div class="testi_item_shape2">
								<img src="<?php echo e(asset('assets/images/home_3/testi_shape2.png')); ?>" alt="">
							</div>
						</div>
					</div>
					<div class="col-lg-12">
						<div class="testimonial_item style_two style_three">
							<div class="tesit-auothor">
								<div class="auothor">
									<img src="<?php echo e(asset('assets/images/home_3/auothor.png')); ?>" alt="">
									<div class="testi_quote">
										<img src="<?php echo e(asset('assets/images/home_3/quote.png')); ?>" alt="">
									</div>
								</div>
								<div class="bio">
									<h4 class="name">Swetha Sogana</h4>
									<h5 class="designation">Sudheer Kt One Gram Gold</h5>
								</div>
							</div>	
							<div class="testimonal-content">							
								<p>“We love KiyoHR! The software is reliable, easy to navigate, and helps us deliver a smoother shopping experience to our customers. It’s been a vital tool in growing our e-commerce business!”</p>	
								
								<div class="testi-star">
									<i class="fa fa-star active"></i>
									<i class="fa fa-star active"></i>
									<i class="fa fa-star active"></i>
									<i class="fa fa-star active"></i>
									<i class="fa fa-star active"></i>
								</div>	
							</div>
							<div class="testi_item_shape">
								<img src="<?php echo e(asset('assets/images/home_3/testi_shape.png')); ?>" alt="">
							</div>
						</div>
					</div>
					 
				</div>
			</div>
		</div>
	</div>
	<div class="testi_shape_all">
		<div class="testi_shape_two dance3">
			<img src="<?php echo e(asset('assets/images/home_3/service_shpe2.png')); ?>" alt="">
		</div>
		<div class="testi_shape_three dance">
			<img src="<?php echo e(asset('assets/images/home_3/service_shpe2.png')); ?>" alt="">
		</div>
		<div class="testi_shape_four bounce-animate">
			<img src="<?php echo e(asset('assets/images/home_3/tir.png')); ?>" alt="">
		</div>
	</div>
</section>
<!--==================================================-->
<!-- End KiyoHR Testimonial Area Style Three -->
<!--==================================================-->

<!--==================================================-->
<!-- Start KiyoHR Counter Area Style Three-->
<!--==================================================-->
<section class="counter_area style_two style_three mb-5">
	<div class="container">
		<div class="row style_bg_two">
			<div class="col-lg-4 col-md-6">
				<div class="counter-single-item style_five">
					<div class="counter-content none">
						<div class="counter-_number">
							<h1 class="counter">12</h1>
							<span>K+</span>							
						</div>
						<div class="counter_title">
							<h5>Total Projects <br>Completed</h5>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-6">
				<div class="counter-single-item style_five">
					<div class="counter-content none">
						<div class="counter-_number">
							<h1 class="counter">950</h1>
							<span>+</span>							
						</div>
						<div class="counter_title">
							<h5>Satisfied Active <br>Customers</h5>
						</div>
					</div>
				</div>
			</div>
			<div class="col-lg-4 col-md-6">
				<div class="counter-single-item style_five">
					<div class="counter-content none">
						<div class="counter-_number">
							<h1 class="counter">4.9</h1>
							<span>*</span>							
						</div>
						<div class="counter_title">
							<h5>Average Clients <br>Ratings</h5>
						</div>
					</div>
				</div>
			</div>
			
		</div>
	</div>
</section>
<!--==================================================-->
<!-- Start KiyoHR Counter Area Style Three -->
<!--==================================================-->

<!--==================================================-->
<!-- Start KiyoHR Contact Area -->
<!--==================================================-->
<section class="contact_area">
	<div class="container">
		<div class="row align-items-center">
			<div class="col-lg-7">
				<div class="contact_thumb">
					<img src="<?php echo e(asset('assets/images/home_3/contact.png')); ?>" alt="">
					<div class="call-do-action-info style_two">
						<div class="call-do-social_icon">
							<i class="fas fa-phone-alt"></i>
						</div>
						<div class="call_info">
							<h3>+91 9440 903071</h3>
						</div>
					</div>
					<div class="contact_thumb_shape bounce-animate">
						<img src="<?php echo e(asset('assets/images/home_3/contact_shapes.png')); ?>" alt="">
					</div>
				</div>
			</div>
			<div class="col-lg-5">
				<div class="contact-form-box style_two">
					<div class="section_title style_three style_four text-center ">
						<h4>CONTACT US</h4>
						<h1>Get In Touch with KiyoHR</h1>
					</div>
					<form class="kiyohrcontactform"  action="https://marketing.kiyocrm.com/form/submit?formId=4" method="POST">
						<div class="row">
							<div class="col-lg-6 col-md-6">
								<div class="form-box">
									<input type="text" name="mauticform[first_name]" placeholder="Your Name" required>
								</div>
							</div>
							<div class="col-lg-6 col-md-6">
								<div class="form-box">
									<input type="text" name="mauticform[phone]" placeholder="Phone No" required pattern="[0-9]{10,12}">
								</div>
							</div>
							<div class="col-lg-6 col-md-6">
								<div class="form-box">
									<input type="email" name="mauticform[email]" placeholder="E-Mail Address" required pattern="/^[a-zA-Z0-9._%+-]+@[a-zA-Z.-]+\.[a-zA-Z]{2,6}$/">
								</div>
							</div>
							<div class="col-lg-6 col-md-6">
								<div class="form-box">
									<input type="text" name="mauticform[subject]" placeholder="Subject" required>
								</div>
							</div>
							<div class="col-lg-12 col-md-12">
								<div class="form-box message">
									<textarea name="mauticform[f_message]" id="message" cols="30" rows="10" placeholder="Write Message" required></textarea>
								</div>
							</div>
							<div class="checkbox d-flex align-items-baseline">
								<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike" required>
								<label for="vehicle1" style="margin-left: 10px;"> I agree to receive promotional emails and updates from KiyoHR.</label>
							</div>
							<div class="contact-form">
							<input type="hidden" name="mauticform[formId]" id="mauticform_kiyohrcontactform_id" value="4">
							<input type="hidden" name="mauticform[return]" id="mauticform_kiyohrcontactform_return" value="<?php echo e(url('/')); ?>?sync=true">
							<input type="hidden" name="mauticform[formName]" id="mauticform_kiyohrcontactform_name" value="kiyohrcontactform">
							<button name="mauticform[submit]" value="1" id="mauticform_input_kiyohrcontactform_submit" type="submit"><i class="far fa-thumbs-up"></i> Request Call Back </button>
							
							</div>
						</div>
					</form>
					<span class="form-control text-center contactform-success alert alert-success" style="display: none;"></span>
					<div class="contact_shape bounce-animate">
						<img src="<?php echo e(asset('assets/images/home_3/contact_shape.png')); ?>" alt="">
					</div>
					<div id="status"></div>
				</div> 
			</div>
		</div>

	</div>
	<div class="contact_shape1 dance">
		<img src="<?php echo e(asset('assets/images/home_3/animate.png')); ?>" alt="">
	</div>
	<div class="contact_shape2 dance2">
		<img src="<?php echo e(asset('assets/images/home_3/service_shpe2.png')); ?>" alt="">
	</div>
</section>
<!--==================================================-->
<!-- End KiyoHR Contact Area-->
<!--==================================================-->
 


<?php $__env->stopSection(); ?>

<?php $__env->startSection('scripts'); ?>
    <script>
        const urlParams = new URLSearchParams(window.location.search);
        const syncParam = urlParams.get('sync');
        if(syncParam === 'true'){
			$('.kiyohrcontactform').remove();
			$('.contactform-success').text('Thank you for contacting us!');
			$('.contactform-success').show();
        }
    </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('frontend.home', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /var/www/html/kiyohr/dev/app_uat/resources/views/frontend/index.blade.php ENDPATH**/ ?>