LIVE DEMO PAGE

Implement the Ecosolution landing page according to the technical specifications.

• React

• Layout

To run this project, install it locally using npm:

$ cd ../ecosolution
$ npm install
$ npm run dev

• Fixed header containing a logo, burger menu, Get in touch (excluding mobile version).
• Header color changes on scroll (see ui-kit).
• Smooth scroll to the Contact Us section when Get in touch is clicked.

• Close button, navigation menu, social media links.
• Each menu item is clickable and triggers a smooth scroll to the corresponding section.

• Smooth scroll to the Cases section when Learn more is clicked.

• Use CSS Grid algorithm for the values list layout.
• Do not display photos on mobile, only values.

• Implement an automatic counter, +1 per second (bonus task).

• Infinite slider.
• Change the slide by clicking the buttons or dragging.

• The first answer is open by default.
• Only one answer can be open at a time.

• Smooth scroll to the Contact Us section when Contact Us is clicked.
• Form validation with mandatory and optional fields.

• Arrow for smooth scroll to the Main section.

• Fixed layout in px.
• Semantic and valid markup.
• Accessibility (a11y) as a bonus.
• Responsive and cross-browser layout.
• Use the Mobile First approach.
• Clean code with formatting preserved (ESLint/Prettier).
• Code divided into separate components.