@extends('layout.master2')

  @section('page_title','Join as Service Professional at '.config('app.name'))
 
 
@section('head')
 <link rel="stylesheet" media="all" href="{{url('/public/css/partner.css')}}" />
 
@endsection
 

@section('container')
 <div class="container-fluid partner_page ">	
	
	  


	 <div class="partner_page_banner_bg">
		
		<div class="container">
			<div class="row pt-md-5 pt-3   ">
				
				<div class="col-md-8 partner_page_left ">
				
				 <h1 class="partner_page_left_heading text-white  wow fadeInLeft"> Create on your  service business with {{config('app.name')}}  </h1>
				
				 <h3 class="pt-3 text-white  hide_on_mobile bilehide_on_moty  wow fadeInUp"> Join Our professionals family who have successfully grown their business with Repair Services India.</h3>
				 
				
				 <div class="clearfix"></div>
				 
				 <div class="row pt-5 text-white hide_on_mobile wow fadeInUp">
				 	<div class="col-md-4">
						<h3>2.0 Million +</h3>
						<div>Verified customer requests on our platform</div>
					</div>
					
					<div class="col-md-4">
						<h3>100,00 +</h3>
						<div>Professionals earning on our platform</div>
					</div>
					
					<div class="col-md-4">
						<h3>200 +</h3>
						<div>Services across various categories</div>
					</div>
				 
				 </div>
				
				
				</div>
				
 				  @if (!request()->session()->has('is_technician_logged'))  
				
				<div class="col-md-4 mt-2 wow bounce data-wow-duration="2s" data-wow-delay="1s">
					
					
 						<div class="card  partner_page_right_box1  ">
						  <div class="card-body ">
						  
						  	<div class="">
						  
							<div class="phone_partner_container">
							
							<h5 class="card-title pb-2">Become an Partner within minutes</h5>
							<div class="card-text">
							
							
							
							
					  
							<div class="partner_page_right_box1_field">
							    <div class="input-group-text"><img class="flag_sm" src="{{url('/public/images/flag/India_flag.jpg')}}"> +91 </div>
							    
							    
							    
							<input type="tel" class="partner_txt_fld1" name="phone_partner" placeholder="Mobile Number" /> 
								<div class="error_message3 text-danger p-2"> </div>
								
							</div>
						 
						 
						 
						 
						 
 								<button class="col-md-12 p-2 btn  btn-primary text-center" onClick="return otp_sent_for_login_partner();">Signup/Login</button>
								
 						 	</div>
							
							</div>
							
							
							
							
							<div style="display:none" class="otp_partner_container">		 
						    <h3 class="pt-3 pb-2 text-center"> Enter OTP</h3>
							<div class="text-center">OTP sent on 
							
							<span class="otp_sent_phone_no_partner"> </span> <a href="javascript:void(0)" onClick="return otp_sent_for_login_partner_back();">Edit</a></div>

					   <div class="pb-4 pt-4">
 						  <div class="input-group mb-2">
							 
							<input type="text" class="form-control border-bottom p-4" name="otp_for_login_partner" placeholder="">
						  </div>
						</div>
					 
					
						<div class="row justify-content-center align-items-center">
							<button   class="btn_login_otp_for_phone_partner text-center pt-2 pb-2 btn btn-dark col-md-11" onClick="return btn_login_with_phone_partner();">
							Login
							</button>
							
							
						</div>
					
	
					</div>
	
	
											<div class="mt-2 otp_sent_msg3 text-center" > </div>
		  
		  
		  
		  
		  
		  
		  
							
							
							
							<div>
							 
						  </div>
						</div>
 					
				
				</div>
				
				 
				
				
				</div>
				
				
				
				
				
				
				
				
				
				
				
				 
				
				
				
				
				
				
			</div>	
			
			
			
			
			@endif
			
			
			
			
			 
				
		
		</div>
		
		
	
	</div>
	
	
	
	
	
	
	
	
	
	
	
	 
	
	
	
</div>

</div>






<div class="pt-5 pb-5 container  partner_page ">
	<div class="row pt-4 pb-4">
		<div class="col-md-12">
			<h3 class="text-center text-black wow fadeInLeft">How {{config('app.name')}} Works</h3>
		</div>
	</div>
	
	
	<div class="row pt-5">
		<div class="col-md-4 ml-5 pl-5 wow bounceIn">
			
			<div class="mobile_bg">
				<div class="mobile_img mobile_img1"><img src="{{url('/public/images/mobiile_image_step.png')}}"  class="img"/></div>
				
				<div style="display:none" class="mobile_img mobile_img2"><img src="{{url('/public/images/mobiile_image_step.png')}}"  class="img"/></div>
				
				<div style="display:none" class="mobile_img mobile_img3"><img src="{{url('/public/images/mobiile_image_step.png')}}"  class="img"/></div>
				
			</div>
			
		</div>
		
		<div class="col-md-7">
			<div class="row pt-4 pb-4  technician_msg_item">
				
				<div class="col-md-1 col-1">
					<div class="slide_number number" data-n="1">
						1
					</div>
				</div>
				
				<div class="col-md-10 col-10 pl-5 wow fadeInLeft  ">
					<b>Lorem ipsum dolor sit amet, consectetur adipiscing elit</b><br />
					Nunc sed lectus feugiat, iaculis lorem ut, mollis massa
				</div>
				
			
			</div>
			
			
			
			
			<div class="row pt-4 pb-4  technician_msg_item">
				
				<div class="col-md-1 col-1">
					<div class="slide_number number" data-n="2">
						2
					</div>
				</div>
				
				<div class="col-md-10 col-10 pl-5 wow fadeInUp">
					<b>Nam id nunc commodo, auctor diam quis, dapibus erat</b><br />
					Nunc sed lectus feugiat, iaculis lorem ut, mollis massa
				</div>
				
			
			</div>
			
			
			<div class="row pt-4 pb-4  technician_msg_item">
				
				<div class="col-md-1 col-1" >
					<div class="slide_number number" data-n="3">
						3
					</div>
				</div>
				
				<div class="col-md-10 col-10 pl-5 wow fadeInUp">
					<b>Nunc sed lectus feugiat, iaculis lorem ut, mollis massa</b><br />
					Nunc sed lectus feugiat, iaculis lorem ut, mollis massa
				</div>
				
			
			</div>
			
			
		
		</div>
	</div>
	
	
	

