From c526461b5b54f8aeb70736bccbe017c68128a425 Mon Sep 17 00:00:00 2001
From: aditya singh rathore <142787780+Adez017@users.noreply.github.com>
Date: Thu, 21 Aug 2025 14:31:39 +0000
Subject: [PATCH 1/2] fixed faqs

---
 src/components/faqs/faqs.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/faqs/faqs.tsx b/src/components/faqs/faqs.tsx
index 0b5f99d7..17d8482e 100644
--- a/src/components/faqs/faqs.tsx
+++ b/src/components/faqs/faqs.tsx
@@ -122,8 +122,8 @@ const FAQs: React.FC = () => {
                       }
                       [&_a]:text-indigo-600 [&_a]:hover:text-indigo-800
                       dark:[&_a]:text-indigo-400 dark:[&_a]:hover:text-indigo-300
-                      [&_strong]:font-semibold [&_strong]:text-gray-800
-                      dark:[&_strong]:text-gray-200`}
+                      [&_strong]:font-semibold [&_strong]:text-gray-500
+                      dark:[&_strong]:text-gray-600`}
                       dangerouslySetInnerHTML={{ __html: faq.answer }}
                     />
                   </motion.div>

From e0b11fa500b1cbe331986fa4e413443fd535484a Mon Sep 17 00:00:00 2001
From: aditya singh rathore <142787780+Adez017@users.noreply.github.com>
Date: Fri, 22 Aug 2025 05:07:57 +0000
Subject: [PATCH 2/2] fixed dark visiblity

---
 src/components/faqs/faqs.tsx | 25 ++++++++++++++++---------
 1 file changed, 16 insertions(+), 9 deletions(-)

diff --git a/src/components/faqs/faqs.tsx b/src/components/faqs/faqs.tsx
index 17d8482e..735cbcfb 100644
--- a/src/components/faqs/faqs.tsx
+++ b/src/components/faqs/faqs.tsx
@@ -7,7 +7,7 @@ const faqData = [
   {
     question: "What is the recode hive?",
     answer:
-      "Recode Hive is a comprehensive platform focused on providing students with the right resources at the right time. We help you focus on important topics and tools used in current industry standards compared to traditional university curricula. This includes data engineering tutorials, blogs, and opportunities for open-source contributions with earning potential. <br><br>🌐 <a href='https://recodehive.com/' target='_blank' rel='noopener noreferrer' class='text-indigo-600 hover:text-indigo-800 underline'>Visit our official website</a> | 📚 <a href='/docs/intro' class='text-indigo-600 hover:text-indigo-800 underline'>Explore our documentation</a>",
+      "Recode Hive is a comprehensive platform focused on providing students with the right resources at the right time. We help you focus on important topics and tools used in current industry standards compared to traditional university curricula. This includes data engineering tutorials, blogs, and opportunities for open-source contribution with earning potential. <br><br>🌐 <a href='https://recodehive.com/' target='_blank' rel='noopener noreferrer' class='text-indigo-600 hover:text-indigo-800 underline'>Visit our official website</a> | 📚 <a href='/docs/intro' class='text-indigo-600 hover:text-indigo-800 underline'>Explore our documentation</a>",
   },
   {
     question: "What features do the recode hive provides?",
@@ -118,13 +118,20 @@ const FAQs: React.FC = () => {
                   >
                     <div
                       className={`mt-2 text-base transition-colors duration-200 ${
-                        isDark ? "text-gray-400" : "text-gray-600"
-                      }
-                      [&_a]:text-indigo-600 [&_a]:hover:text-indigo-800
-                      dark:[&_a]:text-indigo-400 dark:[&_a]:hover:text-indigo-300
-                      [&_strong]:font-semibold [&_strong]:text-gray-500
-                      dark:[&_strong]:text-gray-600`}
-                      dangerouslySetInnerHTML={{ __html: faq.answer }}
+                        isDark ? "text-gray-300" : "text-gray-900"
+                      }`}
+                      style={{
+                        color: isDark ? '#d1d5db' : '#111827'
+                      }}
+                      dangerouslySetInnerHTML={{ 
+                        __html: faq.answer.replace(
+                          /<strong>/g, 
+                          `<strong style="color: ${isDark ? '#f3f4f6' : '#000000'}; font-weight: 600;">`
+                        ).replace(
+                          /<a /g,
+                          `<a style="color: ${isDark ? '#818cf8' : '#4f46e5'};" `
+                        )
+                      }}
                     />
                   </motion.div>
                 </motion.div>
@@ -137,4 +144,4 @@ const FAQs: React.FC = () => {
   );
 };
 
-export default FAQs;
+export default FAQs;
\ No newline at end of file