add buy klima view to dapp

[0xMakka]

Description

Adds a buy view to the dApp with details how to buy Klima on Aerodrome and additional information.

Related Ticket

Closes #2416

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
base	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 22, 2025 2:30pm
klimadao-app	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 22, 2025 2:30pm

1 Skipped Deployment

Name	Status	Preview	Comments	Updated (UTC)
carbon	⬜️ Ignored (Inspect)	Visit Preview		Jan 22, 2025 2:30pm

[0xMakka]

Note: @jabby09 / @0xtapi - on the old buy screen there was an image card below the balances card, I've left this as it previously was instead of the rebases card as I thought it would make more relevant? Can put the rebases card though very quickly if you feel it should be there instead.

Also, I've tried to keep some of the styles consistent across the app, especially titles/descriptions. The figma designs have different font sizes than what is currently in the dapp, so I tried to stay as close to the dapp styles.

[jabby09]

looks good so far, see discord note on some further page changes.

also since all these links take the user away from the dApp, we should target those urls to a new tab

[0xMakka]

looks good so far, see discord note on some further page changes.

also since all these links take the user away from the dApp, we should target those urls to a new tab

@jabby09 changes pushed to reflect the changes in the designs. 👍

[jabby09]

@0xMakka is it just my eyes or is the read more about klima 2.0 link not the same font size as every other link on this page?

[jabby09]

@0xMakka other content changes:

Buy KLIMA

Easily buy or sell KLIMA with low slippage and deep liquidity on Aerodrome.

Put your KLIMA to work

Head to base.klimadao.finance to programmatically grow your position.

Note...make sure KLIMA is in caps in both headings.