Enhancement: Redesign Login Page

[51xengineer]

Description

Make the login page look better and more modern while keeping the same colors.

Current Problem

The login page looks basic and not very attractive.

What to Do

Redesign the page with:

Hero Section

• Add a nice background with the same blue colors
• Add "Welcome Back" headline and some benefits
• Add some floating cards showing features

Form Section

• Make form fields look better with icons
• Add "Remember me" checkbox
• Add "Forgot password" link
• Add social login buttons (Google, Facebook)
• Make the submit button look better
• Add link to sign-up page

Requirements

• Keep the same blue colors (#0b0081, #1a1a8a, #f4ff61)
• Make it work on mobile and desktop
• Add smooth animations
• Make it accessible

What to Complete

• Add hero section with animations
• Make form layout responsive
• Add icons to form fields
• Add "Remember me" checkbox
• Add "Forgot password" link
• Add social login buttons
• Keep same color scheme
• Make it work on all devices
• Add smooth animations
• Add link to sign-up page

Files to Change

• login.html - Update the HTML
• login.css - Add new styles

Priority

Medium - Makes the page look better

Labels

enhancement, ui/ux, frontend, login

---

Hi @neeraj542, Please approve this issue so I can start working on it and raise the PR asap!

I have the complete design ready and can implement it quickly. This will significantly improve the user experience of the login page.

[unnati-09m]

Hi @neeraj542 I can handle this issue as per the requirements. Please assign it to me.

[51xengineer]

I think PR is already merged for this issue!

Kindly check this update on website: https://neeraj542.github.io/Personal-Finance-Tracker/login.html