Next.js: Create Several Pages From Figma

We took this starter template: https://github.com/vercel/nextjs-subscription-payments

Nextjs, TS.

We have set the all necessary adjustments on our end, so authentication, test subscriptions are working.

We need to use that app as a template to start putting designs.

What you need to do:

1. Update login / registration page with our wireframe;

2. User dashboard page;

3. User settings page.

4. 2FA page should be updated to expect uuid format of the token.

More details and context will be provided to a selected candidate. No agencies, please.

API work (backend) not needed at this point. We need pages to be accessible by routes.

We don't have mockups for tablet, so please make sure you will be comfortable to make responsiveness from desktop mockups. Basically, this is more like front-end job for creating UI components. 

For charts libraries should be used with mock data.

Any library you want to bring - should be discussed. 

You will make a brunch from our forked main and will be provided with all .env variables.

You will work using git and will be making commits, which will be reviewed later. 

We expect you write reusable components following the architecture and code-style from template.

Please, provide:

1. Estimate timeline of completing;

2. Budget you are looking on (page 1 price, page 2 price, etc.);

3. Your expertise with React/Next, TS, Responsiveness.