Skip to content

feat:Update pages UI

Praveena Veeranki requested to merge feature/pages-ui into develop

Description

This MR redesigns the POSH pages to fully align with the newly redesigned SWECHA homepage UI system and introduces a consistent dark/light theme experience across the platform.

Previously, the POSH pages felt disconnected from the main website and appeared more like standalone document pages embedded inside the platform. This update transforms them into immersive, modern, and fully integrated website sections.

✨ UI & UX Improvements

  • Redesigned POSH pages to match homepage visual language
  • Added consistent dark/light theme support
  • Improved theme switching experience with smooth transitions
  • Unified typography, spacing, gradients, and component styling
  • Replaced document-style layouts with modern storytelling sections
  • Added premium glassmorphism effects across containers and cards
  • Improved overall page hierarchy and readability
  • Enhanced responsive behavior across all screen sizes

🎬 Motion & Interaction Enhancements

Implemented modern animations and interactions using Framer Motion:

  • Smooth page transitions
  • Fade and blur reveal animations
  • Staggered content animations
  • Hover glow interactions
  • Floating card effects
  • Animated section reveals
  • Smooth hover and scroll interactions

🧱 Layout & Component Refactor

  • Converted long plain sections into modular interactive layouts
  • Added reusable glass cards and content blocks
  • Improved awareness/info section presentation
  • Enhanced section separation and visual flow
  • Refactored shared UI components for consistency

🌗 Theme System

Added:

  • Dark mode support
  • Light mode support
  • Persistent theme handling
  • Shared theme styling across homepage and POSH pages
  • Consistent palette integration

⚙️ Frontend Improvements

  • Improved reusable component architecture
  • Enhanced responsive layouts
  • Optimized animation rendering
  • Improved maintainability and scalability
  • Unified overall frontend design system

🧪 Validation

Verified successfully:

  • npm run lint
  • npm run build
  • npm run test

Pipeline passed successfully with no major issues.

🎯 Outcome

The POSH pages now feel like a seamless part of the SWECHA platform with:

  • premium modern UI
  • immersive interactions
  • unified theme experience
  • improved storytelling layouts
  • polished glassmorphism styling
  • modern AI/SaaS-inspired user experience. closes #9 (closed)
Edited by Praveena Veeranki

Merge request reports