Web-App Build - (Sports & Fitness)

I have a complete mobile-first UI in Adobe XD that captures the look, flow and component behaviour I need (see it here: https://xd.adobe.com/view/c7311455-9d35-4540-b015-f744ed65ac4b-9262/). Your task is to translate that vision into a fully responsive web application built with the latest Next.js on the frontend and Node.js on the backend.

Core scope
• Create a pixel-perfect Home page and a logged-in User Dashboard, adapting the mobile design to desktop and tablet breakpoints.
• Everything is required as part of this phase as per the XD Design screens - A Fully Functional Web App with all the features.
• Implement email-and-password authentication, wired to a secure session system.
• Hook the app to a persistent database (I’m open to PostgreSQL, MySQL or MongoDB—choose what best fits Next.js API routes or your preferred ORM).
• Deliver clean, documented code in a public repo plus deployment instructions for Vercel or a comparable host.

Acceptance criteria
1. Navigation, routing and page transitions match the XD prototype.
2. Sign-up, login, logout and protected routes function smoothly, with bcrypt-hashed passwords and JWT or NextAuth session handling.
3. All dynamic data reads and writes successfully to the database; env variables are used for secrets.
4. Lighthouse desktop score ≥ 90 for performance and accessibility.
5. Source builds without errors using yarn install && yarn build; README covers setup in under 5 minutes.

app has an e-Commerce functionality,
Payment integration - Razorpay
Shipping integration - Shiprocket

I’m online for quick feedback and will start a follow-up mobile build once this web version is live, so well-structured components and reusable styles will be appreciated.