Group plan landing page (#10222)

* Updated task page styles

* Added initial page styles

* Added login and payments

* Updated more styles

* Added white header

* Added group plan overview modal

* Updated copy

* Fixed location

* Style updates

* Added analytics

* More style updates

* Added locales

* Removed duplicate key

website/client/components/static/staticWrapper.vue

@@ -1,14 +1,14 @@
 <template lang="pug">
 div
-  static-header(v-if='showContentWrap', :class='{"home-header": ["home", "front"].indexOf($route.name) !== -1}')
+  static-header(v-if='showContentWrap', :class='{"home-header": ["home", "front"].indexOf($route.name) !== -1, "white-header": this.$route.name === "plans"}')
 
   .static-wrapper
     router-view
 
-  #purple-footer(v-if='showContentWrap')
+  div(:id='footerId', v-if='showContentWrap')
     app-footer
 
-  #bottom-wrap.purple-4(v-if='showContentWrap')
+  #bottom-wrap.purple-4(v-if='showContentWrap && footerId')
     #bottom-background
       .seamless_mountains_demo_repeat
       .midground_foreground_extended2
@@ -57,6 +57,19 @@ div
     }
   }
 
+  .white-header {
+    background: #fff !important;
+    background-color: #fff !important;
+
+    a {
+      color: #271b3d !important;
+    }
+
+    a:hover {
+      color: #fff !important;
+    }
+  }
+
   #bottom-wrap.purple-4 {
     background-color: #271b3d;
   }
@@ -156,6 +169,10 @@ export default {
     showContentWrap () {
       return this.$route.name !== 'news';
     },
+    footerId () {
+      if (this.$route.name === 'plans') return;
+      return 'purple-footer';
+    },
   },
 };
 </script>