Increase button text contrast for better accessibility and readability.

Author: steam-bell-92

package.json

@@ -41,9 +41,9 @@
     "dotenv": "^16.6.1",
     "embla-carousel-autoplay": "^8.6.0",
     "embla-carousel-react": "^8.6.0",
-    "firebase": "^9.22.2",
+    "firebase": "^12.3.0",
     "firebaseui": "6.1.0",
-    "framer-motion": "^12.7.5",
+    "framer-motion": "^12.23.22",
     "lucide-react": "^0.503.0",
     "prism-react-renderer": "^2.3.0",
     "react": "^18.3.1",

src/pages/interview-prep/index.tsx

@@ -1205,14 +1205,14 @@ function InterviewPrepContent({
             <motion.div className="flex flex-col sm:flex-row gap-4 justify-center" variants={fadeIn}>
               <Link
                 to="/get-started"
-                className="bg-white text-blue-600 px-8 py-4 rounded-lg font-semibold hover:bg-blue-50 transition-all duration-300 transform hover:scale-105 shadow-lg"
-              >
+                className="border-2 border-white bg-transparent text-white px-8 py-4 rounded-lg font-semibold hover:bg-white hover:text-blue-600 transition-all duration-300 transform hover:scale-105 shadow-lg"
+                >
                 Start Preparing Now
               </Link>
               <Link
                 to="/community"
-                className="border-2 border-white bg-white text-blue-500 px-8 py-4 rounded-lg font-semibold hover:bg-white hover:text-blue-600 transition-all duration-300"
-              >
+                className="border-2 border-white bg-transparent text-white px-8 py-4 rounded-lg font-semibold hover:bg-white hover:text-blue-600 transition-all duration-300"
+                >
                 Join Community
               </Link>
             </motion.div>