🌠 Major UI/UX Overhaul: Introduce Glassmorphism, Animations, and New Homepage to Qonnect #4
Description
Qonnect’s frontend UI/UX needs a significant refresh to align with modern design standards and the poetic vision of the app.
This issue proposes a comprehensive overhaul to the styling, layout, and visual experience, including:
Key Goals:
- Replace the existing flat design with a glassmorphic, gradient-rich, and poetic visual style.
- Introduce reusable animation keyframes (float, shimmer, glow, pulse, etc) and utility classes.
- Redesign the homepage with inspirational hero sections, feature cards, stat counters, and improved CTAs.
- Enhance the navigation and demo shell (FinalApp.jsx) with beautiful backgrounds, navigation highlighting, and footer quotes.
- Add a global ErrorBoundary for graceful error handling.
- Ensure accessibility, responsiveness, and smooth transitions throughout the app.
- Update all global CSS and Tailwind utility files for a consistent design system.
Acceptance Criteria:
- All core pages (homepage, navigation, demo shell) feature glassmorphism, gradients, poetic text, and animated micro-interactions.
- CSS is modular, clean, and leverages both Tailwind and custom classes.
- Animations are smooth and unobtrusive, and respect reduced-motion user settings.
- ErrorBoundary displays a beautiful fallback UI on error.
- All major user journeys remain functional and visually delightful.