Login Page Redesign

Before

Three stacked sections: Google button, Email form, Phone form — each with its own separator.

After

Two sections:

1. Google sign-in button at the top
2. Combined Email/Phone card with a segmented control tab toggle

Tab Design

• Active tab: orange background (bg-orange-500), white text
• Inactive tab: gray text (text-gray-600)
• State managed by authTab ("email" | "phone")

Email Signup Confirmation

After successful email signup, the form is replaced with a confirmation screen:

• Mail icon
• “Check your email” heading with the user’s email address
• “Back to sign in” button

File

src/app/login/page.tsx