From e76e041b1eecf249f8dab5fa221b752221f2b86a Mon Sep 17 00:00:00 2001 From: Barshan Majumdar Date: Sun, 12 Apr 2026 09:17:04 +0530 Subject: [PATCH 1/4] Updated UI --- client/index.html | 3 + client/src/components/About.jsx | 10 +- client/src/components/AnimatedBackground.jsx | 2 +- client/src/components/BackToTop.jsx | 2 +- client/src/components/FeatureCards.jsx | 12 +- client/src/components/Footer.jsx | 18 +-- client/src/components/HeroSection.jsx | 37 +++-- client/src/components/HowItWorks.jsx | 8 +- client/src/components/Navbar.jsx | 124 +++++++------- client/src/components/Preloader/Loader.jsx | 4 +- client/src/components/QuickActions.jsx | 38 ++--- client/src/components/ScrollToTopButton.jsx | 2 +- client/src/components/ThemeToggle.jsx | 59 +++++-- .../components/dashboard/ActionButtons.jsx | 2 +- .../src/components/dashboard/OverallMood.jsx | 2 +- client/src/index.css | 151 +++++++++++++----- client/src/pages/AnalyzePage.jsx | 6 +- client/src/pages/ContactPage.jsx | 8 +- client/src/pages/Dashboard.jsx | 7 +- client/src/pages/ForgotPassword.jsx | 2 +- client/src/pages/HelpCenterPage.jsx | 6 +- client/src/pages/JournalPage.jsx | 43 +++-- client/src/pages/LoginPage.jsx | 4 +- client/src/pages/NewsListingPage.jsx | 24 +-- client/src/pages/NewsPage.jsx | 42 ++--- client/src/pages/ResetPassword.jsx | 2 +- client/src/pages/SignupPage.jsx | 6 +- client/src/pages/UserProfile.jsx | 12 +- client/yarn.lock | 28 ++-- 29 files changed, 395 insertions(+), 269 deletions(-) diff --git a/client/index.html b/client/index.html index c9a11e15..4e41f21c 100644 --- a/client/index.html +++ b/client/index.html @@ -4,6 +4,9 @@ + + + SentiLog-AI: AI-powered sentiment insights for your world diff --git a/client/src/components/About.jsx b/client/src/components/About.jsx index acc814f4..0d03d3ee 100644 --- a/client/src/components/About.jsx +++ b/client/src/components/About.jsx @@ -33,8 +33,8 @@ const About = () => { {/* Overview */}

@@ -83,13 +83,13 @@ const About = () => { title: "📰 News Bias Filtering System", desc: "Analyzes current news articles in real-time to detect political bias — Left, Right, or Neutral — enabling users to view multiple perspectives and make balanced judgments.", gradientLight: "from-blue-400 to-blue-600", - gradientDark: "from-purple-600 to-pink-500", + gradientDark: "from-sky-600 to-blue-500", }, { title: "📓 Mood Journaling", desc: "Track daily moods and emotions over time. AI-powered sentiment analysis uncovers patterns, emotional trends, and possible external influences.", - gradientLight: "from-pink-400 to-pink-600", - gradientDark: "from-purple-500 to-blue-600", + gradientLight: "from-blue-400 to-blue-600", + gradientDark: "from-sky-500 to-blue-600", }, ].map(({ title, desc, gradientLight, gradientDark }, i) => (
( {/* Solid background */}
diff --git a/client/src/components/BackToTop.jsx b/client/src/components/BackToTop.jsx index 5fd40dc2..bd052ae7 100644 --- a/client/src/components/BackToTop.jsx +++ b/client/src/components/BackToTop.jsx @@ -22,7 +22,7 @@ const BackToTopButton = () => { return ( diff --git a/client/src/components/FeatureCards.jsx b/client/src/components/FeatureCards.jsx index d51257cf..81f6db86 100644 --- a/client/src/components/FeatureCards.jsx +++ b/client/src/components/FeatureCards.jsx @@ -73,16 +73,16 @@ const FeatureCards = () => { data-aos={feature.aos} to={feature.link} key={feature.key} - className={`group relative backdrop-blur-sm rounded-3xl p-8 text-center border shadow-xl hover:shadow-2xl transition-all duration-500 transform hover:scale-105 cursor-pointer overflow-hidden ${ + className={`group relative glass-panel rounded-3xl p-8 text-center shadow-[0_8px_30px_rgb(0,0,0,0.04)] hover:shadow-[0_8px_30px_rgb(0,0,0,0.12)] transition-all duration-500 transform hover:-translate-y-2 cursor-pointer overflow-hidden ${ theme === 'dark' - ? 'bg-gray-800/60 border-gray-700/50 hover:border-gray-600' - : 'bg-white/80 border-gray-200/50 hover:border-gray-300' + ? 'border-white/5 hover:border-white/20' + : 'border-zinc-200 hover:border-zinc-300' }`} onMouseEnter={() => setHovered(feature.key)} onMouseLeave={() => setHovered(null)} > {/* Background Gradient Overlay */} -
+
{/* Content */}
@@ -130,8 +130,8 @@ const FeatureCards = () => { {/* Bottom Gradient Bar */}
))} diff --git a/client/src/components/Footer.jsx b/client/src/components/Footer.jsx index b0432946..4f1e0044 100644 --- a/client/src/components/Footer.jsx +++ b/client/src/components/Footer.jsx @@ -25,7 +25,7 @@ const Footer = () => { }, []); return ( -