Welcome Page

[stynan27]

User Story

As a BlockHeads user, I want a landing page for new users, so that there is an initial place to navigate to our app that describes our product.

Acceptance Criteria

• [ ] Done when a webpage exists to display on the initial landing of the BlockHeads app.
• [ ] Done when the webpage has a welcome title.
• [ ] Done when the webpage has a description of our product.
• [ ] Done when has a top-level toolbar/navigation element that carries between pages.
• [ ] Done when has a top-level footer element that carries between pages.
• [ ] Done when the footer has: contact info, and relevant links (github, linkedIn).

[stynan27]

• [ ] @jtangelo98 to mockup Social Links similar to:

Idea is to have a button that links to our GitHub page (github icon) as well as separate icons for each of our linkedIn profiles.

Can be done with icon button for

[stynan27]

TODOS

• [ ] Where to arrange linkedIn links?
• [ ] Github to the right in footer with company trademark/LLC? Or Github icon at the top left of the Title
• [ ] Background image/slideshow/carousel for content body?
• [ ] Example individual links to pages in navbar

[stynan27]

Compliments of Primary blue button

https://www.colorhexa.com/0d6efd

[stynan27]

• [x] @stynan27 to research how to get Lego fonts in our project. see https://www.fontget.com/font/lego/

After some digging, I found that I could get the two Lego font types (regular & outlined) ported into React. However, I wasn't able to replicate the double stroke effect that we see in the page header (black outer stroke with yellow outermost stroke):

Here is an example with Regular Lego font

And one with outlined font

We can also add a black stroke to the regular font and I think this looks pretty solid 👍

We can still follow the Figma mockup for the header by creating an image using the fontget website linked above if we want 2x stroke style.