WIP: Marketing pages

• Build layout and styling according to desktop designs
• Adjust to mobile layout below certain screen width
• Foundations for all marketing pages
• Upgrades Page
• Pro page
• Ability to subscribe to Plus and Pro
• Ability to buy tokens
• Customized Wire dialog for both Plus and Pro

Closes #2007 (closed).

Feedback:

• Default to tokens
• Confirm that the pricing matrix is set via the backend
• Are we missing the placeholder bg from the mockups?
• Can we use angulars new ? query string pattern vs ;? Eg. moving from https://epic-upgrades-page.minds.io/pro;i=yearly;c=tokens to https://epic-upgrades-page.minds.io/pro?i=yearly&c=tokens

src/app/common/components/marketing/as-featured-in.component.html

+<div class="m-grid m-marketing__asFeaturedIn">
+  <div class="m-grid__column-2 m-marketingAsFeaturedIn__title" i18n>
+    As featured in
+  </div>
+
+  <ul class="m-grid__column-10">
+    <li class="m-marketingAsFeaturedIn__item--bigger">
+      <img [src]="cdnAssetsUrl + 'assets/marketing/bbc.png'" alt="BBC" />
+    </li>
+    <li>
+      <img
+        [src]="cdnAssetsUrl + 'assets/marketing/foxnews.png'"
+        alt="Fox News"
+      />
+    </li>
+    <li>
+      <img [src]="cdnAssetsUrl + 'assets/marketing/forbes.png'" alt="Forbes" />
+    </li>
+    <li>
+      <img
+        [src]="cdnAssetsUrl + 'assets/marketing/techcrunch.png'"
+        alt="TechCrunch"
+      />
+    </li>
+    <li>
+      <img
+        [src]="cdnAssetsUrl + 'assets/marketing/reuters.png'"
+        alt="Reuters"
+      />
+    </li>
+    <li>
+      <img [src]="cdnAssetsUrl + 'assets/marketing/wired.png'" alt="Wired" />
+    </li>
+    <li>
+      <img
+        [src]="cdnAssetsUrl + 'assets/marketing/tjre.png'"
+        alt="The Joe Rogan Experience"
+      />
+    </li>
+  </ul>
+</div>