Create staking contract + web page for wallet connect

I need to create a smart contract for token staking. Staking must be with a lockup. The user connects his wallet on the web page, sends tokens for staking. The user should see the number of staked tokens and the unlock period.
Example: https://staking.kryxivia.io