diff --git a/art/box-logo.psd b/art/box-logo.psd
new file mode 100644
index 000000000..c1cbe13aa
Binary files /dev/null and b/art/box-logo.psd differ
diff --git a/art/landing-back-new.psd b/art/landing-back-new.psd
new file mode 100644
index 000000000..dce8cafa0
Binary files /dev/null and b/art/landing-back-new.psd differ
diff --git a/art/landing-back.psd b/art/landing-back.psd
new file mode 100644
index 000000000..60ac7906d
Binary files /dev/null and b/art/landing-back.psd differ
diff --git a/endpoints/web.py b/endpoints/web.py
index 8bef62397..7cd95f1a1 100644
--- a/endpoints/web.py
+++ b/endpoints/web.py
@@ -67,6 +67,13 @@ def guide():
   return index('')
 
 
+@web.route('/tour/')
+@web.route('/tour/<path:path>')
+@no_cache
+def tour(path = ''):
+  return index('')
+
+
 @web.route('/tutorial/')
 @no_cache
 def tutorial():
diff --git a/static/css/quay.css b/static/css/quay.css
index 96d615f55..ce201cd98 100644
--- a/static/css/quay.css
+++ b/static/css/quay.css
@@ -9,6 +9,28 @@
   }
 }
 
+nav.navbar {
+  border: 0px;
+  border-radius: 0px;
+  background-image: linear-gradient(to top, #535C66 0%,#6E8194 100%);
+}
+
+nav.navbar-default .navbar-nav>li>a {
+  color: white;
+  letter-spacing: 0.5px;
+  font-weight: 600;
+}
+
+.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
+  color: #BEE1FF;
+}
+
+.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
+  cursor: pointer;
+  background: rgba(255, 255, 255, 0.4) !important;
+  color: white;
+}
+
 .notification-view-element {
   cursor: pointer;
   margin-bottom: 10px;
@@ -548,6 +570,7 @@ i.toggle-icon:hover {
   padding-left: 10px;
   cursor: pointer;
   font-size: 14px;
+  color: black;
 }
 
 .namespace-selector-dropdown .namespace-item {
@@ -561,6 +584,10 @@ i.toggle-icon:hover {
   color: #aaa;
 }
 
+.namespace-selector-dropdown a.namespace {
+  color: black !important;
+}
+
 .namespace-selector-dropdown .namespace-item.disabled img {
   -webkit-filter: grayscale(1);
   opacity: 0.5;
@@ -1202,38 +1229,222 @@ i.toggle-icon:hover {
   text-decoration: none;
 }
 
+.landing-page .help-block {
+  color: #C9C9C9;
+}
+
+.landing-page {
+  color: #555;
+}
+
+.landing-page .wrapper > nav {
+  display: none;
+}
+
+.landing-page .nav > li > a {
+  border-radius: 4px;
+}
+
+.landing-page .nav > li > a:hover, .landing-page .nav > li > a:focus {
+  background: rgba(255, 255, 255, 0.4);
+}
+
+.landing-page .nav .user-view {
+  color: white !important;
+  font-weight: bold;
+}
+
+.landing-page .user-tool {
+  color: white;
+}
+
+.landing {
+  position: relative;
+}
+
 .landing .popover {
   font-size: 14px;
 }
 
+.landing-content {
+
+}
+
+.landing-background {
+  z-index: 0;
+
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+
+  background-color: #1d1d1d;
+  background-image: url(../img/landing-back.jpg);
+  background-repeat: no-repeat;
+  background-size: cover;
+}
+
+.landing-filter {
+  z-index: 0;
+
+  position: absolute;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+}
+
+.landing-filter.signedin {
+}
+
+.landing-content {
+  z-index: 2;
+}
+
 .landing {
   color: white;
 
-  background-color: #1d1d1d;
-  background-position: left -30px;
-  background-image: url(../img/containers-back-black.jpg);
-  background-repeat: no-repeat;
-
-  margin-top: -20px;
   margin-bottom: 0px;
-
-  padding-top: 46px;
-
+  padding-top: 120px;
   min-height: 440px;
 }
 
-.landing .messages {
-  margin-bottom: 40px;
+.landing a:not(.btn) {
+  color: #BEE1FF;
+}
+
+.landing .logo {
+  position: absolute;
+  top: 20px;
+  left: 16px;
+}
+
+.landing .product-name {
+    position: absolute;
+    top: 22px;
+    left: 131px;
+    color: white;
+    font-size: 40px;
+}
+
+.landing .header-bar .navbar-brand {
+  display: none;
+}
+
+.landing .header-bar form {
+  display: none;
+}
+
+.landing .header-bar {
+  font-size: 16px;
+  position: absolute;
+  right: 20px;
+  top: 20px;
+  color: white;
+  z-index: 100;
+}
+
+.landing .header-bar .user-tools a {
+  padding-left: 10px;
+  padding-right: 10px;
+  background: transparent !important;
+}
+
+.landing .navbar-links a {
+  font-weight: bold;
+  color: white;
+  border-radius: 6px;
+}
+
+.landing .navbar-links  li a:hover {
+  background: rgba(255, 255, 255, 0.2);
+}
+
+.landing .nav .dropdown-menu a {
+  color: black;
+  font-weight: normal;
+}
+
+@media (max-width: 971px) {
+  .landing .navbar-collapse {
+      background: rgba(0, 0, 0, 0.8);
+      border-radius: 2px;
+   }
+
+    .navbar-header {
+        float: none;
+    }
+
+    .navbar-toggle {
+        display: block;
+        color: white;
+        font-size: 48px;
+        line-height: 28px;
+        padding: 4px;
+    }
+
+    .navbar-collapse {
+        border-top: 1px solid transparent;
+        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
+    }
+
+    .navbar-collapse.collapse {
+        display: none!important;
+    }
+
+    .navbar-nav {
+        float: none!important;
+        margin: 7.5px -15px;
+    }
+
+    .navbar-nav>li {
+        float: none;
+    }
+
+    .navbar-nav>li>a {
+        padding-top: 10px;
+        padding-bottom: 10px;
+    }
+
+    .navbar-collapse.collapse.in { display: block!important; }
 }
 
 .landing .messages b {
-  color: #94C9F7;
+  color: #59B2FF;
 }
 
 .landing .messages h1 {
   font-size: 48px;
 }
 
+.landing-section {
+  padding: 20px;
+  padding-bottom: 40px;
+  border-top: 1px solid #ddd;
+  display: block;
+}
+
+.landing-section:nth-child(even) {
+  background: #f7f7f7;
+}
+
+.landing-section h2 {
+  text-align: center;
+  display: block;
+  margin-bottom: 30px;
+  font-weight: 200;
+}
+
+.landing-page .tour-overview {
+}
+
+.landing-page .tour-overview img {
+  width: 500px;
+  padding: 10px;
+  display: inline-block;
+}
+
 .form-signup input {
   margin: 12px;
   margin-left: 0px;
@@ -1247,6 +1458,57 @@ i.toggle-icon:hover {
   margin-bottom: 10px;
 }
 
+.landing-page .twitter-tweet {
+  width: 100%;
+  margin: 0px;
+  border: 0px;
+}
+
+.landing-page .twitter-tweet p {
+  display: block;
+  text-align: center;
+  font-size: 20px;
+}
+
+.landing-page .twitter-tweet .attribute {
+  display: block;
+  text-align: center;
+  margin-bottom: 20px;
+  position: relative;
+  margin-top: 20px;
+}
+
+.landing-page .twitter-tweet .info-wrap {
+  display: inline-block;
+  padding-left: 70px;
+}
+
+.landing-page .twitter-tweet .avatar img {
+  border-radius: 4px;
+  border: 2px solid rgb(70, 70, 70);
+  width: 50px;
+  float: left;
+}
+
+.landing-page .twitter-tweet .info {
+  display: inline-block;
+  margin-left: 10px;
+  text-align: left;
+  margin-top: 4px;
+}
+
+.landing-page .twitter-tweet .reference {
+    display: block;
+}
+
+.landing-page .twitter-tweet .author {
+    display: block;
+}
+
+.follow-button {
+  text-align: center;
+}
+
 form input.ng-invalid.ng-dirty,
 *[ng-form] input.ng-invalid.ng-dirty {
   background-color: #FDD7D9;
@@ -1258,10 +1520,9 @@ form input.ng-valid.ng-dirty,
 }
 
 .product-tour .tour-header {
-  height: 172px;
   text-align: center;
   margin-bottom: 40px;
-  border-bottom: 4px solid black;
+  border-bottom: 4px solid #333;
 }
 
 .product-tour .tour-header .tour-shoutout-header {
@@ -1289,32 +1550,75 @@ form input.ng-valid.ng-dirty,
   margin-bottom: 20px;
 }
 
+.product-tour .testimonial {
+  margin-bottom: 20px;
+  margin-top: 10px;
+  padding-top: 20px;
+  border-top: 4px solid #ccc;
+}
+
 .landing .popover-content {
   color: black;
 }
 
-.landing .shoutout i {
-  font-size: 36px;
-  display: block;
+.landing-page .shoutout > i {
+  font-size: 50px;
+  display: inline-block;
+  width: 120px;
+  height: 120px;
+  background: #eee;
+  text-align: center;
+  border-radius: 50%;
+  line-height: 120px;
 }
 
-.landing .shoutout b {
+.landing-page .shoutout > b {
   font-size: 22px;
   display: block;
   line-height: 31px;
+  margin-top: 10px;
+  margin-bottom: 10px;
 }
 
-.landing .shoutout {
+.landing-page .shoutout {
   font-size: 14px;
   text-align: center;
   line-height: normal;
+  padding-top: 30px;
+  margin-bottom: 15px;
 }
 
-@media (max-height: 768px) {
-  .landing {
-      padding: 20px;
-      padding-top: 20px;
-   }
+.landing-page .shoutout .shoutout-link {
+  display: block;
+  margin-top: 16px;
+  font-size: 18px;
+  text-align: center;
+}
+
+.landing-page .feature-shoutout {
+  margin-bottom: 20px;
+}
+
+.landing-page .feature-shoutout > a {
+  font-size: 22px;
+  display: block;
+  line-height: 31px;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  text-align: center;
+}
+
+.landing-page .feature-shoutout .img-responsive {
+  border: 2px solid #eee;
+  padding: 6px;
+}
+
+.landing-page .landing-action {
+  text-align: center;
+}
+
+.landing-page .landing-action a {
+  font-size: 26px;
 }
 
 .page-footer {
@@ -2335,11 +2639,11 @@ p.editable:hover i {
 }
 
 .navbar-brand {
-  padding: 12px 15px;
+  padding: 6px;
 }
 
 .navbar-brand img {
-  height: 25px;
+  height: 36px;
 }
 
 .user-dropdown > img {
@@ -3850,4 +4154,258 @@ pre.command:before {
   background: red;
 }
 
+/*
+This is the visible area of you carousel.
+Set a width here to define how much items are visible.
+The width can be either fixed in px or flexible in %.
+Position must be relative!
+*/
+.jcarousel {
+    position: relative;
+    overflow: hidden;
+    margin-left: 30px;
+    margin-right: 30px;
+}
 
+.jcarousel-wrapper {
+    position: relative;
+}
+
+.jcarousel-wrapper .jcarousel-control {
+    font-size: 64px;
+    position: absolute;
+    top: -16px;
+    text-decoration: none !important;
+}
+
+.jcarousel-wrapper .jcarousel-control-prev {
+  left: 0px;
+}
+
+.jcarousel-wrapper .jcarousel-control-next {
+  right: 0px;
+}
+
+/*
+This is the container of the carousel items.
+You must ensure that the position is relative or absolute and
+that the width is big enough to contain all items.
+*/
+.jcarousel ul {
+    width: 20000em;
+    position: relative;
+
+    /* Optional, required in this case since it's a <ul> element */
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+/*
+These are the item elements. jCarousel works best, if the items
+have a fixed width and height (but it's not required).
+*/
+.jcarousel li {
+    /* Required only for block elements like <li>'s */
+    float: left;
+    display: block;
+}
+
+.jcarousel-page {
+  padding: 10px;
+  text-decoration: none !important;
+  font-size: 18px;
+  color: #aaa;
+}
+
+.jcarousel-page.active {
+  color: #428bca;
+}
+
+.jcarousel-page:before {
+  content: "\f10c";
+  font-family: FontAwesome;
+}
+
+.jcarousel-page.active:before {
+  content: "\f111";
+  font-family: FontAwesome;
+}
+
+.jcarousel-pagination {
+  display: block;
+  text-align: center;
+}
+
+.tour-section-container {
+  text-align: center;
+  border-bottom: 1px solid #eee;
+}
+
+.tour-sections {
+  margin: 0px;
+  padding: 0px;
+}
+
+.tour-sections li {
+  margin: 0px;
+  font-size: 16px;
+  list-style: none;
+  display: inline-block;
+  border-right: 1px solid #eee;
+  border-bottom: 2px solid transparent;
+  cursor: pointer;
+}
+
+.tour-sections li a {
+  display: block;
+  color: black;
+  padding: 10px;
+  padding-left: 20px;
+  padding-right: 20px;
+  text-decoration: none !important;
+}
+
+.tour-sections li:hover {
+  background: #eee;
+}
+
+.tour-sections li.active {
+  border-bottom: 2px solid #428bca;
+}
+
+.tour-sections li:first-child {
+  border-left: 1px solid #eee;
+}
+
+.tour-action {
+  text-align: center;
+  padding: 40px;
+  background: #eee;
+}
+
+.tour-action button {
+  font-size: 24px;
+}
+
+.tour-section.tour-header {
+  margin-top: 40px;
+  margin-bottom: 40px;
+} 
+
+.tour-section.tour-header .tour-section-title {
+  text-align: center;
+}
+
+.screenshot-feature {
+  margin-bottom: 20px;
+  position: relative;
+}
+
+.screenshot-feature .fa {
+  float: left;
+  display: inline-block;
+  width: 50px;
+  height: 50px;
+  line-height: 50px;
+  border-radius: 50%;
+  background: #eee;
+  font-size: 28px;
+  text-align: center;
+  margin-right: 20px;
+  margin-top: 0px;
+  clear: both;
+}
+
+.screenshot-feature.active .fa {
+  color: white;
+  background: #428bca;
+}
+
+
+.screenshot-feature .sf-title {
+  font-size: 20px;
+  display: inline-block;
+  margin-bottom: 10px;
+  margin-top: 6px;
+}
+
+.screenshot-feature:hover {
+  cursor: pointer;
+}
+
+.screenshot-feature:hover .sf-title {
+  text-decoration: underline;
+}
+
+.screenshot-feature .sf-text {
+  margin-left: 70px;
+}
+
+.trusted-logos {
+  text-align: center;
+}
+
+.trusted-logos .trusted-logo {
+  min-height: 75px;
+}
+
+.trusted-logos .trusted-logo.apptentive {
+  padding-top: 20px;
+}
+
+.enterprise-icon {
+  text-align: center;
+}
+
+.testimonial {
+  text-align: center;
+}
+
+.testimonial .message:before {
+  font-size: 32px;
+  content: "“";
+  color: #aaa;
+}
+
+.testimonial .message:after {
+  font-size: 32px;
+  content: "”";
+  color: #aaa;
+}
+
+.testimonial .message {
+  font-size: 22px;
+}
+
+.testimonial img {
+  width: 120px;
+  margin: 10px;
+  border: 1px solid black;
+  border-radius: 10px;
+  margin-right: 20px;
+}
+
+.testimonial .speaker-info {
+  font-size: 18px;
+  margin-top: 10px;
+}
+
+.testimonial .speaker-info span {
+  display: inline-block;
+  margin-right: 20px;
+}
+
+.testimonial .speaker-info .speaker-title {
+  color: #888;
+}
+
+.testimonial .speaker-info .speaker-title a { 
+  text-decoration: none;
+  color: #888;
+}
+
+.learn-more {
+  float: right; 
+  font-size: 22px;
+}
diff --git a/static/directives/header-bar.html b/static/directives/header-bar.html
index 19fc4a5b1..972b498c8 100644
--- a/static/directives/header-bar.html
+++ b/static/directives/header-bar.html
@@ -1,21 +1,22 @@
 <!-- Quay -->
 <div class="navbar-header">
   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse" style="padding: 0px; padding-left: 4px; padding-right: 4px;">
-    <span style="font-size: 24px">&equiv;</span>
+    &equiv;
   </button>
   <a class="navbar-brand" href="/" target="{{ appLinkTarget() }}">
-    <img src="/static/img/quay-logo.png">
+    <img src="/static/img/white_horizontal.png">
   </a>
 </div>
 
 <!-- Collapsable stuff -->
 <div class="collapse navbar-collapse navbar-ex1-collapse">
-  <ul class="nav navbar-nav">
+  <ul class="nav navbar-nav navbar-links">
+    <li><a ng-href="/tour/" target="{{ appLinkTarget() }}">Tour</a></li>
     <li><a ng-href="/repository/" target="{{ appLinkTarget() }}">Repositories</a></li>
     <li><a href="http://docs.quay.io/" target="_blank">Docs</a></li>
     <li><a ng-href="/tutorial/" target="{{ appLinkTarget() }}">Tutorial</a></li>
-    <li><a ng-href="/plans/" target="{{ appLinkTarget() }}" quay-require="['BILLING']">Pricing</a></li>
-    <li><a ng-href="/organizations/" target="{{ appLinkTarget() }}">Organizations</a></li>
+    <li quay-require="['BILLING']"><a ng-href="/plans/" target="{{ appLinkTarget() }}">Pricing</a></li>
+    <li><a ng-href="{{ user.organizations.length ? '/organizations/' : '/tour/organizations/' }}" target="{{ appLinkTarget() }}">Organizations</a></li>
   </ul>
 
   
@@ -33,7 +34,7 @@
     </li>
 
     <li class="dropdown" ng-switch-when="false">
-      <a href="javascript:void(0)" class="dropdown-toggle user-dropdown" data-toggle="dropdown">
+      <a href="javascript:void(0)" class="dropdown-toggle user-dropdown user-view" data-toggle="dropdown">
         <img src="//www.gravatar.com/avatar/{{ user.gravatar }}?s=32&d=identicon" />
         {{ user.username }}
         <span class="badge user-notification notification-animated"
@@ -70,7 +71,7 @@
       </ul>
     </li>
     <li ng-switch-default>
-      <a href="/signin/" target="{{ appLinkTarget() }}">Sign in</a>
+      <a class="user-view" href="/signin/" target="{{ appLinkTarget() }}">Sign in</a>
     </li>
   </ul>
 </div><!-- /.navbar-collapse -->
diff --git a/static/directives/tour-content.html b/static/directives/tour-content.html
new file mode 100644
index 000000000..e0609fb65
--- /dev/null
+++ b/static/directives/tour-content.html
@@ -0,0 +1,296 @@
+<!-- Features -->
+<div class="product-tour" ng-if="kind == '' || kind == 'features'">
+  <div class="tour-section row tour-header">
+    <div class="col-md-12">
+      <div class="tour-section-title">The most advanced repository insight available</div>
+      <div class="tour-section-description">
+        Features and benefits that make working with Docker repositories awesome
+      </div>
+    </div>
+  </div>
+
+
+  <div class="tour-section row">
+    <div class="col-md-7"><img src="/static/img/user-home.png" title="User Home - Quay.io" data-screenshot-url="https://quay.io/" class="img-responsive"></div>
+    <div class="col-md-5">
+      <div class="tour-section-title">Customized for you</div>
+      <div class="tour-section-description">
+        Your personal home screen shows those repositories most important to you, ordered by recent activity.
+      </div>
+      <div class="tour-section-description">Keep up to date on the status of those repositories you deem important.</div>
+    </div>
+  </div>
+
+  <div class="tour-section row">
+    <div class="col-md-7 col-md-push-5"><img src="/static/img/repo-view.png" title="Repository View - Quay.io" data-screenshot-url="https://quay.io/repository/devtable/complex" class="img-responsive"></div>
+    <div class="col-md-5 col-md-pull-7">
+      <div class="tour-section-title">Useful views of respositories</div>
+      <div class="tour-section-description">
+        Each repository is presented with the maximum amount of useful information, including its image history, <b>markdown</b>-based description, and tags.
+      </div>
+    </div>
+  </div>
+
+  <div class="tour-section row">
+    <div class="col-md-7"><img src="/static/img/build-history.png" title="View Image - Quay.io"
+                               data-screenshot-url="https://quay.io/repository/devtable/building/build"
+                               class="img-responsive"></div>
+    <div class="col-md-5">
+      <div class="tour-section-title">Dockerfile build in the cloud</div>
+      <div class="tour-section-description">
+        Like to use <b>Dockerfiles</b> to build your images? Simply upload your Dockerfile (and any additional files it needs) and we'll build your Dockerfile into an image and push it to your repository.        
+      </div>
+      <div class="tour-section-description">        
+        If you store your Dockerfile in <i class="fa fa-github fa-lg" style="margin: 6px;"></i><b>GitHub</b>, add a <b>Build Trigger</b> to your repository and we'll start a Dockerfile build for every change you make.
+      </div>
+    </div>
+  </div>
+
+  <div class="tour-section row">
+    <div class="col-md-7 col-md-push-5"><img src="/static/img/repo-admin.png" title="Repository Admin - Quay.io" data-screenshot-url="https://quay.io/repository/devtable/complex/admin" class="img-responsive"></div>
+    <div class="col-md-5 col-md-pull-7">
+      <div class="tour-section-title">Share at your control</div>
+      <div class="tour-section-description">
+        Share any repository with as many (or as few) users as you choose.
+      </div>
+      <div class="tour-section-description">Need a repository only for your team? Easily <b>share</b> with your team members.</div>
+      <div class="tour-section-description">Need finer grain control? Mark a user as <b>read-only</b> or <b>read/write</b>.</div>
+      <div class="tour-section-description">Have a build script or a deploy process that needs access? Generate an <b>access token</b> to grant revocable access for pushing or pulling.</div>
+      <div class="tour-section-description">Want to share with the world? Make your repository <b>fully public</b>.</div>
+    </div>
+  </div>
+
+  <div class="tour-section row">
+    <div class="col-md-7"><img src="/static/img/repo-changes.png" title="View Image - Quay.io" data-screenshot-url="https://quay.io/repository/devtable/image/..." class="img-responsive"></div>
+    <div class="col-md-5">
+      <div class="tour-section-title">Docker diff whenever you need it</div>
+      <div class="tour-section-description">
+        We wanted to know what was changing in each image of our repositories just as much as you do. So we added diffs. Now you can see exactly which files were <b>added</b>, <b>changed</b>, or <b>removed</b> for each image. We've also provided two awesome ways to view your changes, either in a filterable list, or in a drill down tree view.
+      </div>
+    </div>
+  </div>
+
+<div class="row testimonial" quay-require="['BILLING']">
+    <div class="message">
+      Being responsible for operations of a startup means finding tools that just work, and Quay.io has provided that for us. Whenever we've needed a new feature, or found an issue, it was resolved immediately. I wish every third party we relied on offered the same level of support as Quay.io.
+    </div>
+
+    <div class="speaker-info">
+      <img src="/static/img/testimonial-kris.jpg">
+      <span class="speaker-info-internal">
+        <span class="speaker">Kris Constable</span>
+        <span class="speaker-title"><a href="http://bex.io" target="_blank" alt="Bex.io">Bex.io</a> - Operations & Security</span>
+      </span>
+    </div>
+  </div>
+
+  <div class="tour-action" quay-require="['BILLING']">
+    <a href="/plans?trial-plan=personal">
+      <button class="btn btn-success">
+        Start free trial
+      </button>
+    </a>
+  </div>
+</div>
+
+
+<!-- Organizations -->
+<div class="product-tour" ng-if="kind == 'organizations'">
+  <div class="tour-section row tour-header">
+    <div class="col-md-12">
+      <div class="tour-section-title">Organize your repositories like you organize your company</div>
+      <div class="tour-section-description">
+        Organizations in Quay provide unique features for <span  quay-require="['BILLING']">businesses and other</span>
+        groups, including team-based sharing and fine-grained permission controls.
+      </div>
+    </div>
+  </div>
+  
+  <div class="tour-section row">
+    <div class="col-md-7"><img src="/static/img/org-repo-list.png" data-title="Repositories - Quay.io" data-screenshot-url="https://quay.io/repository/" class="img-responsive"></div>
+    <div class="col-md-5">
+      <div class="tour-section-title">A central collection of repositories</div>
+      <div class="tour-section-description">
+        Your organization is the focal point for all activity that occurs within
+        your public or private repositories. Your repositories are centrally visible
+        and managed within the namespace of your organization. You may share
+        your repositories with as many users and teams as you like, without
+        any additional cost.
+      </div>
+    </div>
+  </div>
+
+  <div class="tour-section row">
+    <div class="col-md-7 col-md-push-5"><img src="/static/img/org-admin.png" data-title="buynlarge Admin - Quay.io" data-screenshot-url="https://quay.io/organization/buynlarge/admin" class="img-responsive"></div>
+    <div class="col-md-5 col-md-pull-7">
+      <div class="tour-section-title">Organization settings at a glance</div>
+      <div class="tour-section-description">
+        Your organization allows you to view your private repository count
+        and manage billing settings in a centralized place.
+      </div>
+      <div class="tour-section-description">
+        You can also see all of the users who have access to your organization
+        and the teams of which they are members. This allows you to audit the
+        access that has been granted in your organization.
+      </div>
+    </div>
+  </div>
+
+  <div class="tour-section row">
+    <div class="col-md-7"><img src="/static/img/org-logs.png" data-title="buynlarge Admin - Quay.io" data-screenshot-url="https://quay.io/organization/buynlarge" class="img-responsive"></div>
+    <div class="col-md-5">
+      <div class="tour-section-title">Logging for comprehensive analysis</div>
+      <div class="tour-section-description">
+        Every time a user in your organization performs an action it is logged
+        and categorized in a way that allows for a complete understanding of
+        how your repositories have been accessed and modified. Each log entry
+        includes the action performed, the authorization which allowed the action
+        to occur, and additional relevant data such as the name of the item
+        which was modified or accessed.
+      </div>
+      <div class="tour-section-description">
+        For those times when you need full control when generating reports from
+        your logs, we also allow you to export your logs in JSON format. These
+        can be ingested by custom tooling solutions allowing you to visualize
+        reports in whatever format you require.
+      </div>
+    </div>
+  </div>
+
+  <div class="tour-section row">
+    <div class="col-md-7 col-md-push-5"><img src="/static/img/org-teams.png" data-title="buynlarge - Quay.io" data-screenshot-url="https://quay.io/organization/buynlarge" class="img-responsive"></div>
+    <div class="col-md-5 col-md-pull-7">
+      <div class="tour-section-title">Teams simplify access controls</div>
+      <div class="tour-section-description">
+        Teams allow your organization to delegate access to your namespace and
+        repositories in a controlled fashion. Each team has permissions that
+        apply across the entire org, and can also be given specific levels of
+        access to specific repositories. A user is switching roles? No problem,
+        change their team membership and their access will be adjusted accordingly.
+      </div>
+      <div class="tour-section-description">
+        Owners of your organization, and members of other teams with
+        administrator privileges, have full permissions to all repositories
+        in the organization, as well as permissions to view and adjust the
+        account settings for the organization. Add users to these teams with
+        caution.
+      </div>
+    </div>
+  </div>
+
+  <div class="tour-section row">
+    <div class="col-md-7"><img src="/static/img/org-repo-admin.png" data-title="buynlarge/orgrepo - Quay.io" data-screenshot-url="https://quay.io/repository/buynlarge/orgrepo" class="img-responsive"></div>
+    <div class="col-md-5">
+      <div class="tour-section-title">Fine-grained control of sharing</div>
+      <div class="tour-section-description">
+        Repositories that you create within your organization can be assigned
+        fine-grained permissions just like any other repository. You can also
+        add teams that exist in your organization, or individual users from
+        inside our outside your organization.
+      </div>
+      <div class="tour-section-description">
+        In order to protect your intellectual property, we warn you before
+        you share your repositories with anyone who is not currently a member
+        of a team in your organization.
+      </div>
+    </div>
+  </div>
+
+  <div class="row testimonial" quay-require="['BILLING']">
+    <div class="message">
+      Docker is at the core of Aptible's deployment platform, and Quay provides the secure repository hosting we need to safely store our customer's application images, and our own. With its thorough team access control model, we can be sure that only authorized users are able to access a Docker image repository. No other Docker repository index makes this as easy as Quay.
+    </div>
+
+    <div class="speaker-info">
+      <img src="/static/img/testimonial-frank.png">
+      <span class="speaker-info-internal">
+        <span class="speaker">Frank Macreery</span>
+        <span class="speaker-title"><a href="https://www.aptible.com" target="_blank" alt="Aptible">Aptible</a> - CTO & Co-Founder</span>
+      </span>
+    </div>
+  </div>
+
+  <div class="tour-action" quay-require="['BILLING']">
+    <a href="/organizations/new/" data-title="Starts the process to create a new organization" bs-tooltip="tooltip.title">
+      <button class="btn btn-success">
+        Create New Organization
+      </button>
+    </a>
+    <a href="/user/?migrate" data-title="Starts the process to convert this account into an organization" quay-show="Config.AUTHENTICATION_TYPE == 'Database' && !user.anonymous" bs-tooltip="tooltip.title">
+      <button class="btn btn-primary">
+        Convert account now
+      </button>
+    </a>
+  </div>
+</div>
+
+
+<!-- Enterprise -->
+<div class="product-tour" ng-if="kind == 'enterprise'">
+  <div class="tour-section row tour-header">
+    <div class="col-md-12">
+      <div class="tour-section-title">Quay.io in your data center</div>
+      <div class="tour-section-description">
+        All of the power of Quay.io, easily deployed to your data center via docker.
+      </div>
+      <div class="tour-section-description">
+        <div class="row">
+          <div class="alert alert-info col-md-4 col-md-offset-4"><strong>docker run quay.io/quay/enterprise</strong></div>
+        </div>
+      </div>
+    </div>
+  </div>
+
+  <div class="tour-section row">
+    <div class="col-sm-3 enterprise-icon">
+      <span class="fa-stack fa-5x">
+        <i class="fa fa-circle fa-stack-2x"></i>
+        <i class="fa fa-lock fa-stack-1x fa-inverse"></i>
+      </span>
+    </div>
+    <div class="col-sm-9">
+      <div class="tour-section-title">Take control of your own security</div>
+      <div class="tour-section-description">
+        The nature of machine images is that they often contain keys and passwords. We're pretty proud of the <a href="/security/">security</a> of our hosted offering, but we recognize that there are situations, such as compliance or auditing, where you must control your own end to end security. Quay.io Enterprise Edition runs in your own data centers, inside your firewall.
+      </div>
+    </div>
+  </div>
+
+  <div class="tour-section row">
+    <div class="col-sm-3 col-sm-push-9 enterprise-icon">
+      <span class="fa-stack fa-5x">
+        <i class="fa fa-circle fa-stack-2x"></i>
+        <i class="fa fa-bar-chart-o fa-stack-1x fa-inverse"></i>
+      </span>
+    </div>
+    <div class="col-sm-9 col-sm-pull-3">
+      <div class="tour-section-title">Auditing and insight done right</div>
+      <div class="tour-section-description">
+        Our platform has built in logging and insight tools, allowing you to see who performed every action on the contents and access control settings of your repositories. This will help you pass internal auditing and compliance requirements more easily.
+      </div>
+    </div>
+  </div>
+
+  <div class="tour-section row">
+    <div class="col-sm-3 enterprise-icon">
+      <span class="fa-stack fa-5x">
+        <i class="fa fa-circle fa-stack-2x"></i>
+        <i class="fa fa-users fa-stack-1x fa-inverse"></i>
+      </span>
+    </div>
+    <div class="col-sm-9">
+      <div class="tour-section-title">Organize your repositories like you organize your business</div>
+      <div class="tour-section-description">
+        The built in teams and organizations features of Quay.io allow you to finely control how the different teams and projects within your enterprise collaborate on repositories.
+      </div>
+    </div>
+  </div>
+
+  <div class="tour-action">
+    <a href="mailto:support@devtable.com?Subject=Enterprise%20Quay.io%20Inquiry" data-title="Email us to find out more." bs-tooltip="tooltip.title">
+      <button class="btn btn-success">
+        Contact Us
+      </button>
+    </a>
+  </div>
+</div>
diff --git a/static/directives/twitter-view.html b/static/directives/twitter-view.html
new file mode 100644
index 000000000..748a68ab5
--- /dev/null
+++ b/static/directives/twitter-view.html
@@ -0,0 +1,14 @@
+<blockquote class="twitter-tweet" data-conversation="none" lang="en">
+  <p>
+    <span ng-transclude></span>
+  </p>
+  <div class="attribute">
+    <span class="info-wrap">
+      <span class="avatar"><img ng-src="{{ avatarUrl }}" fallback-src="/static/img/default-twitter.png"></span>
+      <span class="info">
+        <span class="author">{{ authorName }} (@{{authorUser}})</span>
+        <a class="reference" ng-href="{{ messageUrl }}">{{ messageDate }}</a>
+      </span>
+    </span>
+  </div>
+</blockquote>
diff --git a/static/img/apptentive-logo.svg b/static/img/apptentive-logo.svg
new file mode 100644
index 000000000..9fc14fe1c
--- /dev/null
+++ b/static/img/apptentive-logo.svg
@@ -0,0 +1,15 @@
+<svg width="198.7" xmlns="http://www.w3.org/2000/svg" height="34.6" viewBox="0 0 198.7 34.6" xmlns:xlink="http://www.w3.org/1999/xlink" enable-background="new 0 0 198.7 34.6">
+<g fill="#999">
+<path d="m45.7,26.5l-1.8-5.8h-8.8l-1.8,5.8h-5.5l8.5-24.3h6.3l8.6,24.3h-5.5zm-3-10.1c0,0-2.4-6.9-3.2-10.5-.9,3.5-3.1,10.5-3.1,10.5h6.3z"/>
+<path d="m62.3,26.8c-1.1,0-2.1-.2-3.1-.7-.7-.4-1.6-1.6-2.3-1.7 .4,3.4 .3,10.2 .3,10.2h-5v-26.6h4.1l.7,2.4h.2c1.5-2.3 4.3-3.2 6.9-2.6 2.6,.6 4.2,2.9 4.9,5.4 1.3,5.1 .1,13.6-6.7,13.6zm-1.5-15.1c-3.2,0-3.7,2.9-3.6,5.5 0,1.7 .1,4.2 1.9,5.2 1.4,.7 3.3,.5 4.2-.8 1.8-2.6 1.8-9.9-2.5-9.9z"/>
+<path d="m82,26.8c-1.1,0-2.1-.2-3.1-.7-.7-.4-1.6-1.6-2.3-1.7 .4,3.4 .3,10.2 .3,10.2h-5v-26.6h4.1l.7,2.4h.2c1.5-2.3 4.3-3.2 6.9-2.6 2.6,.6 4.2,2.9 4.9,5.4 1.3,5.1 .1,13.6-6.7,13.6zm-1.4-15.1c-3.2,0-3.7,2.9-3.6,5.5 0,1.7 .1,4.2 1.9,5.2 1.4,.7 3.3,.5 4.2-.8 1.7-2.6 1.7-9.9-2.5-9.9z"/>
+<path d="m99.4,22.8c1.1,0 2.2-.3 3.2-.6 0,1.3 0,2.5 0,3.8-2.3,1.1-6.1,1.4-8.3-.1-1.8-1.2-2.1-3.6-2.1-5.6 0-2.8 0-8.5 0-8.5h-2.4v-2.1l2.7-1.7 1.5-3.9h3.2v3.9h5.2v3.8h-5.2v8.9c0,1.3 .9,2.1 2.2,2.1z"/>
+<path d="m113,26.8c-4.1,0-7.9-1.9-9.1-6-1.1-3.9-.5-9.1 3-11.6 3.2-2.3 8.6-2.2 11.4,.7 2.3,2.4 2.2,5.6 2.2,8.6h-11.9c.2,6 7.1,4.9 10.9,3.1 0,1.3 0,2.6 0,3.9-2,1-4.2,1.3-6.5,1.3zm-.7-15.6c-2.3,0-3.4,1.8-3.6,3.9 2.4,0 4.7,0 7.1,0 0-2.1-1.2-3.9-3.5-3.9z"/>
+<path d="m140.1,26.5h-5v-10.8c0-1.2-.1-2.7-1.2-3.5-1-.8-2.8-.7-3.9,0-1.9,1.1-1.9,3.9-1.9,5.8 0,2.8 0,8.5 0,8.5h-5v-18.5h3.9l.7,2.4h.3c1.9-3 6.9-3.6 9.8-1.6 2.2,1.5 2.5,4.1 2.5,6.5-.2,3.7-.2,11.2-.2,11.2z"/>
+<path d="m151.4,22.8c1.1,0 2.2-.3 3.2-.6 0,1.3 0,2.5 0,3.8-2.3,1.1-6.1,1.4-8.3-.1-1.8-1.2-2.1-3.6-2.1-5.6 0-2.8 0-8.5 0-8.5h-2.4v-2.1l2.8-1.7 1.5-3.9h3.2v3.9h5.2v3.8h-5.2v8.9c-.1,1.3 .7,2.1 2.1,2.1z"/>
+<path d="m156.4,3.2c0-3 4.9-3.5 5.4-.7 .7,3.9-5.4,4.4-5.4,.7zm5.2,23.3h-5v-18.5l5,.1v18.4z"/>
+<path d="m169.6,26.3l-7-18.3h5.3l3.6,10.5 .8,3.8 .8-3.8 3.5-10.5h5.3l-7,18.3h-5.3z"/>
+<path d="m191.2,26.8c-4.1,0-7.9-1.9-9.1-6-1.1-3.9-.5-9.1 3-11.6 3.2-2.3 8.6-2.2 11.4,.7 2.3,2.4 2.2,5.6 2.2,8.6h-11.9c.2,6 7.1,4.9 10.9,3.1 0,1.3 0,2.6 0,3.9-2,1-4.3,1.3-6.5,1.3zm-.7-15.6c-2.3,0-3.4,1.8-3.6,3.9 2.4,0 4.7,0 7.1,0 0-2.1-1.2-3.9-3.5-3.9z"/>
+</g>
+<path fill="#df2637" fill-rule="evenodd" d="m24.3,10.6l-5.6,15.6-14.9-5.4c-1.5-.7-2.5-1.8-3.2-3.4-.8-1.7-.8-3.5-.1-5.4 .7-1.9 1.9-3.3 3.6-4.1 1.6-.8 3.2-1.1 5-.7 5.4,1.5 7.5,4.1 6.4,8-1.8-2.5-3.8-4-6.2-4.5-2.4-.6-4,.2-4.8,2.5-.8,2.2-.3,3.8 1.4,4.5l10.7,3.9 4.3-11.9c.3-1 .2-2-.4-3-.6-1.1-1.5-1.9-2.8-2.3-1.3-.5-2.6-.5-3.7,0-1,.4-1.6,1-1.9,1.7l-3.8-1.3c.8-1.9 2.2-3.2 4.2-4.1 2-.9 4.1-1 6.3-.1 2,.7 3.6,2.2 4.8,4.4 1.1,2.2 1.2,4 .7,5.6z"/>
+</svg>
diff --git a/static/img/bexio-logo.png b/static/img/bexio-logo.png
new file mode 100644
index 000000000..7a8bbde84
Binary files /dev/null and b/static/img/bexio-logo.png differ
diff --git a/static/img/box-logo.png b/static/img/box-logo.png
new file mode 100644
index 000000000..df80de50a
Binary files /dev/null and b/static/img/box-logo.png differ
diff --git a/static/img/default-twitter.png b/static/img/default-twitter.png
new file mode 100644
index 000000000..34c391883
Binary files /dev/null and b/static/img/default-twitter.png differ
diff --git a/static/img/landing-back copy.jpg b/static/img/landing-back copy.jpg
new file mode 100644
index 000000000..73b278980
Binary files /dev/null and b/static/img/landing-back copy.jpg differ
diff --git a/static/img/landing-back-pattern-fast.jpg b/static/img/landing-back-pattern-fast.jpg
new file mode 100644
index 000000000..6db12c79b
Binary files /dev/null and b/static/img/landing-back-pattern-fast.jpg differ
diff --git a/static/img/landing-back-pattern.jpg b/static/img/landing-back-pattern.jpg
new file mode 100644
index 000000000..102a9d30d
Binary files /dev/null and b/static/img/landing-back-pattern.jpg differ
diff --git a/static/img/landing-back.jpg b/static/img/landing-back.jpg
new file mode 100644
index 000000000..8cbc70f24
Binary files /dev/null and b/static/img/landing-back.jpg differ
diff --git a/static/img/modcloth-logo.png b/static/img/modcloth-logo.png
new file mode 100644
index 000000000..629d9f12c
Binary files /dev/null and b/static/img/modcloth-logo.png differ
diff --git a/static/img/quay-logo-inverted-new.png b/static/img/quay-logo-inverted-new.png
new file mode 100644
index 000000000..f585cb781
Binary files /dev/null and b/static/img/quay-logo-inverted-new.png differ
diff --git a/static/img/quay-logo-inverted.png b/static/img/quay-logo-inverted.png
new file mode 100644
index 000000000..b43ec1794
Binary files /dev/null and b/static/img/quay-logo-inverted.png differ
diff --git a/static/img/testimonial-frank.png b/static/img/testimonial-frank.png
new file mode 100644
index 000000000..9f84d612d
Binary files /dev/null and b/static/img/testimonial-frank.png differ
diff --git a/static/img/testimonial-kris.jpg b/static/img/testimonial-kris.jpg
new file mode 100644
index 000000000..780b2e591
Binary files /dev/null and b/static/img/testimonial-kris.jpg differ
diff --git a/static/img/testimonial-mike.png b/static/img/testimonial-mike.png
new file mode 100644
index 000000000..0f27a96c4
Binary files /dev/null and b/static/img/testimonial-mike.png differ
diff --git a/static/img/travisci-logo.png b/static/img/travisci-logo.png
new file mode 100644
index 000000000..21ab5b379
Binary files /dev/null and b/static/img/travisci-logo.png differ
diff --git a/static/img/white_horizontal.png b/static/img/white_horizontal.png
new file mode 100755
index 000000000..04a3ea271
Binary files /dev/null and b/static/img/white_horizontal.png differ
diff --git a/static/js/app.js b/static/js/app.js
index eb45c5b45..73e2208b1 100644
--- a/static/js/app.js
+++ b/static/js/app.js
@@ -1490,7 +1490,15 @@ quayApp = angular.module('quay', quayDependencies, function($provide, cfpLoading
       when('/organization/:orgname/application/:clientid', {templateUrl: '/static/partials/manage-application.html',
                                                             controller: ManageApplicationCtrl, reloadOnSearch: false}).
       when('/v1/', {title: 'Activation information', templateUrl: '/static/partials/v1-page.html', controller: V1Ctrl}).
-      when('/', {title: 'Hosted Private Docker Registry', templateUrl: '/static/partials/landing.html', controller: LandingCtrl}).
+
+
+      when('/tour/', {title: 'Quay.io Tour', templateUrl: '/static/partials/tour.html', controller: TourCtrl}).
+      when('/tour/organizations', {title: 'Teams and Organizations Tour', templateUrl: '/static/partials/tour.html', controller: TourCtrl}).
+      when('/tour/features', {title: 'Quay.io Features', templateUrl: '/static/partials/tour.html', controller: TourCtrl}).
+      when('/tour/enterprise', {title: 'Quay.io Enterprise Edition', templateUrl: '/static/partials/tour.html', controller: TourCtrl}).
+
+      when('/', {title: 'Hosted Private Docker Registry', templateUrl: '/static/partials/landing.html', controller: LandingCtrl,
+                 pageClass: 'landing-page'}).
       otherwise({redirectTo: '/'});
   }]).
   config(function(RestangularProvider) {
@@ -2061,6 +2069,38 @@ quayApp.directive('signupForm', function () {
 });
 
 
+quayApp.directive('tourContent', function () {
+  var directiveDefinitionObject = {
+    priority: 0,
+    templateUrl: '/static/directives/tour-content.html',
+    replace: false,
+    transclude: false,
+    restrict: 'C',
+    scope: {
+      'kind': '=kind'
+    },
+    controller: function($scope, $element, $timeout, UserService) {
+      // Monitor any user changes and place the current user into the scope.
+      UserService.updateUserIn($scope);
+
+      $scope.chromify = function() {
+        browserchrome.update();
+      };
+
+      $scope.$watch('kind', function(kind) {
+        $timeout(function() {
+          $scope.chromify();
+        });
+      });
+    },
+    link: function($scope, $element, $attr, ctrl) {
+      $scope.chromify();
+    }
+  };
+  return directiveDefinitionObject;
+});
+
+
 quayApp.directive('plansTable', function () {
   var directiveDefinitionObject = {
     priority: 0,
@@ -4417,6 +4457,27 @@ quayApp.directive('buildProgress', function () {
 });
 
 
+quayApp.directive('twitterView', function () {
+  var directiveDefinitionObject = {
+    priority: 0,
+    templateUrl: '/static/directives/twitter-view.html',
+    replace: false,
+    transclude: true,
+    restrict: 'C',
+    scope: {
+      'avatarUrl': '@avatarUrl',
+      'authorName': '@authorName',
+      'authorUser': '@authorUser',
+      'messageUrl': '@messageUrl',
+      'messageDate': '@messageDate'
+    },
+    controller: function($scope, $element) {
+    }
+  };
+  return directiveDefinitionObject;
+});
+
+
 quayApp.directive('notificationView', function () {
   var directiveDefinitionObject = {
     priority: 0,
@@ -4920,6 +4981,18 @@ quayApp.directive('tagSpecificImagesView', function () {
 });
 
 
+quayApp.directive('fallbackSrc', function () {
+  return {
+    restrict: 'A',
+    link: function postLink(scope, element, attributes) {
+      element.bind('error', function() {
+        angular.element(this).attr("src", attributes.fallbackSrc);
+      });
+    }
+  };
+});
+
+
 // Note: ngBlur is not yet in Angular stable, so we add it manaully here.
 quayApp.directive('ngBlur', function() {
   return function( scope, elem, attrs ) {
@@ -4953,8 +5026,8 @@ quayApp.directive('ngVisible', function () {
   };
 });
 
-quayApp.run(['$location', '$rootScope', 'Restangular', 'UserService', 'PlanService', '$http', '$timeout', 'CookieService', 'Features',
-  function($location, $rootScope, Restangular, UserService, PlanService, $http, $timeout, CookieService, Features) {
+quayApp.run(['$location', '$rootScope', 'Restangular', 'UserService', 'PlanService', '$http', '$timeout', 'CookieService', 'Features', '$anchorScroll',
+  function($location, $rootScope, Restangular, UserService, PlanService, $http, $timeout, CookieService, Features, $anchorScroll) {
 
   // Handle session security.
   Restangular.setDefaultRequestParams(['post', 'put', 'remove', 'delete'], {'_csrf_token': window.__token || ''});
@@ -5046,6 +5119,7 @@ quayApp.run(['$location', '$rootScope', 'Restangular', 'UserService', 'PlanServi
   });
 
   $rootScope.$on('$routeChangeSuccess', function (event, current, previous) {
+    $rootScope.pageClass = '';
     $rootScope.current = current.$$route;
 
     if (!current.$$route) { return; }
@@ -5054,6 +5128,10 @@ quayApp.run(['$location', '$rootScope', 'Restangular', 'UserService', 'PlanServi
       $rootScope.title = current.$$route.title;
     }
 
+    if (current.$$route.pageClass) {
+      $rootScope.pageClass = current.$$route.pageClass;
+    }
+
     if (current.$$route.description) {
       $rootScope.description = current.$$route.description;
     } else {
@@ -5061,6 +5139,7 @@ quayApp.run(['$location', '$rootScope', 'Restangular', 'UserService', 'PlanServi
     }
 
     $rootScope.fixFooter = !!current.$$route.fixFooter;
+    $anchorScroll();
   });
 
   $rootScope.$on('$viewContentLoaded', function(event, current) {
diff --git a/static/js/controllers.js b/static/js/controllers.js
index 87b48d793..35086d4a3 100644
--- a/static/js/controllers.js
+++ b/static/js/controllers.js
@@ -29,12 +29,7 @@ function SecurityCtrl($scope) {
 function ContactCtrl($scope) {
 }
 
-function PlansCtrl($scope, $location, UserService, PlanService) {
-  // Load the list of plans.
-  PlanService.getPlans(function(plans) {
-    $scope.plans = plans;
-  }, /* include the personal plan */ true);
-
+function PlansCtrl($scope, $location, UserService, PlanService, $routeParams) {
   // Monitor any user changes and place the current user into the scope.
   UserService.updateUserIn($scope);
 
@@ -51,6 +46,15 @@ function PlansCtrl($scope, $location, UserService, PlanService) {
       $('#signinModal').modal({});
     }
   };
+
+  // Load the list of plans.
+  PlanService.getPlans(function(plans) {
+    $scope.plans = plans;
+
+    if ($scope && $routeParams['trial-plan']) {
+      $scope.buyNow($routeParams['trial-plan']);
+    }    
+  }, /* include the personal plan */ true);
 }
 
 function TutorialCtrl($scope, AngularTour, AngularTourSignals, UserService, Config) {
@@ -270,6 +274,7 @@ function RepoListCtrl($scope, $sanitize, Restangular, UserService, ApiService) {
 
 function LandingCtrl($scope, UserService, ApiService, Features, Config) {
   $scope.namespace = null;
+  $scope.currentScreenshot = 'repo-view';
 
   $scope.$watch('namespace', function(namespace) {
     loadMyRepos(namespace);
@@ -279,6 +284,10 @@ function LandingCtrl($scope, UserService, ApiService, Features, Config) {
     loadMyRepos($scope.namespace);
   });
 
+  $scope.changeScreenshot = function(screenshot) {
+    $scope.currentScreenshot = screenshot;
+  };
+
   $scope.canCreateRepo = function(namespace) {
     if (!$scope.user) { return false; }
 
@@ -311,6 +320,52 @@ function LandingCtrl($scope, UserService, ApiService, Features, Config) {
 
   $scope.chromify = function() {
     browserchrome.update();
+
+    var jcarousel = $('.jcarousel');
+
+    jcarousel
+      .on('jcarousel:reload jcarousel:create', function () {
+        var width = jcarousel.innerWidth();
+        jcarousel.jcarousel('items').css('width', width + 'px');
+      })
+      .jcarousel({
+        wrap: 'circular'
+      });
+
+    $('.jcarousel-control-prev')
+      .on('jcarouselcontrol:active', function() {
+        $(this).removeClass('inactive');
+      })
+      .on('jcarouselcontrol:inactive', function() {
+        $(this).addClass('inactive');
+      })
+      .jcarouselControl({
+        target: '-=1'
+      });
+
+    $('.jcarousel-control-next')
+      .on('jcarouselcontrol:active', function() {
+        $(this).removeClass('inactive');
+      })
+      .on('jcarouselcontrol:inactive', function() {
+        $(this).addClass('inactive');
+      })
+      .jcarouselControl({
+        target: '+=1'
+      });
+
+    $('.jcarousel-pagination')
+      .on('jcarouselpagination:active', 'a', function() {
+        $(this).addClass('active');
+      })
+      .on('jcarouselpagination:inactive', 'a', function() {
+        $(this).removeClass('active');
+      })
+      .jcarouselPagination({
+        'item': function(page, carouselItems) {
+          return '<a href="javascript:void(0)" class="jcarousel-page"></a>';
+        }
+      });
   };
 
   $scope.getEnterpriseLogo = function() {
@@ -2738,3 +2793,7 @@ function SuperUserAdminCtrl($scope, ApiService, Features, UserService) {
 
   loadSeatUsage();
 }
+
+function TourCtrl($scope, $location) {
+  $scope.kind = $location.path().substring('/tour/'.length);
+}
diff --git a/static/lib/jquery.jcarousel.min.js b/static/lib/jquery.jcarousel.min.js
new file mode 100644
index 000000000..7e376ac2f
--- /dev/null
+++ b/static/lib/jquery.jcarousel.min.js
@@ -0,0 +1,4 @@
+/*! jCarousel - v0.3.0 - 2014-01-09
+* http://sorgalla.com/jcarousel
+* Copyright (c) 2014 Jan Sorgalla; Licensed MIT */
+(function(t){"use strict";var i=t.jCarousel={};i.version="0.3.0";var s=/^([+\-]=)?(.+)$/;i.parseTarget=function(t){var i=!1,e="object"!=typeof t?s.exec(t):null;return e?(t=parseInt(e[2],10)||0,e[1]&&(i=!0,"-="===e[1]&&(t*=-1))):"object"!=typeof t&&(t=parseInt(t,10)||0),{target:t,relative:i}},i.detectCarousel=function(t){for(var i;t.length>0;){if(i=t.filter("[data-jcarousel]"),i.length>0)return i;if(i=t.find("[data-jcarousel]"),i.length>0)return i;t=t.parent()}return null},i.base=function(s){return{version:i.version,_options:{},_element:null,_carousel:null,_init:t.noop,_create:t.noop,_destroy:t.noop,_reload:t.noop,create:function(){return this._element.attr("data-"+s.toLowerCase(),!0).data(s,this),!1===this._trigger("create")?this:(this._create(),this._trigger("createend"),this)},destroy:function(){return!1===this._trigger("destroy")?this:(this._destroy(),this._trigger("destroyend"),this._element.removeData(s).removeAttr("data-"+s.toLowerCase()),this)},reload:function(t){return!1===this._trigger("reload")?this:(t&&this.options(t),this._reload(),this._trigger("reloadend"),this)},element:function(){return this._element},options:function(i,s){if(0===arguments.length)return t.extend({},this._options);if("string"==typeof i){if(s===void 0)return this._options[i]===void 0?null:this._options[i];this._options[i]=s}else this._options=t.extend({},this._options,i);return this},carousel:function(){return this._carousel||(this._carousel=i.detectCarousel(this.options("carousel")||this._element),this._carousel||t.error('Could not detect carousel for plugin "'+s+'"')),this._carousel},_trigger:function(i,e,r){var n,o=!1;return r=[this].concat(r||[]),(e||this._element).each(function(){n=t.Event((s+":"+i).toLowerCase()),t(this).trigger(n,r),n.isDefaultPrevented()&&(o=!0)}),!o}}},i.plugin=function(s,e){var r=t[s]=function(i,s){this._element=t(i),this.options(s),this._init(),this.create()};return r.fn=r.prototype=t.extend({},i.base(s),e),t.fn[s]=function(i){var e=Array.prototype.slice.call(arguments,1),n=this;return"string"==typeof i?this.each(function(){var r=t(this).data(s);if(!r)return t.error("Cannot call methods on "+s+" prior to initialization; "+'attempted to call method "'+i+'"');if(!t.isFunction(r[i])||"_"===i.charAt(0))return t.error('No such method "'+i+'" for '+s+" instance");var o=r[i].apply(r,e);return o!==r&&o!==void 0?(n=o,!1):void 0}):this.each(function(){var e=t(this).data(s);e instanceof r?e.reload(i):new r(this,i)}),n},r}})(jQuery),function(t,i){"use strict";var s=function(t){return parseFloat(t)||0};t.jCarousel.plugin("jcarousel",{animating:!1,tail:0,inTail:!1,resizeTimer:null,lt:null,vertical:!1,rtl:!1,circular:!1,underflow:!1,relative:!1,_options:{list:function(){return this.element().children().eq(0)},items:function(){return this.list().children()},animation:400,transitions:!1,wrap:null,vertical:null,rtl:null,center:!1},_list:null,_items:null,_target:null,_first:null,_last:null,_visible:null,_fullyvisible:null,_init:function(){var t=this;return this.onWindowResize=function(){t.resizeTimer&&clearTimeout(t.resizeTimer),t.resizeTimer=setTimeout(function(){t.reload()},100)},this},_create:function(){this._reload(),t(i).on("resize.jcarousel",this.onWindowResize)},_destroy:function(){t(i).off("resize.jcarousel",this.onWindowResize)},_reload:function(){this.vertical=this.options("vertical"),null==this.vertical&&(this.vertical=this.list().height()>this.list().width()),this.rtl=this.options("rtl"),null==this.rtl&&(this.rtl=function(i){if("rtl"===(""+i.attr("dir")).toLowerCase())return!0;var s=!1;return i.parents("[dir]").each(function(){return/rtl/i.test(t(this).attr("dir"))?(s=!0,!1):void 0}),s}(this._element)),this.lt=this.vertical?"top":"left",this.relative="relative"===this.list().css("position"),this._list=null,this._items=null;var i=this._target&&this.index(this._target)>=0?this._target:this.closest();this.circular="circular"===this.options("wrap"),this.underflow=!1;var s={left:0,top:0};return i.length>0&&(this._prepare(i),this.list().find("[data-jcarousel-clone]").remove(),this._items=null,this.underflow=this._fullyvisible.length>=this.items().length,this.circular=this.circular&&!this.underflow,s[this.lt]=this._position(i)+"px"),this.move(s),this},list:function(){if(null===this._list){var i=this.options("list");this._list=t.isFunction(i)?i.call(this):this._element.find(i)}return this._list},items:function(){if(null===this._items){var i=this.options("items");this._items=(t.isFunction(i)?i.call(this):this.list().find(i)).not("[data-jcarousel-clone]")}return this._items},index:function(t){return this.items().index(t)},closest:function(){var i,e=this,r=this.list().position()[this.lt],n=t(),o=!1,l=this.vertical?"bottom":this.rtl&&!this.relative?"left":"right";return this.rtl&&this.relative&&!this.vertical&&(r+=this.list().width()-this.clipping()),this.items().each(function(){if(n=t(this),o)return!1;var a=e.dimension(n);if(r+=a,r>=0){if(i=a-s(n.css("margin-"+l)),!(0>=Math.abs(r)-a+i/2))return!1;o=!0}}),n},target:function(){return this._target},first:function(){return this._first},last:function(){return this._last},visible:function(){return this._visible},fullyvisible:function(){return this._fullyvisible},hasNext:function(){if(!1===this._trigger("hasnext"))return!0;var t=this.options("wrap"),i=this.items().length-1;return i>=0&&!this.underflow&&(t&&"first"!==t||i>this.index(this._last)||this.tail&&!this.inTail)?!0:!1},hasPrev:function(){if(!1===this._trigger("hasprev"))return!0;var t=this.options("wrap");return this.items().length>0&&!this.underflow&&(t&&"last"!==t||this.index(this._first)>0||this.tail&&this.inTail)?!0:!1},clipping:function(){return this._element["inner"+(this.vertical?"Height":"Width")]()},dimension:function(t){return t["outer"+(this.vertical?"Height":"Width")](!0)},scroll:function(i,s,e){if(this.animating)return this;if(!1===this._trigger("scroll",null,[i,s]))return this;t.isFunction(s)&&(e=s,s=!0);var r=t.jCarousel.parseTarget(i);if(r.relative){var n,o,l,a,h,u,c,f,d=this.items().length-1,_=Math.abs(r.target),p=this.options("wrap");if(r.target>0){var v=this.index(this._last);if(v>=d&&this.tail)this.inTail?"both"===p||"last"===p?this._scroll(0,s,e):t.isFunction(e)&&e.call(this,!1):this._scrollTail(s,e);else if(n=this.index(this._target),this.underflow&&n===d&&("circular"===p||"both"===p||"last"===p)||!this.underflow&&v===d&&("both"===p||"last"===p))this._scroll(0,s,e);else if(l=n+_,this.circular&&l>d){for(f=d,h=this.items().get(-1);l>f++;)h=this.items().eq(0),u=this._visible.index(h)>=0,u&&h.after(h.clone(!0).attr("data-jcarousel-clone",!0)),this.list().append(h),u||(c={},c[this.lt]=this.dimension(h),this.moveBy(c)),this._items=null;this._scroll(h,s,e)}else this._scroll(Math.min(l,d),s,e)}else if(this.inTail)this._scroll(Math.max(this.index(this._first)-_+1,0),s,e);else if(o=this.index(this._first),n=this.index(this._target),a=this.underflow?n:o,l=a-_,0>=a&&(this.underflow&&"circular"===p||"both"===p||"first"===p))this._scroll(d,s,e);else if(this.circular&&0>l){for(f=l,h=this.items().get(0);0>f++;){h=this.items().eq(-1),u=this._visible.index(h)>=0,u&&h.after(h.clone(!0).attr("data-jcarousel-clone",!0)),this.list().prepend(h),this._items=null;var g=this.dimension(h);c={},c[this.lt]=-g,this.moveBy(c)}this._scroll(h,s,e)}else this._scroll(Math.max(l,0),s,e)}else this._scroll(r.target,s,e);return this._trigger("scrollend"),this},moveBy:function(t,i){var e=this.list().position(),r=1,n=0;return this.rtl&&!this.vertical&&(r=-1,this.relative&&(n=this.list().width()-this.clipping())),t.left&&(t.left=e.left+n+s(t.left)*r+"px"),t.top&&(t.top=e.top+n+s(t.top)*r+"px"),this.move(t,i)},move:function(i,s){s=s||{};var e=this.options("transitions"),r=!!e,n=!!e.transforms,o=!!e.transforms3d,l=s.duration||0,a=this.list();if(!r&&l>0)return a.animate(i,s),void 0;var h=s.complete||t.noop,u={};if(r){var c=a.css(["transitionDuration","transitionTimingFunction","transitionProperty"]),f=h;h=function(){t(this).css(c),f.call(this)},u={transitionDuration:(l>0?l/1e3:0)+"s",transitionTimingFunction:e.easing||s.easing,transitionProperty:l>0?function(){return n||o?"all":i.left?"left":"top"}():"none",transform:"none"}}o?u.transform="translate3d("+(i.left||0)+","+(i.top||0)+",0)":n?u.transform="translate("+(i.left||0)+","+(i.top||0)+")":t.extend(u,i),r&&l>0&&a.one("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",h),a.css(u),0>=l&&a.each(function(){h.call(this)})},_scroll:function(i,s,e){if(this.animating)return t.isFunction(e)&&e.call(this,!1),this;if("object"!=typeof i?i=this.items().eq(i):i.jquery===void 0&&(i=t(i)),0===i.length)return t.isFunction(e)&&e.call(this,!1),this;this.inTail=!1,this._prepare(i);var r=this._position(i),n=this.list().position()[this.lt];if(r===n)return t.isFunction(e)&&e.call(this,!1),this;var o={};return o[this.lt]=r+"px",this._animate(o,s,e),this},_scrollTail:function(i,s){if(this.animating||!this.tail)return t.isFunction(s)&&s.call(this,!1),this;var e=this.list().position()[this.lt];this.rtl&&this.relative&&!this.vertical&&(e+=this.list().width()-this.clipping()),this.rtl&&!this.vertical?e+=this.tail:e-=this.tail,this.inTail=!0;var r={};return r[this.lt]=e+"px",this._update({target:this._target.next(),fullyvisible:this._fullyvisible.slice(1).add(this._visible.last())}),this._animate(r,i,s),this},_animate:function(i,s,e){if(e=e||t.noop,!1===this._trigger("animate"))return e.call(this,!1),this;this.animating=!0;var r=this.options("animation"),n=t.proxy(function(){this.animating=!1;var t=this.list().find("[data-jcarousel-clone]");t.length>0&&(t.remove(),this._reload()),this._trigger("animateend"),e.call(this,!0)},this),o="object"==typeof r?t.extend({},r):{duration:r},l=o.complete||t.noop;return s===!1?o.duration=0:t.fx.speeds[o.duration]!==void 0&&(o.duration=t.fx.speeds[o.duration]),o.complete=function(){n(),l.call(this)},this.move(i,o),this},_prepare:function(i){var e,r,n,o,l=this.index(i),a=l,h=this.dimension(i),u=this.clipping(),c=this.vertical?"bottom":this.rtl?"left":"right",f=this.options("center"),d={target:i,first:i,last:i,visible:i,fullyvisible:u>=h?i:t()};if(f&&(h/=2,u/=2),u>h)for(;;){if(e=this.items().eq(++a),0===e.length){if(!this.circular)break;if(e=this.items().eq(0),i.get(0)===e.get(0))break;if(r=this._visible.index(e)>=0,r&&e.after(e.clone(!0).attr("data-jcarousel-clone",!0)),this.list().append(e),!r){var _={};_[this.lt]=this.dimension(e),this.moveBy(_)}this._items=null}if(o=this.dimension(e),0===o)break;if(h+=o,d.last=e,d.visible=d.visible.add(e),n=s(e.css("margin-"+c)),u>=h-n&&(d.fullyvisible=d.fullyvisible.add(e)),h>=u)break}if(!this.circular&&!f&&u>h)for(a=l;;){if(0>--a)break;if(e=this.items().eq(a),0===e.length)break;if(o=this.dimension(e),0===o)break;if(h+=o,d.first=e,d.visible=d.visible.add(e),n=s(e.css("margin-"+c)),u>=h-n&&(d.fullyvisible=d.fullyvisible.add(e)),h>=u)break}return this._update(d),this.tail=0,f||"circular"===this.options("wrap")||"custom"===this.options("wrap")||this.index(d.last)!==this.items().length-1||(h-=s(d.last.css("margin-"+c)),h>u&&(this.tail=h-u)),this},_position:function(t){var i=this._first,s=i.position()[this.lt],e=this.options("center"),r=e?this.clipping()/2-this.dimension(i)/2:0;return this.rtl&&!this.vertical?(s-=this.relative?this.list().width()-this.dimension(i):this.clipping()-this.dimension(i),s+=r):s-=r,!e&&(this.index(t)>this.index(i)||this.inTail)&&this.tail?(s=this.rtl&&!this.vertical?s-this.tail:s+this.tail,this.inTail=!0):this.inTail=!1,-s},_update:function(i){var s,e=this,r={target:this._target||t(),first:this._first||t(),last:this._last||t(),visible:this._visible||t(),fullyvisible:this._fullyvisible||t()},n=this.index(i.first||r.first)<this.index(r.first),o=function(s){var o=[],l=[];i[s].each(function(){0>r[s].index(this)&&o.push(this)}),r[s].each(function(){0>i[s].index(this)&&l.push(this)}),n?o=o.reverse():l=l.reverse(),e._trigger(s+"in",t(o)),e._trigger(s+"out",t(l)),e["_"+s]=i[s]};for(s in i)o(s);return this}})}(jQuery,window),function(t){"use strict";t.jcarousel.fn.scrollIntoView=function(i,s,e){var r,n=t.jCarousel.parseTarget(i),o=this.index(this._fullyvisible.first()),l=this.index(this._fullyvisible.last());if(r=n.relative?0>n.target?Math.max(0,o+n.target):l+n.target:"object"!=typeof n.target?n.target:this.index(n.target),o>r)return this.scroll(r,s,e);if(r>=o&&l>=r)return t.isFunction(e)&&e.call(this,!1),this;for(var a,h=this.items(),u=this.clipping(),c=this.vertical?"bottom":this.rtl?"left":"right",f=0;;){if(a=h.eq(r),0===a.length)break;if(f+=this.dimension(a),f>=u){var d=parseFloat(a.css("margin-"+c))||0;f-d!==u&&r++;break}if(0>=r)break;r--}return this.scroll(r,s,e)}}(jQuery),function(t){"use strict";t.jCarousel.plugin("jcarouselControl",{_options:{target:"+=1",event:"click",method:"scroll"},_active:null,_init:function(){this.onDestroy=t.proxy(function(){this._destroy(),this.carousel().one("jcarousel:createend",t.proxy(this._create,this))},this),this.onReload=t.proxy(this._reload,this),this.onEvent=t.proxy(function(i){i.preventDefault();var s=this.options("method");t.isFunction(s)?s.call(this):this.carousel().jcarousel(this.options("method"),this.options("target"))},this)},_create:function(){this.carousel().one("jcarousel:destroy",this.onDestroy).on("jcarousel:reloadend jcarousel:scrollend",this.onReload),this._element.on(this.options("event")+".jcarouselcontrol",this.onEvent),this._reload()},_destroy:function(){this._element.off(".jcarouselcontrol",this.onEvent),this.carousel().off("jcarousel:destroy",this.onDestroy).off("jcarousel:reloadend jcarousel:scrollend",this.onReload)},_reload:function(){var i,s=t.jCarousel.parseTarget(this.options("target")),e=this.carousel();if(s.relative)i=e.jcarousel(s.target>0?"hasNext":"hasPrev");else{var r="object"!=typeof s.target?e.jcarousel("items").eq(s.target):s.target;i=e.jcarousel("target").index(r)>=0}return this._active!==i&&(this._trigger(i?"active":"inactive"),this._active=i),this}})}(jQuery),function(t){"use strict";t.jCarousel.plugin("jcarouselPagination",{_options:{perPage:null,item:function(t){return'<a href="#'+t+'">'+t+"</a>"},event:"click",method:"scroll"},_pages:{},_items:{},_currentPage:null,_init:function(){this.onDestroy=t.proxy(function(){this._destroy(),this.carousel().one("jcarousel:createend",t.proxy(this._create,this))},this),this.onReload=t.proxy(this._reload,this),this.onScroll=t.proxy(this._update,this)},_create:function(){this.carousel().one("jcarousel:destroy",this.onDestroy).on("jcarousel:reloadend",this.onReload).on("jcarousel:scrollend",this.onScroll),this._reload()},_destroy:function(){this._clear(),this.carousel().off("jcarousel:destroy",this.onDestroy).off("jcarousel:reloadend",this.onReload).off("jcarousel:scrollend",this.onScroll)},_reload:function(){var i=this.options("perPage");if(this._pages={},this._items={},t.isFunction(i)&&(i=i.call(this)),null==i)this._pages=this._calculatePages();else for(var s,e=parseInt(i,10)||0,r=this.carousel().jcarousel("items"),n=1,o=0;;){if(s=r.eq(o++),0===s.length)break;this._pages[n]=this._pages[n]?this._pages[n].add(s):s,0===o%e&&n++}this._clear();var l=this,a=this.carousel().data("jcarousel"),h=this._element,u=this.options("item");t.each(this._pages,function(i,s){var e=l._items[i]=t(u.call(l,i,s));e.on(l.options("event")+".jcarouselpagination",t.proxy(function(){var t=s.eq(0);if(a.circular){var e=a.index(a.target()),r=a.index(t);parseFloat(i)>parseFloat(l._currentPage)?e>r&&(t="+="+(a.items().length-e+r)):r>e&&(t="-="+(e+(a.items().length-r)))}a[this.options("method")](t)},l)),h.append(e)}),this._update()},_update:function(){var i,s=this.carousel().jcarousel("target");t.each(this._pages,function(t,e){return e.each(function(){return s.is(this)?(i=t,!1):void 0}),i?!1:void 0}),this._currentPage!==i&&(this._trigger("inactive",this._items[this._currentPage]),this._trigger("active",this._items[i])),this._currentPage=i},items:function(){return this._items},_clear:function(){this._element.empty(),this._currentPage=null},_calculatePages:function(){for(var t,i=this.carousel().data("jcarousel"),s=i.items(),e=i.clipping(),r=0,n=0,o=1,l={};;){if(t=s.eq(n++),0===t.length)break;l[o]=l[o]?l[o].add(t):t,r+=i.dimension(t),r>=e&&(o++,r=0)}return l}})}(jQuery),function(t){"use strict";t.jCarousel.plugin("jcarouselAutoscroll",{_options:{target:"+=1",interval:3e3,autostart:!0},_timer:null,_init:function(){this.onDestroy=t.proxy(function(){this._destroy(),this.carousel().one("jcarousel:createend",t.proxy(this._create,this))},this),this.onAnimateEnd=t.proxy(this.start,this)},_create:function(){this.carousel().one("jcarousel:destroy",this.onDestroy),this.options("autostart")&&this.start()},_destroy:function(){this.stop(),this.carousel().off("jcarousel:destroy",this.onDestroy)},start:function(){return this.stop(),this.carousel().one("jcarousel:animateend",this.onAnimateEnd),this._timer=setTimeout(t.proxy(function(){this.carousel().jcarousel("scroll",this.options("target"))},this),this.options("interval")),this},stop:function(){return this._timer&&(this._timer=clearTimeout(this._timer)),this.carousel().off("jcarousel:animateend",this.onAnimateEnd),this}})}(jQuery);
\ No newline at end of file
diff --git a/static/partials/landing-login.html b/static/partials/landing-login.html
index 04c6bd5db..5bef39e89 100644
--- a/static/partials/landing-login.html
+++ b/static/partials/landing-login.html
@@ -1,5 +1,11 @@
-<div class="landing-content">
-  <div class="jumbotron landing">
+<div class="jumbotron landing">
+  <div class="landing-background" ng-class="user.anonymous ? 'landing': 'signedin'"></div>
+  <div class="landing-filter" ng-class="user.anonymous ? 'landing': 'signedin'"></div>
+  <div class="landing-content">
+    <img class="logo" src="/static/img/box-logo.png">
+
+    <div class="header-bar"></div>
+
     <div class="container">
       <div class="row messages">
         <div class="col-md-7">
@@ -9,19 +15,20 @@
             </span>
             <h1>Quay.io Enterprise Edition</h1>
           </div>
-          
+
           <div ng-show="!user.anonymous">
             <span class="namespace-selector" user="user" namespace="namespace" ng-show="user.organizations"></span>
 
             <div class="resource-view" resource="my_repositories">
               <!-- Repos -->
               <div ng-show="my_repositories.value.length > 0">
-                <h2>Top Repositories</h2>            
+                <h2>Top Repositories</h2>
                 <div class="repo-listing" ng-repeat="repository in my_repositories.value">
                   <span class="repo-circle no-background" repo="repository"></span>
                   <a ng-href="/repository/{{ repository.namespace }}/{{ repository.name }}">{{repository.namespace}}/{{repository.name}}</a>
                   <div class="markdown-view description" content="repository.description" first-line-only="true"></div>
                 </div>
+                <a href="/repository/?namespace={{ user.username }}">See All Repositories</a>
               </div>
 
               <!-- No Repos -->
@@ -41,7 +48,6 @@
 
         <div class="col-md-4 col-md-offset-1">
           <div ng-show="user.anonymous">
-            <h3>Create Username</h3>
             <div class="signup-form"></div>
           </div>
           <div ng-show="!user.anonymous" class="user-welcome">
@@ -52,7 +58,6 @@
           </div>
         </div> <!-- col -->
       </div> <!-- row -->
-
     </div> <!-- container -->
-  </div> <!-- jumbotron -->
-</div>
+  </div>
+</div> <!-- jumbotron -->
diff --git a/static/partials/landing-normal.html b/static/partials/landing-normal.html
index ccdfeb6b8..783b60786 100644
--- a/static/partials/landing-normal.html
+++ b/static/partials/landing-normal.html
@@ -1,5 +1,11 @@
-<div class="landing-content">
-  <div class="jumbotron landing">
+<div class="jumbotron landing">
+  <div class="landing-background" ng-class="user.anonymous ? 'landing': 'signedin'"></div>
+  <div class="landing-filter" ng-class="user.anonymous ? 'landing': 'signedin'"></div>
+  <div class="landing-content">
+    <img class="logo" src="/static/img/white_horizontal.png">
+
+    <div class="header-bar"></div>
+
     <div class="container">
       <div class="row messages">
         <div class="col-md-7">
@@ -15,12 +21,13 @@
             <div class="resource-view" resource="my_repositories">
               <!-- Repos -->
               <div ng-show="my_repositories.value.length > 0">
-                <h2>Top Repositories</h2>            
+                <h2>Top Repositories</h2>
                 <div class="repo-listing" ng-repeat="repository in my_repositories.value">
                   <span class="repo-circle no-background" repo="repository"></span>
                   <a ng-href="/repository/{{ repository.namespace }}/{{ repository.name }}">{{repository.namespace}}/{{repository.name}}</a>
                   <div class="markdown-view description" content="repository.description" first-line-only="true"></div>
                 </div>
+                <a href="/repository/?namespace={{ user.username }}">See All Repositories</a>
               </div>
 
               <!-- No Repos -->
@@ -50,102 +57,217 @@
           </div>
         </div> <!-- col -->
       </div> <!-- row -->
+    </div> <!-- container -->
+  </div>
+</div> <!-- jumbotron -->
 
-      <div class="row" ng-show="user.anonymous">
+<div class="rows" ng-show="user.anonymous">
+  <div class=" shoutout-row  landing-section">
+    <div class="container">
+      <div class="row">
         <div class="col-md-4 shoutout">
           <i class="fa fa-lock"></i>
-          <b>Secure</b>
+          <b>Private Storage</b>
           <span class="shoutout-expand">
-            Your data is transferred using <strong>SSL at all times</strong> and <strong>encrypted</strong> when at rest. More information available in our <a href="/security/">security guide</a>
+            Push and pull Docker images to a private registry, with a focus on user experience
+            for your developers.
           </span>
+          <a class="shoutout-link" href="/tour/features">View Features</a>
         </div>
 
         <div class="col-md-4 shoutout">
           <i class="fa fa-group"></i>
-          <b>Shareable</b>
+          <b>Teamwork Optimized</b>
           <span class="shoutout-expand">
-            Have to share a repository? No problem! Share with anyone you choose
+            Specially designed for teams, organizations and businesses that use Docker.
           </span>
+          <a class="shoutout-link" href="/tour/organizations">View Teams and Organizations</a>
         </div>
 
         <div class="col-md-4 shoutout">
-          <i class="fa fa-cloud"></i>
-          <b>Cloud Hosted</b>
+          <i class="fa fa-cogs"></i>
+          <b>Deployment Made Easy</b>
           <span class="shoutout-expand">
-            Accessible from anywhere, anytime
+            Tools and Solutions that help make your application deployment simple and straightforward.
+          </span>
+          <a class="shoutout-link" href="http://docs.quay.io/solution">View Solutions</a>
+        </div>
+      </div>
+    </div>
+  </div> <!--  -->
+
+  <div class=" landing-section">
+    <h2>Trusted by companies who use Docker</h2>
+    <div class="container">
+      <div class="row">
+        <div class="trusted-logos">
+          <div class="col-md-3 trusted-logo">
+            <a href="http://www.modcloth.com" target="_blank" alt="ModCloth"><img src="/static/img/modcloth-logo.png"></a>
+          </div>
+          <div class="col-md-3 trusted-logo">
+            <a href="https://travis-ci.com" target="_blank" alt="Travis CI"><img src="/static/img/travisci-logo.png"></a>
+          </div>
+          <div class="col-md-3 trusted-logo apptentive">
+            <a href="http://www.apptentive.com" target="_blank" alt="Apptentive"><img src="/static/img/apptentive-logo.svg"></a>
+          </div>
+          <div class="col-md-3 trusted-logo">
+            <a href="http://bex.io" target="_blank" alt="Bex.io"><img src="/static/img/bexio-logo.png"></a>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div> <!--  -->
+
+  <div class="landing-section">
+    <h2>Built with our users in mind</h2>
+    <div class="container">
+      <div class="row">
+        <div class="col-lg-8 feature-shoutout">
+          <img id="screenshot" ng-src="{{ '/static/img/' + currentScreenshot + '.png' }}" class="img-responsive">
+        </div>
+        <div class="col-lg-4">
+          <div class="screenshot-feature" ng-class="currentScreenshot == 'repo-view' ? 'active' : ''" ng-click="changeScreenshot('repo-view')">
+            <i class="fa fa-hdd-o"></i>
+            <span class="sf-title">Beautiful repository view</span>
+            <div class="sf-text">
+              Repository is presented with the maximum amount of useful information, including a visual tree of its image history, markdown-based description, and tags.
+            </div>
+          </div>
+
+          <div class="screenshot-feature" ng-class="currentScreenshot == 'repo-admin' ? 'active' : ''" ng-click="changeScreenshot('repo-admin')">
+            <i class="fa fa-group"></i>
+            <span class="sf-title">Share at your control</span>
+            <div class="sf-text">
+              Set up the exact permissions your team, organization or business needs. Need to grant external access? Create one or more robot accounts to restrict access.
+            </div>
+          </div>
+
+          <div class="screenshot-feature" ng-class="currentScreenshot == 'build-history' ? 'active' : ''" ng-click="changeScreenshot('build-history')">
+            <i class="fa fa-tasks"></i>
+            <span class="sf-title">Dockerfile Build</span>
+            <div class="sf-text">
+              Repositories can be linked to Github repositories, with automatic building of the Dockerfile(s) found on push.
+            </div>
+          </div>
+
+          <div class="screenshot-feature" ng-class="currentScreenshot == 'repo-changes' ? 'active' : ''" ng-click="changeScreenshot('repo-changes')">
+            <i class="fa fa-code-fork"></i>
+            <span class="sf-title">Repository Diff</span>
+            <div class="sf-text">
+              See exactly which files were added, changed, or removed for each image in a repository.
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div> <!--  -->
+
+  <div class="landing-section">
+    <h2>Seamlessly integrate into your Docker-based infrastructure</h2>
+    <div class="container">
+      <div class="row testimonial">
+        <div class="message">
+          Quay.io has become an essential part of our infrastructure as we move to Docker-based deploys. 
+          The support and service that the Quay.io team provides is phenomenal.  We couldn't do it without them!
+        </div>
+
+        <div class="speaker-info">
+          <img src="/static/img/testimonial-mike.png">
+          <span class="speaker-info-internal">
+            <span class="speaker">Mike Saffitz</span>
+            <span class="speaker-title"><a href="http://www.apptentive.com" target="_blank" alt="Apptentive">Apptentive</a> - CTO & Co-Founder</span>
           </span>
         </div>
-      </div> <!-- row -->
-    </div> <!-- container -->
-  </div> <!-- jumbotron -->
-
-  <div class="product-tour container" ng-show="user.anonymous">
-    <div class="tour-header row">
-      <div class="tour-shoutout-header"><i class="fa fa-chevron-circle-down"></i></div>
-      <div class="tour-shoutout">Take a tour of Quay</div>
-    </div>
-
-    <div class="tour-section row">
-      <div class="col-md-7"><img src="/static/img/user-home.png" title="User Home - Quay.io" data-screenshot-url="https://quay.io/" class="img-responsive"></div>
-      <div class="col-md-5">
-        <div class="tour-section-title">Customized for you</div>
-        <div class="tour-section-description">
-          Your personal home screen shows those repositories most important to you, ordered by recent activity.
-        </div>
-        <div class="tour-section-description">Keep up to date on the status of those repositories you deem important.</div>
+        <a class="learn-more" href="/tour">Learn more</a>
       </div>
     </div>
+  </div> <!--  -->
 
-    <div class="tour-section row">
-      <div class="col-md-7 col-md-push-5"><img src="/static/img/repo-view.png" title="Repository View - Quay.io" data-screenshot-url="https://quay.io/repository/devtable/complex" class="img-responsive"></div>
-      <div class="col-md-5 col-md-pull-7">
-        <div class="tour-section-title">Useful views of respositories</div>
-        <div class="tour-section-description">
-          Each repository is presented with the maximum amount of useful information, including its image history, <b>markdown</b>-based description, and tags.
+  <div class="landing-section">
+    <h2>See what other people are saying about Quay.io</h2>
+    <div class="container">
+      <div class="row">
+        <div class="jcarousel-wrapper">
+          <div class="jcarousel">
+            <ul>
+              <li>
+                <div class="twitter-view" avatar-url="https://pbs.twimg.com/profile_images/3320588708/9237d8d056e9ce2fa737ea7ab2de345b_bigger.jpeg"
+                     author-name="Ross Timson" author-user="rosstimson" message-url="https://twitter.com/rosstimson/statuses/451052618685882368"
+                     message-date="April 1, 2014">
+                  Pushing Dockerfile changes to Github and having <a href="https://twitter.com/quayio">@quayio</a> build the
+                  <a href="https://twitter.com/docker">@docker</a> image/container for you is extremely awesome.
+                </div>                
+              </li>
+
+              <li>
+                <div class="twitter-view" avatar-url="https://pbs.twimg.com/profile_images/2578175278/ykn3l9ktfdy1hia5odij_bigger.jpeg"
+                     author-name="Frank Macreery" author-user="fancyremarker" message-url="https://twitter.com/fancyremarker/statuses/448528623692025857"
+                     message-date="March 25, 2014">
+                  <a href="https://twitter.com/quayio">@quayio</a> releases Docker build flair! <a href="http://t.co/72ULgveLj4">pic.twitter.com/72ULgveLj4</a>
+                </div>
+              </li>
+
+              <li>
+                <div class="twitter-view" avatar-url="https://pbs.twimg.com/profile_images/438406731660394496/UKGDY6xB_bigger.jpeg"
+                     author-name="Joshua Goldie" author-user="jdgoldie" message-url="https://twitter.com/jdgoldie/statuses/446622958040408064"
+                     message-date="March 20, 2014">
+                  Just started playing with <a href="https://twitter.com/quayio">@quayio</a> builds tied to
+                  <a href="https://twitter.com/search?q=%23github&amp;src=hash">#github</a> repo. Really liking it. My first experiment:
+                  <a href="https://t.co/2LgyagwTEq">https://t.co/2LgyagwTEq</a>
+                </div>
+              </li>
+
+              <li>
+                <div class="twitter-view" avatar-url="https://pbs.twimg.com/profile_images/378800000731516813/e70eae6c4a2c25ae516660e958b3d36b_bigger.jpeg"
+                     author-name="Evan Hazlett" author-user="ehazlett" message-url="https://twitter.com/ehazlett/statuses/442351806161510400"
+                     message-date="March 8, 2014">
+                  Great guys <a href="https://twitter.com/quayio">@quayio</a>. If you haven’t tried it, do.
+                </div>
+              </li>
+
+              <li>
+                <div class="twitter-view" avatar-url="https://pbs.twimg.com/profile_images/463168904320122880/lQG69Wqk_bigger.jpeg"
+                     author-name="Jon Morehouse" author-user="JonMorehouse" message-url="https://twitter.com/JonMorehouse/statuses/441719785055739904"
+                     message-date="March 6, 2014">
+                  <a href="https://twitter.com/quayio">@quayio</a> has awesome support.
+                  <a href="https://twitter.com/search?q=%23awesomeTool&amp;src=hash">#awesomeTool</a>
+                  <a href="https://twitter.com/search?q=%23awesomeTeam&amp;src=hash">#awesomeTeam</a>
+                </div>
+              </li>
+            </ul>
+          </div>
+
+          <a href="#" class="jcarousel-control jcarousel-control-prev">&lsaquo;</a>
+          <a href="#" class="jcarousel-control jcarousel-control-next">&rsaquo;</a>
+          
+          <p class="jcarousel-pagination"></p>
+        </div>
+      </div>
+
+      <div class="row">
+        <div class="col-md-12 follow-button">
+          <iframe allowtransparency="true" frameborder="0" scrolling="no"
+                  src="//platform.twitter.com/widgets/follow_button.html?screen_name=quayio&show_count=false"
+                  style="width:120px; height:20px;"></iframe>
         </div>
       </div>
     </div>
+  </div>
 
-    <div class="tour-section row">
-      <div class="col-md-7"><img src="/static/img/build-history.png" title="View Image - Quay.io"
-                                 data-screenshot-url="https://quay.io/repository/devtable/building/build"
-                                 class="img-responsive"></div>
-      <div class="col-md-5">
-        <div class="tour-section-title">Dockerfile Build in the cloud</div>
-        <div class="tour-section-description">
-          Like to use <b>Dockerfiles</b> to build your images? Simply upload your Dockerfile (and any additional files it needs) and we'll build your Dockerfile into an image and push it to your repository.        
-        </div>
-        <div class="tour-section-description">        
-          If you store your Dockerfile in <i class="fa fa-github fa-lg" style="margin: 6px;"></i><b>GitHub</b>, add a <b>Build Trigger</b> to your repository and we'll start a Dockerfile build for every change you make.
-        </div>
+  <div class="landing-section">
+    <h2>Start pushing to Quay.io in under a minute</h2>
+    <div class="container">
+      <div class="row landing-action">
+        <a href="/plans" class="btn btn-primary">Start Free Trial</a>
       </div>
     </div>
+  </div>
+  
+</div>
 
-    <div class="tour-section row">
-      <div class="col-md-7 col-md-push-5"><img src="/static/img/repo-admin.png" title="Repository Admin - Quay.io" data-screenshot-url="https://quay.io/repository/devtable/complex/admin" class="img-responsive"></div>
-      <div class="col-md-5 col-md-pull-7">
-        <div class="tour-section-title">Share at your control</div>
-        <div class="tour-section-description">
-          Share any repository with as many (or as few) users as you choose.
-        </div>
-        <div class="tour-section-description">Need a repository only for your team? Easily <b>share</b> with your team members.</div>
-        <div class="tour-section-description">Need finer grain control? Mark a user as <b>read-only</b> or <b>read/write</b>.</div>
-        <div class="tour-section-description">Have a build script or a deploy process that needs access? Generate an <b>access token</b> to grant revocable access for pushing or pulling.</div>
-        <div class="tour-section-description">Want to share with the world? Make your repository <b>fully public</b>.</div>
-      </div>
-    </div>
-
-    <div class="tour-section row">
-      <div class="col-md-7"><img src="/static/img/repo-changes.png" title="View Image - Quay.io" data-screenshot-url="https://quay.io/repository/devtable/image/..." class="img-responsive"></div>
-      <div class="col-md-5">
-        <div class="tour-section-title">Docker diff whenever you need it</div>
-        <div class="tour-section-description">
-          We wanted to know what was changing in each image of our repositories just as much as you do. So we added diffs. Now you can see exactly which files were <b>added</b>, <b>changed</b>, or <b>removed</b> for each image. We've also provided two awesome ways to view your changes, either in a filterable list, or in a drill down tree view.
-        </div>
-      </div>
-    </div>
-
-    <div style="border-top: 1px solid #eee; padding-top: 20px;">
+<div class="container">
+  <div class="row">
+    <div style="border-top: 1px solid #eee; padding-top: 20px;" class="col-md-12">
       <a href="https://mixpanel.com/f/partner"><img src="//cdn.mxpnl.com/site_media/images/partner/badge_light.png" alt="Mobile Analytics" /></a>
     </div>
   </div>
diff --git a/static/partials/organizations.html b/static/partials/organizations.html
index 1befae37d..b6310495a 100644
--- a/static/partials/organizations.html
+++ b/static/partials/organizations.html
@@ -19,7 +19,7 @@
   </div>
 
   <!-- Organizations -->
-  <div ng-show="user.organizations.length > 0">
+  <div ng-if="user.organizations.length > 0">
     <h2>Organizations</h2>
 
     <div class="organization-listing" ng-repeat="organization in user.organizations">
@@ -29,122 +29,5 @@
   </div>
 
   <!-- Organization Help/Tour -->
-  <div class="product-tour" ng-show="!user.organizations || user.organizations.length == 0">
-
-    <div class="tour-section row">
-      <div class="col-md-12">
-        <div class="tour-section-title">Organizations</div>
-        <div class="tour-section-description">
-          Organizations in Quay provide unique features for businesses and other
-          groups, including team-based sharing and fine-grained permission controls.
-        </div>
-      </div>
-    </div>
-
-    
-    <div class="tour-section row">
-      <div class="col-md-7"><img src="/static/img/org-repo-list.png" data-title="Repositories - Quay.io" data-screenshot-url="https://quay.io/repository/" class="img-responsive"></div>
-      <div class="col-md-5">
-        <div class="tour-section-title">A central collection of repositories</div>
-        <div class="tour-section-description">
-          Your organization is the focal point for all activity that occurs within
-          your public or private repositories. Your repositories are centrally visible
-          and managed within the namespace of your organization. You may share
-          your repositories with as many users and teams as you like, without
-          any additional cost.
-        </div>
-      </div>
-    </div>
-
-    <div class="tour-section row">
-      <div class="col-md-7 col-md-push-5"><img src="/static/img/org-admin.png" data-title="buynlarge Admin - Quay.io" data-screenshot-url="https://quay.io/organization/buynlarge/admin" class="img-responsive"></div>
-      <div class="col-md-5 col-md-pull-7">
-        <div class="tour-section-title">Organization settings at a glance</div>
-        <div class="tour-section-description">
-          Your organization allows you to view your private repository count
-          and manage billing settings in a centralized place.
-        </div>
-        <div class="tour-section-description">
-          You can also see all of the users who have access to your organization
-          and the teams of which they are members. This allows you to audit the
-          access that has been granted in your organization.
-        </div>
-      </div>
-    </div>
-
-    <div class="tour-section row">
-      <div class="col-md-7"><img src="/static/img/org-logs.png" data-title="buynlarge Admin - Quay.io" data-screenshot-url="https://quay.io/organization/buynlarge" class="img-responsive"></div>
-      <div class="col-md-5">
-        <div class="tour-section-title">Logging for comprehensive analysis</div>
-        <div class="tour-section-description">
-          Every time a user in your organization performs an action it is logged
-          and categorized in a way that allows for a complete understanding of
-          how your repositories have been accessed and modified. Each log entry
-          includes the action performed, the authorization which allowed the action
-          to occur, and additional relevant data such as the name of the item
-          which was modified or accessed.
-        </div>
-        <div class="tour-section-description">
-          For those times when you need full control when generating reports from
-          your logs, we also allow you to export your logs in JSON format. These
-          can be ingested by custom tooling solutions allowing you to visualize
-          reports in whatever format you require.
-        </div>
-      </div>
-    </div>
-
-    <div class="tour-section row">
-      <div class="col-md-7 col-md-push-5"><img src="/static/img/org-teams.png" data-title="buynlarge - Quay.io" data-screenshot-url="https://quay.io/organization/buynlarge" class="img-responsive"></div>
-      <div class="col-md-5 col-md-pull-7">
-        <div class="tour-section-title">Teams simplify access controls</div>
-        <div class="tour-section-description">
-          Teams allow your organization to delegate access to your namespace and
-          repositories in a controlled fashion. Each team has permissions that
-          apply across the entire org, and can also be given specific levels of
-          access to specific repositories. A user is switching roles? No problem,
-          change their team membership and their access will be adjusted accordingly.
-        </div>
-        <div class="tour-section-description">
-          Owners of your organization, and members of other teams with
-          administrator privileges, have full permissions to all repositories
-          in the organization, as well as permissions to view and adjust the
-          account settings for the organization. Add users to these teams with
-          caution.
-        </div>
-      </div>
-    </div>
-
-    <div class="tour-section row">
-      <div class="col-md-7"><img src="/static/img/org-repo-admin.png" data-title="buynlarge/orgrepo - Quay.io" data-screenshot-url="https://quay.io/repository/buynlarge/orgrepo" class="img-responsive"></div>
-      <div class="col-md-5">
-        <div class="tour-section-title">Fine-grained control of sharing</div>
-        <div class="tour-section-description">
-          Repositories that you create within your organization can be assigned
-          fine-grained permissions just like any other repository. You can also
-          add teams that exist in your organization, or individual users from
-          inside our outside your organization.
-        </div>
-        <div class="tour-section-description">
-          In order to protect your intellectual property, we warn you before
-          you share your repositories with anyone who is not currently a member
-          of a team in your organization.
-        </div>
-      </div>
-    </div>
-
-    <div class="button-bar-right button-bar-bottom">
-      <a href="/organizations/new/" data-title="Starts the process to create a new organization" bs-tooltip="tooltip.title">
-        <button class="btn btn-success">
-          <i class="fa fa-plus"></i>
-          Create New Organization
-        </button>
-      </a>
-      <a href="/user/?migrate" ng-show="!user.anonymous" data-title="Starts the process to convert this account into an organization" bs-tooltip="tooltip.title" quay-show="Config.AUTHENTICATION_TYPE == 'Database' && !user.anonymous">
-        <button class="btn btn-primary">
-          <i class="fa fa-caret-square-o-right"></i>
-          Convert account
-        </button>
-      </a>
-    </div>
-  </div>
+  <div class="tour-content" ng-if="!user.organizations || user.organizations.length == 0" kind="'organizations'"></div>
 </div>
diff --git a/static/partials/tour.html b/static/partials/tour.html
new file mode 100644
index 000000000..bd7b32a4c
--- /dev/null
+++ b/static/partials/tour.html
@@ -0,0 +1,11 @@
+<div class="tour-section-container">
+  <ul class="tour-sections">
+    <li ng-class="kind == '' || kind == 'features' ? 'active' : ''"><a href="/tour/features">Features</a></li>
+    <li ng-class="kind == 'organizations' ? 'active' : ''"><a href="/tour/organizations">Teams and Organizations</a></li>
+    <li ng-class="kind == 'enterprise' ? 'active' : ''" quay-require="['BILLING']"><a href="/tour/enterprise">Enterprise</a></li>
+  </ul>
+</div>
+
+<div class="container">
+  <div class="tour-content" kind="kind"></div>
+</div>
diff --git a/templates/base.html b/templates/base.html
index 17ffe4ac0..c2159807b 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -77,7 +77,7 @@ b._i.push([a,e,d])};b.__SV=1.2}})(document,window.mixpanel||[]);
 mixpanel.init("{{ mixpanel_key }}", { track_pageview : false, debug: {{ is_debug }} });</script><!-- end Mixpanel -->
 {% endif %}
   </head>
-  <body>
+  <body ng-class="pageClass">
     <div ng-class="!fixFooter ? 'wrapper' : ''">
       <nav class="navbar navbar-default header-bar" role="navigation"></nav>
 
diff --git a/test/data/test.db b/test/data/test.db
index e5a283ef8..b8936c77a 100644
Binary files a/test/data/test.db and b/test/data/test.db differ