## ✨ Enhancement: Replace Login with Signup, Improve Auth Page, and Add Toast on Success

Description

The current login flow lacks visual consistency and user feedback. A minimal "Sign in with Google" button is shown without a proper page or confirmation. To improve user experience and clarity, we need the following enhancements:

---

✅ Expected Behavior

• Replace the Login button on the homepage with a Signup button.
• Clicking Signup should redirect to a proper auth page.
• Auth page should:
  • Match website theme (e.g., black/dark background).
  • Centered layout with:
    • Continue with Google button
    • Continue with GitHub button
• After successful authentication:
  • Show a React Hot Toast notification like:

    toast.success("You're successfully signed in! 🎉");
    

---

❌ Current Behavior

• The homepage shows a "Login" button (not Signup).
• Clicking Login opens a blank/minimal auth flow.
• No styled page or themed background.
• No success message or confirmation toast after login.

---

🛠 Suggested Fixes

1.apps/web/app/components/Home/Header.tsx

• Replace "Login" button with "Signup"
• Point it to /auth or /auth/signup

🌐 Environment

• Framework: Next.js (App Router)
• Auth Provider: Google (and GitHub)
• Styling: Tailwind CSS
• Notifications: react-hot-toast

---

📌 Priority

⭐ Medium to High – Enhances authentication UX and improves user onboarding clarity

---

✅ Tasks

• Replace "Login" with "Signup" on home page
• Create /auth page with black/dark background
• Add Google & GitHub sign-in buttons
• Add react-hot-toast success message on sign-in

---