The footer is a part of the navigation where users expect to find the ”fine print”  — legal information such as 'terms and conditions,' 'privacy policies. ' Thus, your footer should contain the following items, at a minimum. Navigation links. Site map.

Where this element can be seen?

The footer can be seen across the whole site at the bottom of each page.

How should this element be designed?

The footer should be represented for desktop and mobile.

It should have all necessary elements with hover states and expanded states if such is necessary. If the element has inputs and some specific states are necessary excluding default ones, it should be represented as well.

If the footer should not be rendered on some specific pages, devices, it should be represented in the design.

How the design may look like?

Design Example 1

Design Example 2

How to develop styles for this element?

The Footer component is responsible for rendering the footer. Element is rendered in the Router component and in the HomePage route separately. By default Footer has isVisibleOnMobile props which give the opportunity to manage to render of footer element for mobile devices.

There is 3 main possibilities to create footer:

1. With CMS block
2. With Menu Manager
3. Hardcode

<aside> ℹ️ Usually, styling this element takes from-to: 3-5h

</aside>

How the implementation may look like?

Will be added after we will have Footer as a requested element.