diff --git a/client/.env.example b/client/.env.example index 14ef138f..a45020af 100644 --- a/client/.env.example +++ b/client/.env.example @@ -1 +1,7 @@ -VITE_API_URL=http://localhost:8080 #backend url \ No newline at end of file +# ========================================== +# Frontend Environment Variables (.env) +# ========================================== +# Note: Vite requires environment variables to be prefixed with 'VITE_' + +# The base URL for your Node.js backend API +VITE_API_URL=http://localhost:8080 \ No newline at end of file diff --git a/client/index.html b/client/index.html index c9a11e15..0593fa88 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 ( -