Create a new Marketo landing page template phase 1

@jgragnola @sbouchard1 FYI I've filed this issue to centralize the landing page requirements we've discussed on zoom, slack, and gathered from various issues.

#### Briefly describe the request

Create a Marketo landing page template for campaigns.

#### What team/dept/company initiatives does this relate to?

* [Marketing agility, modular pages via boring project](https://gitlab.com/groups/gitlab-com/-/epics/402#note_327516774)

#### What problem(s) are we trying to solve? What are the goals?

* (Primary) Make it easier for marketing to create landing pages.
* Improve the cohesiveness of the user flow from ads all the way to downloads and PF experiences.
* Improve the conversion rate of lead generation forms.
* Align about.gitlab landing pages with Marketo landing pages.

#### Who is the audience?

* (Primary) Users who want to learn more about a targeted subject.
* Users who want to browse our content.

#### What are the measurable key performance indicators (KPI)?

* Form submissions.

#### Please identify the directly responsible individual (DRI), stakeholders, and roles

|Name|Role|
|-|-|
|***`@jgragnola`***|***DRI***|
|`@sbouchard1`|Conversion|
|`@luke`|Design|
|`@amy.waller`|Marketo|
|`@mnguyen4`|Ads|
|`@shanerice`|Metrics|
|`@sdaily`|Pathfactory|
|`@wspillane`|Social|

#### What are the must-haves modules?

* Hero
* Bullet list
* Form
    * Before & after
* Image to showcase a preview of the resource
* Trusted by
* Value (Pathfactory)
* Meta title and opengraph copy.

#### What are the should-haves modules?

* CTA header
    * On, off, auto-hide
* Opengraph image
* Free trial CTA
* Social sharing (similar to webcasts)
* Speaker module (near hero).
* Event interest registration.

#### What are the could-have modules?

* Calendar
* Card list
* Icon list
* Paragraphs with floated image

#### Where do you expect traffic to come from?

* Email
* Ads
* Social

#### If applicable, do you have any user journeys, prototypes, content/data?

* [Creating a responsive Marketo landing page template](https://www.grazitti.com/blog/create-responsive-landing-pages-in-marketo/)
* [Prior issue with mockups for implementing a Marketo landing page](https://gitlab.com/gitlab-com/marketing/corporate-marketing/-/issues/262)
* [Figma for cohhesive conversion paths](https://www.figma.com/file/ZXMLi2KANpumss7MXtAgi7/Cohesive-%26-Efficient-Conversion-Paths?node-id=0%3A1)
* [Jumpstart Figma file](https://www.figma.com/file/RfId179phVJZ9rgm6aBdys/Jumpstart?node-id=25%3A708)
* [Event template figma file](https://www.figma.com/file/frPfePiwZlywXoTkEsw5g1/Email-Web-Design-System---Commit-Example?node-id=0%3A1)
* [Event landing page template issue](https://gitlab.com/gitlab-com/www-gitlab-com/-/issues/6295)
* [Comparison pages Figma](https://www.figma.com/file/4EDH2Zc8bXRjQ4cVL3cdlr/GitLab-vs.-Campaign?node-id=142%3A0)
* https://about.gitlab.com/compare/github-actions-alternative/
* https://about.gitlab.com/compare/jenkins-alternative/
* https://about.gitlab.com/just-commit/lower-tco/
* https://about.gitlab.com/solutions/aws/

#### Please create a checklist of deliverables in this phase

- [x] Create a responsive Marketo landing page template.
- [x] Identify and implement MVC toggleable and editable regions.
- [x] Review with stakeholders.
- [x] Ensure we have sufficient analytics for performance metrics.
    * Classnames.
    * Tracking tags (GTM).
    * Javascript events.
    * UTMs.
    * Pathfactory & email addresses.
- [x] Ensure opengraph data works as expected.
- [x] Check for mobile usability.
    * Finger-friendly touch interactions.
    * Mobile viewport meta tags are present and sized appropriately.
- [ ] Browser / SPA icon.
- [x] Appropriate font-stack is used.
- [ ] Ensure that the new look and feel aligns with upcoming ads & campaigns as well as past ones.
    * Example: [DevSecOps campaign](https://gitlab.com/gitlab-com/marketing/digital-marketing-programs/-/issues/2592#note_328544950)
- [x] Assess if the template is applicable to this [template request](https://gitlab.com/gitlab-com/marketing/corporate-marketing/-/issues/2425)
- [x] Create a followup issue for the next phase.

#### Saved for later phases

* Document how to use the new template.
* Preview of "what's inside"
* Implement AB testing framework.

<!--THE END-->

<!-- These labels will be automatically applied unless you edit or delete the following section -->

Story points: 24.0