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: