Build a React.js frontend for a blockchain-based certificate verification system with two main portals: University Portal and Employer Portal (use React Router for navigation).

University Portal features:
1. Login page (username, password) with link to registration.
2. Registration page: University name, wallet address, public key input, email verification flow.
3. Dashboard with sidebar for navigation (Issue Certificate, View All Certificates, Revoke Certificate).
4. Issue Certificate: Form for certificate details, upload signed PDF, QR code generation, "Send to Student" button opens Gmail compose with filled email.
5. View All Certificates: Table/list of issued certificates (search/filter, clickable for details).
6. Revoke Certificate: Form for certificate ID, show details, revoke button.

Employer Portal features:
1. Verification page: Input for certificate ID or scan QR code.
2. Result page: Certificate details, signature verification result, status (Valid/Revoked/Not Found).

Use Material-UI or Chakra UI for clean styling (optional), Axios for backend/footer API calls, and qrcode.react for QR code.

Create React components and router structure for all required pages and flows.

Add a lot of animations and pictures, make the website visually aesthetic and dark and sleek, the name of the website is TrustChain

README.md

@@ -1,10 +1,13 @@
 ---
-title: Trustchain Certifysecure
-emoji: 📈
-colorFrom: indigo
-colorTo: yellow
+title: TrustChain CertifySecure 🔗
+colorFrom: blue
+colorTo: pink
+emoji: 🐳
 sdk: static
 pinned: false
+tags:
+  - deepsite-v3
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+# Welcome to your new DeepSite project!
+This project was created with [DeepSite](https://deepsite.hf.co).