📝 Issue Description:
The current authentication pages (login and signup) work fine functionally but need a more modern, aesthetic, and user-friendly redesign.
The goal is to make the auth flow clean, minimal, and consistent with the overall FingAI brand style.
🎯 Goals:
Improve overall layout, spacing, and typography on auth pages
Add smooth transitions and hover effects (Tailwind + Framer Motion if possible)
Ensure dark/light mode compatibility
Add proper form validation messages (success, error, etc.)
Center the form visually with balanced padding and alignment
Add optional auth side illustration or a minimal gradient background
💡 Suggestions (Optional):
Use Shadcn UI form components for consistency
Include Lucide icons for input fields (email, password, etc.)
Add a small tagline or subtext under “Sign In” / “Create Account”
Consider adding a progressive blur or gradient effect background
Maintain mobile responsiveness
🧠 Tech Stack Reference:
Next.js (App Router)
Tailwind CSS
Shadcn UI
Framer Motion (optional for subtle animation)
🧩 Expected Outcome:
A polished authentication experience that feels professional, fast, and visually cohesive with the rest of FingAI’s design system.
📝 Issue Description:
The current authentication pages (login and signup) work fine functionally but need a more modern, aesthetic, and user-friendly redesign.
The goal is to make the auth flow clean, minimal, and consistent with the overall FingAI brand style.
🎯 Goals:
Improve overall layout, spacing, and typography on auth pages
Add smooth transitions and hover effects (Tailwind + Framer Motion if possible)
Ensure dark/light mode compatibility
Add proper form validation messages (success, error, etc.)
Center the form visually with balanced padding and alignment
Add optional auth side illustration or a minimal gradient background
💡 Suggestions (Optional):
Use Shadcn UI form components for consistency
Include Lucide icons for input fields (email, password, etc.)
Add a small tagline or subtext under “Sign In” / “Create Account”
Consider adding a progressive blur or gradient effect background
Maintain mobile responsiveness
🧠 Tech Stack Reference:
Next.js (App Router)
Tailwind CSS
Shadcn UI
Framer Motion (optional for subtle animation)
🧩 Expected Outcome:
A polished authentication experience that feels professional, fast, and visually cohesive with the rest of FingAI’s design system.