Design and implement toast or alert messages for the sign-in page using Shadcn UI components to ensure consistency and sophistication in user interface design. These notifications should appear when users successfully log in or encounter errors during the login process.
For successful logins, configure the toast to display with a green background, using a Shadcn UI toast component. The message should read, 'Success! You've logged in successfully.' Include a checkmark icon from the Shadcn UI icons set to visually reinforce the success message.
For login errors, such as incorrect email or password entries, use a red background for the alert. The message should be clear and direct, stating, 'Error: Incorrect email or password. Please try again.' Incorporate an exclamation mark icon from the Shadcn UI library to highlight the urgency of the error.
Ensure that these notifications are prominently placed, either at the top or bottom of the page, and are designed to slide in and out smooth | A shadcn/ui and v0 generation - v0
