Issue Description: The current 404 Error page is visually unappealing and does not align with the brand's improved design language. It presents a basic text display with minimal styling and an inline button that lacks proper hover effects or visual feedback. There are no illustrations or branded elements to soften the experience of hitting a dead end. Furthermore, the page provides no helpful navigation suggestions, leaving users stranded.
Action:
- Add a custom 404 illustration or animated SVG to make the page more engaging.
- Style the "Go Home" button using the Chakra UI Button component with brand colors.
- Integrate the UoM logo and brand colors (Blue/Orange).
- Include helpful navigation links (Library, Restaurant, UoM Website) to guide users back to valid content.
- Implement entrance animations for a smoother user experience.
Issue Description: The current 404 Error page is visually unappealing and does not align with the brand's improved design language. It presents a basic text display with minimal styling and an inline button that lacks proper hover effects or visual feedback. There are no illustrations or branded elements to soften the experience of hitting a dead end. Furthermore, the page provides no helpful navigation suggestions, leaving users stranded.
Action: