diff --git a/app/styles/app/landing.sass b/app/styles/app/landing.sass
index dfcf7751..7d3a2b8c 100644
--- a/app/styles/app/landing.sass
+++ b/app/styles/app/landing.sass
@@ -19,6 +19,13 @@
     border: 2px solid #73c78d
     color: #fff
 
+.landing-centered-wrapper
+  .button
+    .sync-spinner
+      height: 1.45em;
+      margin-right: 0.3em;
+      transform: translateY(-0.1em);
+
 .wrapper.centered #top,
 .wrapper.centered .topbar,
 .wrapper.non-centered .topbar
diff --git a/app/templates/home.hbs b/app/templates/home.hbs
index ffcbbeb8..fee45abf 100644
--- a/app/templates/home.hbs
+++ b/app/templates/home.hbs
@@ -4,7 +4,14 @@
 			<div class="large-12 columns" id="hero-copy">
 				<h1>Test and Deploy with Confidence</h1>
 				<p>Easily sync your GitHub projects with Travis CI<br class="mobile-break"> and you’ll be testing your code in minutes!</p>
-				<a href="#" class="button"><img src="../images/landing-page/sign-in-mascot.svg" class="sign-in-mascot">Sign Up</a>
+
+				{{#if auth.signedOut}}
+				  <button {{action "signIn" target="auth"}} class="button"><img src="../images/landing-page/sign-in-mascot.svg" class="sign-in-mascot">Sign Up</button>
+				{{/if}}
+				{{#if auth.signingIn}}
+					<button class="button"><span class="sync-spinner"><i></i><i></i><i></i></span>Signing In</button>
+				{{/if}}
+
 			</div>
 			<div class="large-12 columns laptop-wrapper">
 				<div id="laptop">