diff --git a/app/page.jsx b/app/page.jsx
index 72d36b4..770b149 100644
--- a/app/page.jsx
+++ b/app/page.jsx
@@ -77,8 +77,10 @@ export default function Page() {
     <>
       {/* Navbar */}
       <div
-        className={`navbar fixed top-0 left-0 right-0 z-50 bg-gradient-to-r from-blue-500 to-purple-600 text-white shadow-lg flex flex-col md:flex-row transition-all duration-300 ${
-          isScrolled ? "backdrop-blur-md bg-opacity-30" : "bg-opacity-100"
+        className={`navbar fixed top-0 left-0 right-0 z-50 text-white shadow-lg flex flex-col md:flex-row transition-all duration-300 ${
+        isScrolled
+          ? "bg-gradient-to-r from-white/10 via-white/20 to-white/10 backdrop-blur-lg backdrop-saturate-150"
+          : "bg-gradient-to-r from-white/20 via-white/30 to-white/20 backdrop-blur-md"
         }`}
         style={{ margin: 0, border: "none" }}
       >
diff --git a/package-lock.json b/package-lock.json
index 52a5ad0..e55e62d 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,9 +12,9 @@
         "@ai-sdk/openai": "^0.0.44",
         "@hookform/resolvers": "^3.9.0",
         "ai": "^3.3.5",
-        "next": "14.2.3",
-        "react": "^18",
-        "react-dom": "^18",
+        "next": "^14.2.3",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
         "react-hook-form": "^7.52.2",
         "zod": "^3.23.8"
       },
@@ -1568,6 +1568,7 @@
       "version": "14.2.3",
       "resolved": "https://registry.npmjs.org/next/-/next-14.2.3.tgz",
       "integrity": "sha512-dowFkFTR8v79NPJO4QsBUtxv0g9BrS/phluVpMAt2ku7H+cbcBJlopXjkWlwxrk/xGqMemr7JkGPGemPrLLX7A==",
+      "license": "MIT",
       "dependencies": {
         "@next/env": "14.2.3",
         "@swc/helpers": "0.5.5",
@@ -1916,6 +1917,7 @@
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react/-/react-18.3.1.tgz",
       "integrity": "sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==",
+      "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.1.0"
       },
@@ -1927,6 +1929,7 @@
       "version": "18.3.1",
       "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-18.3.1.tgz",
       "integrity": "sha512-5m4nQKp+rZRb09LNH59GM4BxTh9251/ylbKIbpe7TpGxfJ+9kv6BLkLBXIjjspbgbnIBNqlI23tRnTWT0snUIw==",
+      "license": "MIT",
       "dependencies": {
         "loose-envify": "^1.1.0",
         "scheduler": "^0.23.2"
diff --git a/package.json b/package.json
index 3063fe1..abcbfc8 100644
--- a/package.json
+++ b/package.json
@@ -13,9 +13,9 @@
     "@ai-sdk/openai": "^0.0.44",
     "@hookform/resolvers": "^3.9.0",
     "ai": "^3.3.5",
-    "next": "14.2.3",
-    "react": "^18",
-    "react-dom": "^18",
+    "next": "^14.2.3",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "react-hook-form": "^7.52.2",
     "zod": "^3.23.8"
   },