Stakte Platform

Design a modern web dashboard UI for a crypto-style staking platform called HCoin. The app has two roles: User and Admin. User Dashboard: Clean dashboard layout with sidebar and main content area Show Wallet Balance (HC) and Total Staked HC in large cards Stake section with: Custom stake input Quick stake buttons (25%, 50%, 75%, MAX) “Stake Now” button Active stake details: Current staked amount Fixed reward rate (1% per time interval) Countdown timer showing time left for next reward increment Visual progress bar or circular timer Rewards section: Available to Claim (HC) Total Claimed (HC) “Claim Rewards” button (disabled when claim = 0) Admin Panel: Separate admin dashboard UI Data table showing: User name Email Wallet balance Staked amount Available claim Total claimed Last stake update time Table should support search, sorting, pagination, and row hover effects Admin summary cards at top: Total users Total HCoin staked Total rewards distributed Total pending claims Design style: Modern, clean, crypto-dashboard look Warm gold / amber color theme Soft shadows, rounded cards, subtle animations Gradient primary buttons Fully responsive (desktop + mobile) If generating code: use React and Tailwind CSS with reusable components and smooth UI transitions.

Pages