From 37476ba5d5e9438e7880e1d0c9622cf3dfd2be8f Mon Sep 17 00:00:00 2001
From: piyushkumar0707 <121piyush466mits@gmail.com>
Date: Sat, 18 Oct 2025 20:50:01 +0530
Subject: [PATCH] fix(views): make FAQ section theme-aware and rename
 nav/footer link to FAQ

- Replace inline styles in FAQ accordion content with Tailwind classes that respect dark mode
- Update header and footer link labels from Pricing to FAQ for correct navigation

This improves theme toggle behavior for the FAQ content and aligns labels with the section anchor `#faq-footer`.
---
 views/index.html | 32 +++++---------------------------
 1 file changed, 5 insertions(+), 27 deletions(-)

diff --git a/views/index.html b/views/index.html
index 043fe0c..c9368d0 100644
--- a/views/index.html
+++ b/views/index.html
@@ -147,7 +147,7 @@
               </div>
             </nav>
           </div>
-          <a class="header-links" href="#faq-footer"> Pricing </a>
+          <a class="header-links" href="#faq-footer"> FAQ </a>
         </nav>
         <div
           class="lg:tw-mx-4 tw-flex tw-place-items-center tw-gap-[20px] tw-text-base max-md:tw-w-full max-md:tw-flex-col max-md:tw-place-content-center"
@@ -1844,17 +1844,7 @@ <h3 class="tw-text-4xl tw-font-medium max-md:tw-text-2xl tw-uppercase">
             ></i>
           </h4>
           <div
-            class="content"
-            style="
-              font-family: 'Poppins', sans-serif;
-              font-size: 16px;
-              max-width: 800px;
-              padding: 20px;
-              background-color: #1e1e1e;
-              border-radius: 8px;
-              box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.5);
-              color: #ddd;
-            "
+            class="content tw-font-sans tw-text-base tw-max-w-[800px] tw-p-5 tw-rounded-lg tw-shadow-md tw-bg-gray-100 tw-text-gray-800 dark:tw-bg-[#1e1e1e] dark:tw-text-gray-300 dark:tw-shadow-black/50"
           >
             <p>
               The
@@ -1905,13 +1895,7 @@ <h3 class="tw-text-4xl tw-font-medium max-md:tw-text-2xl tw-uppercase">
             ></i>
           </h4>
           <div
-            class="content tw-rounded-lg"
-            style="
-              font-family: 'Poppins', sans-serif;
-              font-size: 16px;
-              color: #ddd;
-              background-color: #1e1e1e;
-            "
+            class="content tw-rounded-lg tw-font-sans tw-text-base tw-p-5 tw-bg-gray-100 tw-text-gray-800 dark:tw-bg-[#1e1e1e] dark:tw-text-gray-300"
           >
             <p>
               Despite its name, the <strong>GSSOC FAQ Bot</strong> offers more
@@ -1965,13 +1949,7 @@ <h3 class="tw-text-4xl tw-font-medium max-md:tw-text-2xl tw-uppercase">
             ></i>
           </h4>
           <div
-            class="content tw-rounded-lg"
-            style="
-              font-family: 'Poppins', sans-serif;
-              font-size: 16px;
-              color: #ddd;
-              background-color: #1e1e1e;
-            "
+            class="content tw-rounded-lg tw-font-sans tw-text-base tw-p-5 tw-bg-gray-100 tw-text-gray-800 dark:tw-bg-[#1e1e1e] dark:tw-text-gray-300"
           >
             <p>
               <strong>Contributing is Easy!!! </strong> Follow these simple
@@ -2238,7 +2216,7 @@ <h3 class="tw-text-4xl tw-font-medium max-md:tw-text-2xl tw-uppercase">
             <h2 class="tw-text-xl">Resources</h2>
             <div class="tw-flex tw-flex-col tw-gap-3">
               <a href="#" class="footer-link">Getting started</a>
-              <a href="#faq-footer" class="footer-link">Pricing</a>
+              <a href="#faq-footer" class="footer-link">FAQ</a>
               <a href="#command" class="footer-link">Commands</a>
               <a href="#" class="footer-link">GGSOC FAQ Bot Docs</a>
               <a href="https://www.dataschool.io/how-to-contribute-on-github/" target="_blank" class="footer-link">How To Contribute Guide</a>