Add AquaUSD to DeFi page

src/Defi.tsx

@@ -2,6 +2,7 @@ import { observer } from 'mobx-react-lite'
 import { Model } from './Model'
 import dedust from './assets/dedust.png'
 import ston from './assets/ston.png'
+import aquaUsd from './assets/aquausd.png'
 import evaa from './assets/evaa.svg'
 
 interface Props {
@@ -78,6 +79,26 @@ const Referral = observer(({ model }: Props) => {
                 </div>
             </div>
 
+            <div className='m-8 mt-48 flex flex-col items-start gap-4 sm:flex-row'>
+                <div className='flex-1 sm:max-w-64'>
+                    <h3 className='py-4 text-2xl font-bold'>Mint Stablecoin</h3>
+                    <p className='my-4 text-lg'>Use hTON as collateral to mint stablecoins on TON.</p>
+                </div>
+                <div className='flex w-full flex-1 flex-col flex-wrap items-center justify-center gap-4 md:flex-row'>
+                    <div className='flex w-44 flex-none flex-col rounded-2xl border border-dark-600 border-opacity-50 bg-milky bg-opacity-50 p-4 text-center shadow-md dark:border-milky dark:border-opacity-50 dark:bg-dark-700'>
+                        <img src={aquaUsd} className='mx-auto h-12' />
+                        <p className='m-4 font-medium'>AquaUSD</p>
+                        <a
+                            className='mx-4 rounded-xl bg-orange p-2 text-white dark:text-dark-600'
+                            href={model.aquaUsdUrl}
+                            target='hipo_dedust'
+                        >
+                            Mint Now
+                        </a>
+                    </div>
+                </div>
+            </div>
+
             <div className='m-8 mt-48 flex flex-col items-start gap-4 sm:flex-row'>
                 <div className='flex-1 sm:max-w-64'>
                     <h3 className='py-4 text-2xl font-bold'>Take a Loan</h3>

src/Model.ts

@@ -102,6 +102,7 @@ export class Model {
     readonly dedustPoolUrl = 'https://dedust.io/pools/EQBWsAdyAg-8fs3G-m-eUBCXZuVaOldF5-tCMJBJzxQG7nLX'
     readonly stonSwapUrl = 'https://app.ston.fi/swap?chartVisible=false&ft=hTON&tt=TON'
     readonly stonPoolUrl = 'https://app.ston.fi/pools/EQDjmQDt12Ys1-gyKZskDSIDAVQaciI3cIUpk46LCWtnKpGF'
+    readonly aquaUsdUrl = 'https://app.aquaprotocol.xyz/mint'
     readonly evaaLoanUrl = 'https://app.evaa.finance/'
 
     constructor() {