Web3 - Smart Contract - Integration to react website

I have a react website design completed and the smart contract perfectly working for a project very similar to maticstaker or maticfomo, we need ONLY the web3 integration and be able to check everything is working fine before deploying. This is what we need to be done: * Connect (metamast, trustwallet). * 6 matic staking plans (3 locked and 3 unlocked), user can type the amount of matic to deposit and it will automatically show how much money the user will receive at the end of the plan. * There's a "my stake" section where user can check the remaining time for their already deposited plans and how much they will receive. For each plan the user started it should appear one of this squares. (You can ask for screenshots). * Withdraw available funds button. * Referral system with 3 levels (already in the smart contract, needs to work, need integrate "total referral earned" and "total referral withdrawn"), also the button "Copy Referral Link" should copy the user referral link (which is the URL + user wallet). * Show contract stats (total staked, total members, contract balance). You can go whatever the way you want, hardhat or truffle, but I need to be able to test before deployment (and probably you'll need to give me some instructions here). I'm working in Visual Studio Code. I have a low budget but I'm looking for a long-time working relationship, if project does well I can give a really nice tip afterwards from the profit obtained (and keep working with you at a better budget next time).