Implement Login Page UI with Volunchain Theme

[Villarley]

Issue: Implement Login Page UI with Volunchain Theme

Description

Design and implement a login page based on the ShadCN login-04 layout, using the Volunchain color scheme and design tokens. This page will be the entry point for user authentication.

Steps to Follow:

1. Set up route

   • Create the file: /src/app/auth/login/page.tsx

2. Implement UI layout

   • Use a centered card layout with email and password inputs.
   • Add a primary login button.
   • Include a "Forgot password?" and a "Create account" link.

3. Apply Volunchain styling

   • Background: var(--background)
   • Primary button: var(--primary)
   • Inputs: bordered with #73b9eb
   • Typography: Kantumruy or fallback to system font

4. Use existing UI components

   • Leverage <Input> and <Button> from the shared components folder.

---

Example:

<Input type="email" label="Email address" placeholder="Enter your email" />
<Button variant="primary">Login</Button>

[EbukaMoses]

Hi, my name is Ebuka Moses. I’m a blockchain developer with a strong focus on Smart contract, frontend engineering and smart contract integration. Over the years, I've contributed to several open-source projects in the Web3 space and bring a deep understanding of how decentralized applications should look and feel.

I'm a StarkNet Cairo Bootcamp Cohort graduate, and while I have experience with smart contracts (Rust, Cairo, Solidity), I enjoy bringing dApps to life through intuitive, user-focused interfaces.

As a cohort captain at Web3Bridge, I mentor developers and lead sessions that bridge smart contracts with practical frontend development. I’d love the chance to contribute to this project and collaborate with others building in the ecosystem.
Please feel free to assign me to this issue.

[FabianSanchezD]

Hello @Villarley, I'm Fabian Sanchez. I have experience working with NEXT.js and React. I’ll use the ShadCN login-04 layout, apply the Volunchain design tokens, and follow the structure as outlined. Let me know if there are any additional guidelines I should keep in mind before I start!

[aguilar1x]

Hi, my name is Matias Aguilar. I am a software development engineer with 2.5 year of experience in backend and some frontend. I am a maintainer of projects like RevolutionaryFarmers, StarShop, Scaffold Rust and Arcadis focusing on Smart Contracts using Rust, Frontend and Backend, and I also have experience with Cairo. StarkNet bootcamp graduate. I am passionate about design, which is why I enjoy UI/UX, and I have a natural ability to create effects or design anything that might be needed. My experience in both frontend and backend enables me to carry out a wide variety of tasks to achieve set goals.

I am also skilled in documentation, ensuring that the reading experience is clean, concise, and enjoyable for the reader. I apply various visual techniques to make the content engaging and appealing. I am a member of Dojo Coding, and I would really love to participate in the project with this issue.

Recommended by OnlyDust for high-quality and dependable contributions.

[tali-creator]

hi boss
i'll like to take on this task
am a front end developer with 3 years of experience and i'll deliver in 24hrs

[Rampop01]

i would like to work on this task, i will design and implement a login page based on the ShadCN login-04 layout, using the Volunchain colour scheme and design tokens. Knowing so well that this is the entry point for user authentication, I will work on it meticulously

[legend4tech]

Hi am legend4tech a fullstack developer , I will love to work on this issue properly make sure I follow the guidelines and properly solve the issue as instructed. ETA : 24hrs looking forward to be assigned

Recommended by OnlyDust for high-quality and dependable contributions.