@extends('layouts.public')

@section('content')
<div id="header-wrapper" class="header-slider">
		<header class="clearfix">
			<div class="logo">
				<img src="images/gm-face-transparent-white.png" alt="" />
			</div>
			<div class="container">
				<div class="row">
					<div class="span12">
						<div id="main-flexslider" class="flexslider">
							<ul class="slides">
								<li>
									<p class="home-slide-content">
										for <strong>Salesforce</strong> professionals
									</p>
								</li>
								<li>
									<p class="home-slide-content">
										by <strong>Salesforce</strong> experts
									</p>
								</li>
								<li>
									<p class="home-slide-content">
										employment <strong>opportunities</strong>
									</p>
                                </li>
								<li>
									<p class="home-slide-content">
										freelancer <strong>opportunities</strong>
									</p>
                                </li>
								<li>
									<p class="home-slide-content">
										and much <strong>more</strong>
									</p>
                                </li>   
								<li>
									<p class="home-slide-content">
										coming <strong>soon</strong>
									</p>
								</li>
                                                             
							</ul>
						</div>
						<!-- end slider -->
					</div>
				</div>
			</div>
		</header>
    </div>
    
    

<section class="spacer" style="background-color: white;">
		<div class="container">
			<div class="row" style="padding-bottom: 80px; padding-top: 40px;">			
				<div class="span5 alignright flyLeft animated fadeInLeftBig">
					<div style="color: #444; font-size: 62px; line-height: 72px; font-weight: 800; padding-bottom: 24px; padding-top: 30px;">Salesforce Professionals</div>
					<div style="color: #444; font-size: 32px; line-height: 42px; font-weight: 200; padding-bottom: 30px;">Are you a Salesforce Professional? We can help you find a perfect match - be it a <strong>full-time employment</strong> opportunity or <strong>work on your own</strong> schedule <strong>freelancing</strong> opportunity.</div>
				</div>
				<div class="span2 aligncenter flyRight animated fadeInRightBig" style="color: #444;">
					<img src="/images/sfdc-logo.png" style="width: 300px; padding-top: 100px;" />
				</div>
				<div class="span5 alignleft flyLeft animated fadeInLeftBig">
					<div style="color: #444; font-size: 62px; line-height: 72px; font-weight: 800; padding-bottom: 24px; padding-top: 30px;">Hiring Managers</div>
					<div style="color: #444; font-size: 32px; line-height: 42px; font-weight: 200; padding-bottom: 30px;">Do you have need for Salesforce Professionals? We have the power of AI to get you the right <strong>employee</strong> with right <strong>skills</strong> for your Organization or best <strong>consultant/freelancer</strong> for your gig.</div>
				</div>
			</div>
		</div>
	</section>

	<section class="spacer" style="background-color: #327ABE;">
		<div class="container">
			<div class="row">
				<div class="span6 alignright flyLeft animated fadeInLeftBig">
					<div style="color: #fff; font-size: 56px; line-height: 60px; font-weight: 800; padding-bottom: 32px;">AI based hiring for the new generation</div>
					<div style="color: #fff; font-size: 40px; line-height: 44px; font-weight: 200; padding-bottom: 32px;">Our technology is helping organizations and candidates find a perfect <strong>match*</strong></div>
					<div style="font-size: 20px; line-height: 28px;"><em>* Currently available only for organizations and professionals requiring and/or having Salesforce technology skills</em></div>
				</div>
				<div class="span6 aligncenter flyRight animated fadeInRightBig">
				<img src="/images/yellow-robot.png" style="width: 300px;" />
				</div>
			</div>
		</div>
	</section>

	<section class="spacer" style="background-color: #ffffff;">
		<div class="container">
			<div class="row">
			<div class="span5 aligncenter flyRight animated fadeInRightBig" style="color: #444;">
					<img src="/images/ai-brain.png" style="width: 600px;" />
				</div>
				<div class="span7 alignright flyLeft animated fadeInLeftBig">
					<div style="color: #444; font-size: 48px; line-height: 60px; font-weight: 800; padding-bottom: 24px; padding-top: 30px;">We get right <strong>people</strong> matched to the right <strong>job</strong></div>
					<div style="color: #444; font-size: 32px; line-height: 42px; font-weight: 200; padding-bottom: 30px;">We offer modern people engagement through AI powered experiences and optimized recruiting performance. It is a simpler path to sourcing, engaging and converting high quality candidates at scale</div>
				</div>
			</div>
		</div>
	</section>

	<section class="spacer bg3">
		<div class="container">
			<div class="blankdivider60"></div>
			<div class="row">
				<div class="span12 aligncenter flyLeft animated fadeInLeftBig">
					<blockquote class="large">
						Fulfill your need for Salesforce professionals from full-time to freelancers and everything in between.
					</blockquote>
				</div>
				<div class="span12 aligncenter flyRight animated fadeInRightBig">
					<i class="icon-rocket icon-10x"></i>
				</div>
			</div>
			<div class="blankdivider60"></div>
		</div>
	</section>


	<div>
		<!-- section: contact -->
		<section id="contact" class="section green">
			<div class="container">
				<h4>Join our early access program</h4>
				<div style="color: #fff; padding-bottom: 40px;">
					<center>Sign up to join our early access program where you will be able to connect with your fellow Salesforce profressionals. Early access program provisioning will be performed on first come first served basis.</center>
				</div>
				<div class="row">
					<div class="span12">
						<div class="cform" id="contact-form">
							<div id="sendmessage">Your message has been sent. Thank you!</div>
							<div id="errormessage"></div>
							<form action="signup" method="post">
								<div class="row">
									<div class="span4">
										<div class="field your-name form-group">
											<input type="text" name="first_name" class="form-control" id="first_name" placeholder="Your First Name" data-rule="minlen:2" data-msg="Please enter at least 2 chars" value="{{ old('first_name') }}" />
											@csrf
											<div>@error('first_name') {{ $message }} @enderror</div>
										</div>
									</div>
									<div class="span4">
										<div class="field your-role form-group">
											<select name="role" class="form-control" id="role" placeholder="Your Role" style="height: 60px; margin-bottom:30px; width: 100%; font-size: 16px;"  value="{{ old('role') }}">
												<option value="">Select your Role</option>
												<option value="Job Seeker">Job Seeker</option>
												<option value="Recruiter">Recruiter</option>
												<option value="Hiring Manager">Hiring Manager</option>
												<option value="Staffing">Staffing/Consulting Organization</option>
												<option value="Freelancer">Freelancer</option>
											</select>
											<div>@error('role') {{ $message }} @enderror</div>
										</div>
									</div>
									<div class="span4">
										<div class="field your-email form-group">
											<input type="text" class="form-control" name="email" id="email" placeholder="Your Email" data-rule="email" data-msg="Please enter a valid email"  value="{{ old('email') }}" />
											<div>@error('email') {{ $message }} @enderror</div>
										</div>
									</div>
									<div class="span12">
										<center><input type="submit" value="Sign-up" class="btn btn-theme"></center>
										<div style="color: #ffffff; padding-top: 30px;"><center>(Note: Due to high volume of of early access subscribers, your access may be delayed as we are<br/>provisioning the account based on first come first serve basis.)</center></div>
									</div>
								</div>
							</form>
							
							
							
						</div>
					</div>
				</div>
			</div>
		</section>
	</div>    
@endsection