@extends('front-view.layouts.app')

@section('title',config('setting.site_name').' - Contact Travelieons Team For The Best Travel CRM Solution')
@section('meta-title','Contact Travelieons Team For The Best Travel CRM Solution')
@section('meta-description','Experience seamless business operations and heightened customer satisfaction by partnering with the Travelieons Team for top-notch travel CRM solutions.')
@section('meta-keyword','Software') 
@section('og-type','Home') 
@section('og-title','Contact Travelieons Team For The Best Travel CRM Solution') 
@section('og-description','Experience seamless business operations and heightened customer satisfaction by partnering with the Travelieons Team for top-notch travel CRM solutions.') 
@section('og-image',asset('front-assets/image/img-1.png')) 
@section('published_time','') 
@section('modified_time','') 

@section('canonical-title', url()->current())
@section('script')
    <script type="application/ld+json"> { "@context": "https://schema.org/", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "Home", "item": "https://travelieons.com/" },{ "@type": "ListItem", "position": 2, "name": "Contact US", "item": "https://travelieons.com/contact-us" }] } </script>
@endsection

@section('content')

<style type="text/css">
	.form-group {
	margin-bottom: 22px;
	}
	.pricing-title {
	padding: 2% 0%;
	}
	.bg3 {
    background-image: url({{asset('front-assets/image/Frame.png')}});
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 15%;
	}
	
</style>




<!--<button type="button" class="btn btn-danger" id="basicToastBtn">Join us</button>-->



<div class="bg3"> 
	<section class="contact">
		<div class="container">
		    
		    <div class="contact-top">
		        <div class="row">
		            <div class="col-md-5">
		                <div class="contact-left">
		                    <span>LET'S TALK</span>
		                    <h3>Acquire, Retain & Delight Your Customers.</h3>
                            <p>Travelieons CRM is worlds first industry specificCRM designed for Travel Tour Operators.</p>
                            <div class="mt-4">
								<a class="book-demo" onclick="document.getElementById('id01').style.display='block'">Enquiry now</a>
								<a class="book-demo" href="{{url('schedule-demo')}}">Book A Demo</a>
							</div>
						</div>
					</div>
		            <div class="col-md-7">
		                <div class="contact-right">
		                    <div class="row">
		                        <div class="col-lg-4 col-md-12">
		                            <div class="right-box">
		                                <h5>PHONE</h5>
		                                <a href="tel:+919510680663"> <p>+91 951-068-0663</p></a>
									</div>
								</div>
		                        <div class="col-lg-8 col-md-12">
		                            <div class="right-box">
		                                <h5>ADDRESS </h5>
		                                <p>5th Floor, Abhinandan Royale, Bhatar Road, Surat- 395007</p>
									</div>
								</div>
		                        <div class="col-lg-4 col-md-12">
		                            <div class="right-box">
		                                <h5>Inquiry</h5>
		                                <p style="text-transform: lowercase;">info@travelieons.com </p>
									</div>
								</div>
		                        <div class="col-lg-8 col-md-12">
		                            <div class="right-box">
		                                <h5>Website</h5>
		                                <p style="text-transform: lowercase;">www.Travelieons.com </p>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		    
		    <div class="headline"><p>Contact</p></div>
		    
		    <div class="contact-title">
		        <h3>Envision The Possibilities</h3>
		        <p>Let your work take flight with Travelieons CRM, where you can leave <br> the repetitive tasks behind!</p>
			</div>
			<div class="contact-main">
				<div class="contact-inner">
					<h2>Enquiry</h2>
					<p>Please fill in the form below or mail us your requirements :)</p>
				</div>
				<form id="contactFormInquiry" action="{{route('inquiry-submit')}}" method="post" >
					<div class="row">
						<div class="col-lg-6 col-md-12">
							<div class="form-group">
								<label>First Name*</label>
								<input type="text" name="first_name" required>
							</div>
						</div>
						<div class="col-lg-6 col-md-12">
							<div class="form-group">
								<label>Last name*</label>
								<input type="text"  name="last_name" required>
							</div>
						</div>
						<div class="col-lg-12 col-md-12">
							<div class="form-group">
								<label>email address*</label>
								<input type="text"  name="email" required>
							</div>
						</div>
						<div class="col-lg-6 col-md-12">
							<div class="form-group">
								<label>Phone Number*</label>
								<input type="text" name="phone_number" maxlength="10" pattern="\d{10}" title="Please enter exactly 10 digits" required>
							</div>
						</div>
						<div class="col-lg-6 col-md-12">
							<div class="form-group">
								<label>Whatsapp Number*</label>
								<input type="text" name="whatsapp" maxlength="10" pattern="\d{10}" title="Please enter exactly 10 digits" required>
							</div>
						</div>
						
    					
						<div class="col-lg-12 col-md-12">
							<div class="form-group">
								<label>Company Name*</label>
								<input type="text" name="company_name" required>
							</div>
						</div>
						
						
						<div class="col-lg-12 col-md-12">
							<div class="form-group">
								<label>Subject*</label>
								<select name="subject" required>
									<option selected="true" disabled="disabled" >-- please select subject --</option>
									<option>Package Inquiry </option>
									<option>Demo Inquiry</option>
								</select>
							</div>
						</div> 
						<div class="col-lg-12 col-md-12">
							<div class="form-group">
								<label>Message*</label>
								<textarea name="content" required></textarea>
							</div>
						</div>
						<!--captach code-->
						<div class="g-recaptcha" data-sitekey="6LfzxgEpAAAAAFedLo3e5e-RcRXxYVx0_0koKP3Y"></div>
					    <span style="color:red" class="captchaError"></span>
						<button type="submit" class="btn-main" >Submit</button> 
					</div>
				</form> 
			</div>
		</div>
	</section>
	
	
	
	<!--<section class="about-section my-5">-->
	<!--	<div class="container">-->
	<!--		<div class="row justify-content-center align-items-center text-center">-->
	<!--			<div class="col-lg-3 col-md-12">-->
	<!--				<div class="about-text">-->
	<!--					<h4><span>-</span> London</h4>-->
	<!--					<p>307 Euston Rd<br>-->
	<!--					London NW1 3AD UK</p>-->
	<!--					<img src="{{asset('front-assets/image/London.gif')}}">-->
	<!--				</div>-->
	<!--			</div>-->
	<!--			<div class="col-lg-3 col-md-12">-->
	<!--				<div class="about-text">-->
	<!--					<h4><span>-</span> Mumbai</h4>-->
	<!--					<p>502 malad east <br>-->
	<!--					rahija township</p>-->
	<!--					<img src="{{asset('front-assets/image/Mumbai.gif')}}">-->
	<!--				</div>-->
	<!--			</div>-->
	<!--		</div>-->
	<!--	</div>-->
	<!--</section>-->
</div>
 
<img class="contct-img" src="{{asset('front-assets/image/contact.png')}}">

@endsection