In the XD file linked below, you can find the design of the two pages you need to implement using Next.js (ReactJS), 'Home' (XD pages 1 & 2) and 'Markets' (XD pages 3 & 4). You can download the assets directly from the XD file except for the image of the second section, that can be found in the root folder of the repository.
XD file: https://xd.adobe.com/view/35937006-6edb-4c74-a655-1d2b064d3ad4-60c0/
Key points:
- The website consists of 2 pages, 'Home' (XD pages 1 & 2) and 'Markets' (XD pages 3 & 4) page
- You should be able to navigate from the 'Home' page to the 'Markets' page and vice versa
- Hovering 'Instruments' on navigation bar, should display the dropdown menu
Assessment Criteria:
- Fully responsive implementation
- Using best practices
- Optimized code
- Consistency and Scalability
- Ability to follow the design as closely as possible
- Concise log of the hours spent on the project
Let us know if anything is unclear, and do not hesitate contacting us for any questions.
Good luck!