Lending site of company renewable energy

This is lending site of company renewable energy. Features and functionality of this site:

• In the header, which is fixed in the upper part of the screen, there is a logo that changes color with the hover effect and with scrolling. There is also a burger button, which calls up the menu, and a Get in touch button, which, when pressed, smoothly scrolls to the Contact Us section;
• The mobile menu contains a close button, a navigation menu and links to social networks;
• In the Banner section, there is a Learn more button, when you click on it, a smooth scroll to the Cases section occurs;
• The About section contains a list of the company's values;
• In the Electricity section there is a counter of the electricity produced by the company for all time;
• In the Cases section there is an endless slider of the company's successful cases;
• The FAQ section contains the most frequently asked questions about the company's work. Answers to questions are opened by clicking on the text of the question;
• The Contact Us section contains company contacts and a form. Form fields are validated and indicate incorrectly entered data;
• The Footer section contains an arrow that, when clicked, smoothly scrolls to the Main section.

The website complies with the following requirements:

• The layout is fixed in рх;
• The layout is semantic and valid;
• Layout is adaptive and cross-browser - mobile from 360px to 480px (rubber layout), tablet - 768px, desktop - 1280px;
• The code is divided into separate components.

During the creation of this project, the following technologies were used:

• JavaScript
• TypeScript
• React.js,
• Styled-components
• Formik