adisuyash commented 1 week ago

Description

We need to enhance the user experience by implementing a dedicated landing page that allows users to connect their MetaMask wallet and then route them to a new /send page after a successful connection.

Tasks:

1. Landing Page:

Create a landing page or homepage / that includes:
- A button to connect the MetaMask wallet (only MetaMask, no other wallet).
- After the wallet is connected, change the button text to Send Coffee to Adi.
- Optionally, display the connected wallet address in a user-friendly manner.

2. Routing:

Add routing logic so that when the Send Coffee to Adi button is clicked, the user is redirected to the /send page.

3. MetaMask Integration:

Ensure that only MetaMask can be used to connect.
Handle wallet connection events and states, such as when the user connects or disconnects their wallet.

Expected Outcome:

When the user first visits the site, they see the landing page with a "Connect Wallet" button.
After connecting MetaMask, the button changes to "Send Coffee to Adi".
Clicking the button routes the user to the /send page.

Please Note:

Make the landing page visually appealing and simple. Contributions to the design and layout are welcome!
For any queries or clarifications, use the #general channel in the Tech Bastic Discord server and tag @adisuyash for assistance.
Feel free to ping me if you need any support! I'm always there to help you :eyes:

PALLAVIKHEDLE commented 1 week ago

Can you pls assign it to me?