WIP: Homepage redesign

Testing

• logged out, go to the homepage. There's a 50/50 chance that you will either see a mobile phone on the right, or the register form. You can change it manually by modifying the experiment key in the local storage from 'base' to 'form' and vice-versa.
• everything should look like in Michael's designs, for mobile, tablets and desktop.

If you're on the homepage version with the mobile phone:

• "Join Minds Now" buttons should redirect to /onboarding where you'll only see the registration form.
• Registering should go to the next step for onboarding
• Skipping this should redirect you to homepage

If you're on the homepage version with the register form:

• Registering should redirect to the first step of the onboarding
• Skipping it should redirect to newsfeed

Testing the onboarding steps TBD

depends on engine!395 (closed)

src/app/modules/homepage/homepage.component.html

@@ -8,17 +8,46 @@
       >
         <h1 i18n>Minds <span class="m-homepage__yellowLine"></span></h1>
 
-        <h2 ngPreserveWhitespaces i18n>
+        <h2
+          ngPreserveWhitespaces
+          *mExperiment="'Homepage121119'; buckets: ['base', 'form']"
+          i18n
+        >
           Earn for your ideas
         </h2>
 
+        <h2
+          ngPreserveWhitespaces
+          *mExperiment="
+            'Homepage121119';
+            buckets: ['base-take-back-control', 'form-take-back-control']
+          "
+          i18n
+        >
+          Take back control of your social media
+        </h2>
+
         <p class="m-marketing__description" i18n>
           Free your mind and get paid for creating content, driving traffic and
           referring friends. A place to have open conversations and bring people
           together.
         </p>
-        <p class="m-marketing__description" i18n>
-          Take back control of your social media
+        <p
+          class="m-marketing__description"
+          *mExperiment="'Homepage121119'; buckets: ['base', 'form']"
+          i18n
+        >
+          Take back control of your social media.
+        </p>
+        <p
+          class="m-marketing__description"
+          *mExperiment="
+            'Homepage121119';
+            buckets: ['base-take-back-control', 'form-take-back-control']
+          "
+          i18n
+        >
+          Earn for your ideas.
         </p>
 
         <button
@@ -48,7 +77,10 @@
 
       <div
         class="m-grid__column-5 m-grid__column-5--tablet m-grid__column-12--mobile m-marketing__image"
-        *mExperiment="'Homepage121119'; bucket: 'base'"
+        *mExperiment="
+          'Homepage121119';
+          buckets: ['base', 'base-take-back-control']
+        "
       >
         <span>
           <img
@@ -60,7 +92,10 @@
 
       <div
         class="m-grid__column-5 m-grid__column-12--mobile"
-        *mExperiment="'Homepage121119'; bucket: 'form'"
+        *mExperiment="
+          'Homepage121119';
+          buckets: ['form', 'form-take-back-control']
+        "
       >
         <m-homepage__registerForm></m-homepage__registerForm>
       </div>
@@ -185,7 +220,10 @@
 
     <div
       class="m-marketing__section m-marketing__section--tail"
-      *mExperiment="'Homepage121119'; bucket: 'base'"
+      *mExperiment="
+        'Homepage121119';
+        buckets: ['base', 'base-take-back-control']
+      "
     >
       <div class="m-grid m-marketing__wrapper">
         <div class="m-grid__column-12 m-marketing__body">