Implement Login Screen

[AbanoubSaied277]

User Story

As a user, I want to connect my Sui Wallet to start the onboarding process and begin using the S3.Money platform.

Description

• [Sign In with Sui Wallet]: This button allows users to connect their Sui Wallet to the S3.Money platform. Clicking this button will likely trigger a pop-up or modal window informing the user that only passphrase wallets are currently supported for connecting to S3.Money.
• [Install Extension]: This button directs users to install the Sui Wallet extension required to use the S3.Money platform.
• [Previous] and [Next]: These buttons are likely for a carousel that showcases the benefits of using S3.Money.
• Pop-up “Connect Your Passphrase Wallet”: The pop-up should instruct the user to "Connect Passphrase Wallet" to proceed.

Acceptance Criteria

1. Sign In with Sui Wallet Button
   • Clicking the button should trigger a pop-up.
   • The pop-up should inform the user that only passphrase wallets are currently supported (for now).
2. Install Extension Button
   • Clicking the button should redirect the user to a trusted source for installing the Sui Wallet extension
3. [Previous] and [Next]
   • Navigate between four different carousel tabs.
4. Pop-up
   • Clicking the button should initiate a secure connection process between the user's Sui Wallet and the S3.Money platform.
   • Upon connecting a Zk-login wallet, the pop-up should display an appropriate error message indicating the issue.

Tasks

• Login Screen
• Login pop-up