Create /sponsorship page

[kylemh]

Feature request

We need a page to describe to potential corporate sponsors how and why they should donate.

Proposed solution

• Create a file in the pages folder called sponsorship.js using yarn create-page sponsorship

• There is no mock for this page, so please keep pages like /get_involved and /about and /who_we_serve as examples of the design we're trying to emulate. There's simultaneously a bit of creative freedom, but also please understand this will be a conversation more than a one-and-done pull request. Here are some requirements:

• Use a <HeroBanner> component at the top of the page. It's title prop should be "Corporate Sponsorship". It won't have children.

• [x] Create file

• The 1st section (<Content> with white theme) of the page should include a title that says Become A Corporate Sponsor Today. It should also have a paragraph of the following content:

Operation Code is pleased to invite America’s leading technology companies to become shared value sponsors. Please join us and help make our mission a success. Together, we will create a new and secure future for today’s veterans and military spouses.

• [x] Task 1

• In the 2nd section (<Content> with secondary theme), there should be a title that says: "What We Offer:". Then use <FlatCard> to list out 4 items.

• The largest national volunteer service organization devoted to software engineering.

• Direct and indirect access to military veterans and spouses.

• Potential partnerships with national and local meetups.

• An authentic and vibrant community.

• [x] Task 2

• In the 3rd section (<Content> with white theme), there should be a title that says: "Engagement Opportunities". It should use three <FlatCard>s (without images/buttons) and paragraph elements (as children) to outline the following three-item grid:

1) <FlatCard header="Employee Engagement" />

Provide opportunities for software engineers to mentor new learners and contribute to open source projects. Engage with veterans and military spouse employees in your organization - share their story; loud and proud. 2) ``

Build a talent pipeline between your company and transitioning service members with technical skills and security clearances. 3) ``

Marketing opportunities for national online and local community engagement Community activation opportunities and online recognition via social media and long-form content. - [ ] Task 3 --- - In the 4th section (`` with `secondary` theme), there should be a title that says: "Corporate Partner Opportunities". It should use three `` and paragraph elements to outline the following items as a one column display. Choose the Icons from Font-Awesome at your discretion and have @kylemh deliver the assets. **Gold Sponsor** National benefits include branding recognition in national Slack community, open source program sponsorship, national employee engagement activities, plus all above. **Silver Sponsor** Three local chapter sponsorships of choice, complete with marketing, employee engagement and talent pipeline opportunities, plus all above. **Bronze Sponsor** Sponsor one chapter and support your local Operation Code community for the year, including events, training, and networking opportunities. - [x] Task 4 --- - In the 5th (and last section) we want to use the same "sponsors list" section that exists on our homepage. Let's move (from `pages/index.js`): ```javascript ( ))} /> ``` to its own component in `components/ReusableSections` called `SponsorsSection` and consume it here. - [x] Task 5 @CL-Mason

[kylemh]

This project is assigned to the incubator.