</div>






<div class="container pt4 pb-4  partner_page   ">
	
	<div class="row pt-5 pb-5  wow fadeInLeft">
		<div class="col-md-12">
			<h3 class="text-center text-black">Why become an {{config('app.name')}} ?</h3>
		</div>
	</div>
	
	
	
	
	<div class="row pt-5 pb-5 ">
		<div class="col-md-4 wow fadeInUp">
			<div class="row d-flex flex-row justify-content-center align-items-center">
				<div class="  pb-4">
					<img  class=""   src="{{url('/public/images/icons/partner_page_icon1.png')}}" />
				</div>
				
				<div class="col-md-12 ">
					<h6 class="text-black text-center">Grow your business</h6>
					<div class="text-center">Get new customers looking for service professionals like you.</div>

				</div>
				
 				
				
			</div>
			
			
			
		</div>
		
		
		
		
		
		
		
		<div class="col-md-4 wow fadeInUp">
			<div class="row d-flex flex-row justify-content-center align-items-center">
				<div class="  pb-4">
					<img  class=""   src="{{url('/public/images/icons/partner_page_icon2.png')}}" />
				</div>
				
				<div class="col-md-12">
					<h6 class="text-black text-center">Work on your own terms</h6>
					<div class="text-center">Quote your own price and choose the customer requests that interest you.</div>

				</div>
				
 				
				
			</div>
			
			
			
		</div>
		
		
		
		
		
		
		
		<div class="col-md-4 wow fadeInUp">
			<div class="row d-flex flex-row justify-content-center align-items-center">
				<div class="  pb-4">
					<img  class=""   src="{{url('/public/images/icons/partner_page_icon3.png')}}" />
				</div>
				
				<div class="col-md-12">
					<h6 class="text-black text-center">Business Tools</h6>
					<div class="text-center">Get business tools like online payment and invoicing.</div>

				</div>
				
 				
				
			</div>
			
			
			
		</div>
		
		
		
		
		
		
		
		
		
		
		
	</div>
	

</div>

















<div class="container pt4 pb-5 mb-5  partner_page wow fadeInLeft" data-wow-duration="1s">
	
	<div class="row pt-5 pb-5">
		<div class="col-md-12">
			<h3 class="text-center text-black">Trusted By</h3>
		</div>
	</div>
	
	
	
	
	<div class=" row">
			
			<div class="col  border1 pb-3 ">
			<div class="text-center pt-3"><img class="rounded-circle" src="{{url('/public/images/avatar.png')}}" style="width: 168px; height: 183px;"></div>
				
				
				<h4 class="pt-4 text-center">Pooja Sharma</h4>
				<div class="text-center font-size-14">Sketch Artist</div>
				
				<hr>
				
				<div class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit</div>
				
				
			</div>
			<div class="col  border1 pb-3 ">
				<div class="text-center pt-3"><img class="rounded-circle" src="{{url('/public/images/avatar.png')}}" style="width: 168px; height: 183px;"></div>
				
				<h4 class="pt-4 text-center">Radha </h4>
				<div class="text-center font-size-14">Make-Up Artist</div>
				
				<hr>
				
				<div class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit</div>
				
				
			</div>
			<div class="col  border1 pb-3 ">
			<div class="text-center pt-3"><img class="rounded-circle" src="{{url('/public/images/avatar.png')}}" style="width: 168px; height: 183px;"></div>
				
				<h4 class="pt-4 text-center">Harpreet Singh</h4>
				<div class="text-center font-size-14">Wedding Photographer</div>
				
				<hr>
				
				<div class="text-center">Lorem ipsum dolor sit amet, consectetur adipiscing elit</div>
				
				
			</div>
		
		</div>
	

</div>



  
	 
</div>	
	
	
	
 
	
	 

 

 
 	
	
	
	

<script>
$(document).ready(function(){

	$('.number').on('mouseover',function(){
		
		var n=parseInt($(this).data('n'));
		
 		  $('.mobile_img').hide();
 	      
   		//alert(n);
		
              //$('.mobile_img'+n).show("slide", { direction: "right" }, 500);
			  
			  $('.mobile_img'+n).show();
        
		 
	
	});

});
</script>

 


 




 

 <script>
 var url="{{url('/')}}";
 </script>

 
   <script src="{{url('public/js/partner_signup_with_phone.js')}}" type="text/javascript" charset="utf-8"></script>




@endsection