<?php include 'views/_header.tpl.php'; ?>
<style type="text/css">
	#ausection {
		height: 425px;
	}
	.auimg {
		position: relative;
	display: inline-block;
		float: left;
	width: 425px;
	background: #eee;
	height: 425px;
	overflow: hidden;
	}
	.aucon {
		position: relative;
	display: inline-block;
	float: left;
	width: 500px;
	padding: 0 100px 25px 25px;
		font-size: 15px;
	font-family: 'Montserrat-Light', Raleway,Oswald, sans-serif;
	color: #888;
	}
	.aumor {
		position: relative;
	display: inline-block;
	float: right;
	width: 250px;
	background: none;
		height: 425px;
	line-height: 425px;
	text-align: left;
	font-size: 28px;
		background: url(/static/images/big-arrow-gray.png) no-repeat center center;
	background-size: 50%;
	color: #aaa;
	}
	.btn-pear {
		height: 35px;
		padding: 15px 15px 10px;
		line-height: 35px;
		color: #fff;
		font-size: 20px;
		background: rgba(0,0,0,.4);
		border: 3px solid #94c842 ;
		min-width: 250px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		text-shadow: 0px -1px 1px rgba(0,0,0,.3);
		font-family: acherusgrotesque-regular, 'acherusgrotesque-regular', 'Proxima-Nova-Thin','Montserrat-Light','Open Sans', sans-serif;
	}
	.btn-flat {
		background: #3498db;
		background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
		background-image: -moz-linear-gradient(top, #3498db, #2980b9);
		background-image: -ms-linear-gradient(top, #3498db, #2980b9);
		background-image: -o-linear-gradient(top, #3498db, #2980b9);
		background-image: linear-gradient(to bottom, #3498db, #2980b9);
		webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.45),0 1px 1px rgba(0,0,0,.4);
		box-shadow: inset 0 1px 0 rgba(255,255,255,.45),0 1px 0px rgba(255,255,255,.4);
		-webkit-border-radius: 3;
		-moz-border-radius: 3;
		border-radius: 3px;
		font-family: Montserrat-Light,Arial,sans-serif;
		text-shadow: 0px -1px 1px rgba(0,0,0,.3);
		color: #ffffff;
		font-size: 13px;
		font-weight: 300;
		padding: 7px 12px 7px 12px;
		border: solid #2980b9 0px;
		text-decoration: none;
	}
	.btn-flat:hover {
		background: #3cb0fd;
		background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
		background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
		background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
		background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
		background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
		text-decoration: none;
	}
	#gallery-brands, #gallery-models {
		width: 49.5%;
	padding: 0px !important;
	max-height: 350px;
	float: left;
	background: #000;
	margin-bottom: 20px;
	}
	h2.common-title {
		font-weight: 400;
	}

	.main-footer {
		display: none;
	}
	#footer {
		padding-top: 0px;
	}

	/* ######################### */
	/*         < 1091px          */
	/* ######################### */

	@media screen and (max-device-width:  1091px), screen and (max-width:  1091px) {
		#ausection {
			height: 425px;
	overflow: hidden;
		}
		.auimg {
			position: relative;
	float: left;
	display: inline-block;
	width: 50%;
		}
		.aucon {
			position: relative;
	float: left;
	display: inline-block;
	width: 50%;
			padding: 0;
	overflow: hidden;
	max-height: 425px;
		}
		.aumor {
			display: none;
		}
	}

	/* ######################### */
	/*       Small Tablets       */
	/* ######################### */

	@media (max-width: 768px) {
		#ausection {
			height: auto;
		}
		.auimg {
			position: relative;
	display: block;
	width: 100%;
		}
		.aucon {
			position: relative;
	display: block;
	width: auto;
	padding: 0 25px 0 25px;
	overflow: hidden;
		}
		.aumor {
			display: none;
		}
		#logoimgs img {
			height: 20px;
	width: auto;
		}
	}

	/* ######################### */
	/* Landscape phones and down */
	/* ######################### */

	@media (max-width: 480px) {
		#gallery-brands, #gallery-models {
			width: 100%;
	padding: 0px !important;
	max-height: 350px;
	display: block;
	background: #000;
	margin-bottom: 20px;
		}
		#ausection {
			height: auto;
		}
		.auimg {
			position: relative;
	display: block;
	width: 100%;
		}
		.aucon {
			position: relative;
	display: block;
	width: 100%;
	padding: 25px;
		}
		.aumor {
			display: none;
		}
	}
</style>

<?php
if (!empty($_GET['msg'])) : ?>
<p style="color:#f00;"><b><?= $_GET['msg'] ?></b></p>
<?php
endif; ?>

