Add marketing landing page content and styles (#2828)

* Link Manrope and DM Sans fonts

* Add marketing redesign landing content and styles

* Nest CSS for readability and alphabetize

* Update redesign testimonial component

- Add image to author avatar
- Update responsive mobile styles for component

* Update app/views/marketing_redesign/home/show.html.erb

Use `link_to` instead of `a` tag

Co-authored-by: thoughtbot-summer <summer@thoughtbot.com>

---------

Co-authored-by: thoughtbot-summer <summer@thoughtbot.com>

Author: achen178

app/assets/images/marketing_redesign/benefit-check.svg

@@ -19,9 +19,12 @@
 /* Components */
 /* Import components from the component folder here in ABC order */
 /* For example: @import "marketing_redesign/components/_card.css" */
+@import "marketing_redesign/components/_benefits.css";
+@import "marketing_redesign/components/_outcomes.css";
 @import "marketing_redesign/components/_section.css";
 @import "marketing_redesign/components/_footer.css";
 @import "marketing_redesign/components/_header.css";
+@import "marketing_redesign/components/_testimonial.css";
 
 /* Utilities */
 @import "marketing_redesign/utilities/_hide-visually.css";

app/assets/images/marketing_redesign/brand-logos/hbr.png

@@ -1,7 +1,7 @@
 .button {
   align-items: center;
   border: var(--border-width--base) solid transparent;
-  border-radius: var(--border-radius--base);
+  border-radius: var(--border-radius--small);
   cursor: pointer;
   display: flex;
   font-size: var(--font-size--ui);

app/assets/images/marketing_redesign/brand-logos/merck.png

@@ -1,8 +1,9 @@
 body {
   background-color: var(--color--background-base);
+  padding: 0 var(--space--large);
 }
 
 main {
-  max-width: var(--container--base);
   margin: auto;
+  max-width: var(--container--base);
 }