website: better homepage

website/source/index.html.erb

@@ -27,37 +27,45 @@
 	</div>
 	</section>
 
-	<section class="about padded-lg text-center">
+	<section class="about padded-lg">
 	<div class="container">
 		<div class="row">
-			<h1 class="text-green">Fast, concurrent, extensible.</h1>
+			<div class="span6">
-		</div>
+				<img src="/images/screenshots/vmware_and_virtualbox.png">
-		<div class="row">
+			</div>
-			<p class="span6 offset3">Designed to create identical images for development, test, and production. Packer is lightweight and easy to use. It is lightning fast, parallelizes concurrent jobs, and is infinitely customizable.</p>
+
+			<div class="span6">
+				<h2 class="text-green">Modern, Automated</h2>
+				<p>
+				Packer is easy to use and automates the creation of any type
+				of machine image. It embraces modern configuration management by
+				encouraging you to use automated scripts to install and
+				configure the software within your Packer-made images.
+
+				Packer brings machine images into the modern age, unlocking
+				untapped potential and opening new opportunities.
+				</p>
+			</div>
 		</div>
 	</div>
 	</section>
 
-	<section class="vendors text-center">
+	<section class="vendors padded-lg">
-	<div class="container padded-lg">
+	<div class="container">
 		<div class="row">
-			<div class="span8 offset2">
+			<div class="span6">
-				<h1 class="text-green">Works great with</h1>
+				<h2 class="text-green text-center">Works Great With</h2>
+				<p>
+					Out of the box Packer comes with support to build images for
+					Amazon EC2, DigitalOcean, VirtualBox, and VMware. Support for
+					more platforms is on the way, and anyone can add new platforms
+					via plugins.
+				</p>
+			</div>
+
+			<div class="span6">
+				<img src="/images/screenshots/works_with.png">
 			</div>
-		</div>
-		<div class="row">
-			<p class="span6 offset3">
-			Out of the box, Packer comes with support to build images
-			for the following platforms. Support for additional platforms is
-			coming and can also be added through plugins.
-			</p>
-		</div>
-		<div class="row">
-			<ul class="company-logos padded">
-				<li class="aws span3 offset1">Amazon Web Services</li>
-				<li class="virtualbox span3">Virtualbox</li>
-				<li class="vmware span3">VM Ware</li>
-			</ul>
 		</div>
 	</div>
 	</section>