* VRFS-2037 - landing pages done

web/app/assets/stylesheets/landings/landing_page.css.scss

@@ -128,6 +128,11 @@ body.web.landing_page {
   }
 
   &.tight {
+
+    .wrapper {
+      text-align:center;
+    }
+
     .video-wrapper {
       margin:auto;
     }
@@ -139,6 +144,7 @@ body.web.landing_page {
 
     .landing-tag {
       left:68%;
+      display:none;
     }
 
     .video-container {
@@ -149,23 +155,45 @@ body.web.landing_page {
       padding-top: 30px; height: 0; overflow: hidden;
     }
 
+    .cta-container {
+
+      h2 {
+        margin-left:0;
+      }
+    }
+
     .column {
       float:left;
       @include border_box_sizing;
 
       &:nth-child(1) {
         width:50%;
-        padding-left:13%;
+        padding-left:19%;
       }
 
       &:nth-child(2) {
-        width:50%;
-        padding-left:4%;
+        width:28%;
+        padding-left:9%;
       }
     }
 
     .more-container {
       margin-top:0;
+
+      h2 {
+        text-align:center;
+      }
+
+      .follow-links {
+        margin-top:10px;
+        text-align:center;
+        margin-left:0;
+
+        .social-follow-btn {
+          display:block;
+          margin-top:5px;
+        }
+      }
     }
   }
 }

web/app/views/landings/watch_overview_tight.html.slim

@@ -0,0 +1,16 @@
+- provide(:page_name, 'landing_page tight wot_1')
+
+h1 Watch Overview Video to See How JamKazam Works
+.video-wrapper
+  .video-container
+    iframe src="//www.youtube.com/embed/ylYcvTY9CVo" frameborder="0" allowfullscreen
+.row
+  .column
+    .cta-container
+      h2 It's FREE! Ready to Go?
+      = link_to image_tag("web/cta_button.png", :alt => "Sign up now for your free account!"), signup_path, class: "signup", id: "signup"
+  .column
+    .more-container
+      h2 Not a Good Time to Sign Up?
+      = render :partial => 'users/follow_links'
+  br clear="all"

web/app/views/users/_follow_links.html.slim

@@ -1,10 +1,10 @@
 .follow-links
-  .facebook-follow-btn
+  .facebook-follow-btn.social-follow-btn
     .fb-like data-href="https://www.facebook.com/JamKazam" data-layout="button" data-action="like"
 
-  .twitter-follow-btn
+  .twitter-follow-btn.social-follow-btn
     a href="https://twitter.com/#{Gon.global.twitter_public_account}" class="twitter-follow-button" data-show-count="false"
       = "Follow @#{Gon.global.twitter_public_account}"
 
-  .g-follow-btn
+  .g-follow-btn.social-follow-btn
     .g-follow data-annotation="none" data-height="20" data-href="https://plus.google.com/106619885929396862606" data-rel="publisher"

web/spec/features/alt_landing_spec.rb

@@ -28,6 +28,25 @@ describe "Alternate Landing Pages", :js => true, :type => :feature, :capybara_fe
     find('.g-follow-btn iframe')
   end
 
+  it "landing-page-tight watch-bands" do
+    visit landing_wbt_path
+    find('h1', text: 'Watch 6 Bands Play Together from Different Locations')
+    find('h2', text: "It's FREE! Ready to Go?")
+    find('h2', text: 'Not a Good Time to Sign Up?')
+    find('div.fb-like')
+    find('iframe.twitter-follow-button')
+    find('.g-follow-btn iframe')
+  end
+
+  it "landing-page-tight watch-overview" do
+    visit landing_wot_path
+    find('h1', text: 'Watch Overview Video to See How JamKazam Works')
+    find('h2', text: "It's FREE! Ready to Go?")
+    find('h2', text: 'Not a Good Time to Sign Up?')
+    find('div.fb-like')
+    find('iframe.twitter-follow-button')
+    find('.g-follow-btn iframe')
+  end
 
 
 end