<div class="home-feature-category" style="background: url(static/images/client/pear_bg.jpg) no-repeat; background-size:cover; border:none; margin-top:-50px; height:840px; position:relative;">
	<div style="background:rgba(0,0,0,.5); height:100%;">
		<div class="container_12 clearfix">
			<br /><br /><br /><br />
			<center>
				<img src="/static/images/client/pear_room_service.png" alt="Pear Chef - Room Service" style="width:550px;" />
			</center>
			<br /><br />
			<div style="text-align:center; color:#fff; font-size:24px; line-height:32px; font-weight:200; font-family: acherusgrotesque-regular, 'acherusgrotesque-regular', 'Proxima-Nova-Thin','Montserrat-Light','Open Sans', sans-serif;">
				Home cooked meals, made on-site &amp; delivered to your door<br />
			</div>


			<br /><br /><br />

			<center>
				<a href="#register" class="btn btn-pear registerpop registerbtn">Sign up free now</a>
			</center>

			<br /><br />

			<div style="text-align:center; color:#fff; font-size:17px; line-height:24px; font-weight:200; font-family: acherusgrotesque-regular, 'acherusgrotesque-regular', 'Proxima-Nova-Thin','Montserrat-Light','Open Sans', sans-serif;">

				Live at MILA every Monday &amp; Tuesday from 5 to 9pm

			</div>

			<!--
			<center><a href="/shop/ordernow"
			style="color:#94c842; font-size: 17px; text-transform:uppercase;
			font-family: acherusgrotesque-regular, 'acherusgrotesque-regular', 'Proxima-Nova-Thin','Montserrat-Light','Open Sans', sans-serif;">Choose A Building &raquo;</a>
			</center>
			-->

		</div>
		<div class="clear"></div>
		<div style="display:none; position:absolute; bottom:0; left:0; width:100%;">
			<?php include 'views/includes/mailchimpmeal.tpl.php'; ?>
		</div>
		<div class="clear"></div>
	</div><!-- BLACK OVERLAY CLOSE -->
</div>

<script type="text/javascript">
	jQuery(document).ready(function($) {
		$('#gallery-brands, #gallery-models').royalSlider({
			fullscreen: {
				enabled: true,
				nativeFS: true
			},
			controlNavigation: 'bullets',
			slideshowEnabled:true,                 // Autoslideshow enabled
			slideshowDelay:2000,                    // Delay between slides in slideshow
			slideshowPauseOnHover:true,             // Pause slideshow on hover
			slideshowAutoStart:true,                // Auto start slideshow
			autoPlay: {
				enabled: true,
				stopAtAction: false,
				pauseOnHover: true,
				delay: 2500,
			},
			autoScaleSlider: true,
			autoScaleSliderWidth: 600,
			autoScaleSliderHeight: 400,
			transitionType: 'fade',
			loop: true,
			imageScaleMode: 'fit-if-smaller',
			navigateByClick: true,
			numImagesToPreload:2,
			arrowsNav:true,
			arrowsNavAutoHide: true,
			arrowsNavHideOnTouch: true,
			keyboardNavEnabled: true,
			fadeinLoadedSlide: true,
			globalCaption: false,
			globalCaptionInside: false,
			thumbs: {
				arrows: true,
				autoCenter: true,
				appendSpan: true,
				firstMargin: true,
				paddingBottom: 75,
				paddingLeft: 150
			}
		});
	});
</script>

<?php
if ($_SESSION['loggedin']) : ?>

<?php
if ($website_options['enable_homepage_nearby']) : ?>
<script src='/static/js/googlemaps/getlocation-noconflict.js'> </script>
<?php else : ?>
<script src='/static/js/googlemaps/getlocation.js'> </script>
<?php
endif; ?>

<?php
endif; ?>

<br /><br />

<!-- #################################### -->
<!-- ###########     LOGOS    ########### -->
<!-- #################################### -->

<?php include 'views/includes/logos.tpl.php'; ?>

<!-- #################################### -->
<!-- ###########    LOGOS     ########### -->
<!-- #################################### -->


<!--<center><div class="arrow-up"></div></center>-->
<!-- #################################### -->
<!-- #########   TESTIMONIALS   ######### -->
<!-- #################################### -->

<?php include 'views/includes/testimonials.tpl.php'; ?>

<!-- #################################### -->
<!-- #########   TESTIMONIALS   ######### -->
<!-- #################################### -->


<!-- SOCIAL MEDIA ICONS SECTION -->

<div class="home-socialicons" style="background:;">
	<div class="container_12">
		<div class="grid_1">&nbsp;</div>
		<div class="grid_10">
			<h2 style="font-family: Montserrat-Light, Raleway,Oswald, sans-serif; font-size:36px; font-weight:300;
                text-align:center;">
				connect with pear chef
			</h2>
			You can put an awesome, short about description right here - or, a call to action...
			<br /><br />
			<ul style="list-style:none; text-align:center;">
				<center>
					<li>
						<a href="#">
							<i class="fa fa-facebook" aria-hidden="true"></i></a></li>
					<li>
						<a href="#">
							<i class="fa fa-instagram" aria-hidden="true"></i></a></li>
					<li>
						<a href="#">
							<i class="fa fa-twitter" aria-hidden="true"></i></a></li>
					<li>
						<a href="#">
							<i class="fa fa-youtube" aria-hidden="true"></i></a></li>
					<li>
						<a href="#">
							<i class="fa fa-envelope" aria-hidden="true"></i></a></li>
					<li>
						<a href="#">
							<i class="fa fa-phone" aria-hidden="true"></i></a></li>
				</center>
			</ul>
			<div class="clear"></div>
			<br /><br />
			<img src="/static/images/payment-logos-white.png" alt="Payment Types We Accept" style="width:270px; height:auto;" />
		</div>
		<div class="grid_1">&nbsp;</div>
		<div class="clear"></div>
	</div>
	<div class="clear"></div>
</div>

<div class="clear"></div>

<!-- SOCIAL MEDIA ICONS SECTION ENDS AND FOOTER STARTS -->


<script>
	$('.viewJetTrip').fancybox();
	$('.viewJetTrip').click(function () {
		$.ajax({
			url: $(this).attr('ajaxURL'),
			success: function (data) {
				$('#viewTrip .ajaxContent').html(data);
				$.fancybox.update()
			}
		})
	});
</script>
<style>
	.jet td, .jet th {
		padding: 5px;
	}
</style>

<?php include 'views/_footer.tpl.php'; ?>