<?
	$testimonialsMod = new BTMarketingTestimonials;
	list($testimonialUser) = $testimonialsMod->getMatching(array("type","approved"), array("users","on"), "RAND()", 1);
	list($testimonialDev)  = $testimonialsMod->getMatching(array("type","approved"), array("developers","on"), "RAND()", 1);

	$sitesMod = new BTMarketingExampleSites;
	$sites = $sitesMod->getNonarchived("position DESC",6);
?>
<div class="landing home">
	<header class="page_header bordered padded wallpapered feature home" data-wallpaper-options='{"source":{"poster":"<?=STATIC_ROOT?>images/BigTree_Home.jpg","webm":"<?=STATIC_ROOT?>video/BigTree_Home_1080_Graded.webmhd.webm","mp4":"<?=STATIC_ROOT?>video/BigTree_Home_1080_Graded.mp4","ogg":"<?=STATIC_ROOT?>video/BigTree_Home_1080_Graded.oggtheora.ogv"}}'>
		<div class="row top">
			<div class="mobile-full tablet-full desktop-10 max-10 max-push-1">
				<div class="title contain">
					<h1 class="users">User Friendly</h1>
					<h1 class="developers">Developer Ready</h1>
				</div>
				<a href="<?=$cms->getLink(3)?>" class="button large">Download</a>
			</div>
		</div>
	</header>
	<div class="padded bordered">
		<div class="row">
			<div class="mobile-full tablet-full desktop-full max-10 max-push-1">
				<p class="primary"><?=$page_intro?></p>
			</div>
		</div>
	</div>
	<section class="padded bottom_zero bordered gray users">
		<div class="row ">
			<div class="min-full mobile-1 tablet-1 desktop-3 max-2 max-push-1">
				<span class="illustration user">&nbsp;</span>
			</div>
			<div class="min-full mobile-2 tablet-5 desktop-9 max-7">
				<h2>Intuitive Interface</h2>
				<p>Developer, administrator, or end-user - no matter your role, BigTree is designed to be a pleasure to use.</p>
				<a href="<?=$cms->getLink(2)?>" class="action">Learn More About BigTree</a>
			</div>
			<div class="mobile-full tablet-full desktop-full max-10 max-push-1 clear window">
				<div class="chrome">
					<span class="title">Installing BigTree CMS</span>
				</div>
				<div class="container video expander">
					<img src="<?=STATIC_ROOT?>images/video.jpg" />
					<div class="video_wrapper">
						<iframe data-src="//www.youtube.com/embed/PLxQznXvBmQ?autoplay=1&color=white&rel=0&showinfo=0&modestbranding=1&hd=1&autohide=1" frameborder="0" allowfullscreen></iframe>
					</div>
				</div>
			</div>
		</div>
	</section>
	<div class="padded bordered">
		<blockquote class="row">
			<div class="mobile-full tablet-4 desktop-8 max-7 max-push-1">
				<p class="quote"><?=$testimonialUser["quote"]?></p>
			</div>
			<div class="mobile-full tablet-2 desktop-3 desktop-push-1 max-2 max-push-1 author">
				<img src="<?=($testimonialUser["image"] ? $testimonialUser["image"] : STATIC_ROOT."images/placeholder/150x150")?>" />
				<div class="contain">
					<h5><?=$testimonialUser["author"]?></h5>
					<p><?=$testimonialUser["title"]?></p>
				</div>
			</div>
		</blockquote>
	</div>
	<section class="padded bottom_zero bordered gray developers">
		<div class="row ">
			<div class="min-full mobile-1 tablet-1 desktop-3 max-2 max-push-1">
				<span class="illustration files">&nbsp;</span>
			</div>
			<div class="min-full mobile-2 tablet-5 desktop-9 max-7">
				<h2>Develop Freely</h2>
				<p>BigTree allows you write standard HTML, CSS, JS, and PHP. There's no proprietary markup or templating language to learn.</p>
				<a href="<?=$cms->getLink(1)?>" class="action">Learn More About BigTree</a>
			</div>
			<div class="mobile-full tablet-full desktop-full max-10 max-push-1 clear window">
				<div class="chrome">
					<span class="title">templates/basic/home.php</span>
				</div>
				<div class="container editor expander">
					<pre class="line-numbers"><code class="language-php"><?=htmlspecialchars(file_get_contents("../templates/basic/home.php"))?></code></pre>
				</div>
			</div>
		</div>
	</section>
	<div class="padded bordered">
		<blockquote class="row">
			<div class="mobile-full tablet-4 desktop-8 max-7 max-push-1">
				<p class="quote"><?=$testimonialDev["quote"]?></p>
			</div>
			<div class="mobile-full tablet-2 desktop-3 desktop-push-1 max-2 max-push-1 author">
				<img src="<?=($testimonialDev["image"] ? $testimonialDev["image"] : STATIC_ROOT."images/placeholder/150x150")?>" />
				<div class="contain">
					<h5><?=$testimonialDev["author"]?></h5>
					<p><?=$testimonialDev["title"]?></p>
				</div>
			</div>
		</blockquote>
	</div>
	<section id="sites" class="padded bordered gray">
		<div class="row sites">
			<div class="mobile-full tablet-full desktop-full">
				<h2>Some Sites Running BigTree</h2>
			</div>
			<? foreach ($sites as $item) { ?>
			<div class="min-full mobile-half tablet-half desktop-4 site">
				<a href="<?=$item["link"]?>" target="_blank">
					<div class="window">
						<img src="<?=$item["image"]?>" />
					</div>
					<p class="secondary"><?=$item["title"]?></p>
				</a>
			</div>
			<? } ?>
		</div>
	</section>
</div>