add static pages

imports/ui/pages/Index/Index.js

@@ -15,6 +15,9 @@ const Index = () => (
       <Button href="https://pup.cleverbeagle.com">Read the Docs</Button>
       <Button href="https://github.com/cleverbeagle/pup"><i className="fa fa-star" /> Star on GitHub</Button>
     </div>
+    <footer>
+      <p>Need help and want to stay accountable building your product? <a href="https://cleverbeagle.com?utm_source=pupappindex&utm_campaign=oss">Check out Clever Beagle</a>.</p>
+    </footer>
   </div>
 );
 

imports/ui/pages/Index/Index.scss

@@ -33,14 +33,23 @@
     .btn {
       border: none;
     }
+  }
 
-    .btn:last-child {
-      background: darken($cb-blue, 20%);
-      color: lighten($cb-blue, 30%);
+  footer {
+    margin: 20px -20px -20px;
+    border-top: 1px solid darken($cb-blue, 10%);
+    padding: 20px;
 
-      &:hover {
-        color: #fff;
-      }
+    p {
+      font-size: 14px;
+      line-height: 22px;
+      color: lighten($cb-blue, 35%);
+      margin: 0;
+    }
+
+    p a {
+      color: lighten($cb-blue, 35%);
+      text-decoration: underline;
     }
   }
 }
@@ -48,11 +57,19 @@
 @include breakpoint(tablet) {
   .Index {
     padding: 30px;
+
+    footer {
+      margin: 30px -30px -30px;
+    }
   }
 }
 
 @include breakpoint(desktop) {
   .Index {
     padding: 40px;
+
+    footer {
+      margin: 40px -40px -40px;
+    }
   }
 }