@extends('frontend.home')
@section('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="{{ 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="{{asset('assets/images/home_3/kiyohr-banner.png')}}" alt="" width='100%'>
					<div class="hero_thumb_shape">
						<img src="{{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="{{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="{{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="{{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="{{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="{{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="{{asset('assets/images/home_3/about_shape2.png')}}" alt="">
	</div>
	<div class="about_shpe-three bounce-animate ">
		<img src="{{asset('assets/images/home_3/about_shape.png')}}" alt="">
	</div>
	<div class="about_shpe-four bounce-animate2">
		<img src="{{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="{{asset('#')}}" class="text-nowrap"><img class="marqee_img_left" src="{{asset('assets/images/home_3/marqee_star.png')}}" alt="" ><span>Payroll Processing</span><span class="icon-img-50 ml-40"><img src="{{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="{{asset('#')}}" class="text-nowrap"><span>Assets</span><span class="icon-img-50"><img src="{{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="{{asset('#')}}" class="text-nowrap"><span>Locations</span><span class="icon-img-50"><img src="{{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="{{asset('#')}}"><span>Leaves</span><span class="icon-img-50"><img src="{{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="{{asset('#')}}"><span>Attendance Tracking</span><span class="icon-img-50"><img src="{{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="{{asset('#')}}"><span>Multi Languages</span><span class="icon-img-50"><img src="{{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="{{asset('#')}}"><span>Survey Forms</span><span class="icon-img-50"><img src="{{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">
			@foreach ($allHomePageFeatures as $allHomePageFeature)
				<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="{{ $allHomePageFeature->image_url }}" width="100%" alt="">
							<div class="service_icon">
								<a href="{{ $allHomePageFeature->icon_link ?? '#' }}">
									<img src="{{ $allHomePageFeature->icon_url ?? asset('assets/images/home_3/service_icon.png') }}" alt="">
								</a>
							</div>
						</div>	
						<div class="service_content">
							<h4>{{ $allHomePageFeature->subtitle ?? '' }}</h4>
							<h3>{{ $allHomePageFeature->title }}</h3>
							<p>{{ $allHomePageFeature->description }}</p>
							<div class="service_btn">
								<a href="{{ $allHomePageFeature->link ?? '#' }}">
									View Details <i class="flaticon flaticon-right-arrow"></i>
								</a>
							</div>
						</div>				
					</div>
				</div>
			@endforeach
		</div>
	</div>

	</div>
	<div class="service_shape_three style_four rotate">
		<img src="{{asset('assets/images/home_3/service_shpe2.png')}}" alt="">
	</div>
	<div class="service_shape_five bounce-animate2">
		<img src="{{asset('assets/images/home_3/service_shape.png')}}" alt="">
	</div>
	<div class="service_shape_three style_six bounce-animate4">
		<img src="{{asset('assets/images/home_3/tir.png')}}" alt="">
	</div>
	<div class="service_shape_seven bounce-animate">
		<img src="{{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="{{asset('assets/images/home_3/choose_thumb.png')}}" alt="">
					<div class="choose_thumb_shpae bounce-animate">
						<img src="{{asset('assets/images/home_3/choose_dot.png')}}" alt="">
					</div>
					<div class="choose_thumb_shpae2 bounce-animate2">
						<img src="{{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="{{asset('assets/images/home_3/box.png')}}" alt="">
						</div>
						<div class="choose_two rotate">
							<img src="{{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'>
			@foreach ($frontSetting->home_feature_points as $homeFeaturePoint)

			@if (in_array($loop->iteration,[4,6,9,10,12,13,16,18,20,14])) 
				<div class="col-lg-2 col-md-2" > 
			@else
				<div class="col-lg-3 col-md-3" > 
			@endif 
				<div class="choose_list_custom"><ul><li><i class="bi bi-check-circle"></i>{{ $homeFeaturePoint }}</li></ul></div>
			</div>
			@endforeach
		</div>	
		 
	</div>
	<div class="team_all_shape">
		<div class="shape_one">
			<img src="{{asset('assets/images/home_3/team_rotate.png')}}" alt="">
		</div>
		<div class="shape_two d-none d-lg-block">
			<img src="{{asset('assets/images/home_3/tir.png')}}" alt="">
		</div>
		<div class="shape_three d-none d-lg-block">
			<img src="{{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>{{ $frontSetting->client_title }}</h1>
					</div>
				</div>
			</div>
		<div class="row">
		<div class="service_list2 owl-carousel">
			@foreach ($frontClients as $frontClient)
				<div class="col-lg-12">
					<!-- client logo item -->
					<div class="service_thumb client-logo-container">
						<img src="{{ $frontClient->logo_url }}" alt="{{ $frontClient->name }}" class="client-logo-img">
					</div>			
				</div>
			@endforeach
		</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="{{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="{{asset('assets/images/home_3/auothor.png')}}" alt="">
									<div class="testi_quote">
										<img src="{{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="{{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="{{asset('assets/images/home_3/auothor2.png')}}" alt="">
									<div class="testi_quote">
										<img src="{{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="{{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="{{asset('assets/images/home_3/auothor.png')}}" alt="">
									<div class="testi_quote">
										<img src="{{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="{{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="{{asset('assets/images/home_3/service_shpe2.png')}}" alt="">
		</div>
		<div class="testi_shape_three dance">
			<img src="{{asset('assets/images/home_3/service_shpe2.png')}}" alt="">
		</div>
		<div class="testi_shape_four bounce-animate">
			<img src="{{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="{{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="{{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="{{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="{{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="{{asset('assets/images/home_3/animate.png')}}" alt="">
	</div>
	<div class="contact_shape2 dance2">
		<img src="{{asset('assets/images/home_3/service_shpe2.png')}}" alt="">
	</div>
</section>
<!--==================================================-->
<!-- End KiyoHR Contact Area-->
<!--==================================================-->
 


@endsection

@section('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>
@endsection
