From 825cae563d9130ef05e3543774b8b00fa62608a4 Mon Sep 17 00:00:00 2001
From: Anuj Sharma <anujsharma8d@gmail.com>
Date: Tue, 2 Jun 2026 17:52:35 +0530
Subject: [PATCH 1/3] Fixed the FAQ page route and added FAQ in navbar

---
 frontend/src/App.jsx                      | 1 +
 frontend/src/components/shared/Navbar.jsx | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index d3b9dac..69756a8 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -113,6 +113,7 @@ export default function App() {
             <Route path="/terms" element={<TermsPage/>} />
             <Route path="/privacy" element={<PrivacyPage/>} />
             <Route path="/bug-reports" element={<BugReportsPage />} />
+            <Route path="/faq" element={<FAQPage />} />
             <Route path="*" element={<NotFoundPage />} />
           </Routes>
         </MainLayout>
diff --git a/frontend/src/components/shared/Navbar.jsx b/frontend/src/components/shared/Navbar.jsx
index 94b77bd..0ee12d5 100644
--- a/frontend/src/components/shared/Navbar.jsx
+++ b/frontend/src/components/shared/Navbar.jsx
@@ -389,6 +389,9 @@ export default function Navbar() {
           <Link to="/explore" className={navLinkCls("/explore")}>
             Explore
           </Link>
+          <Link to="/faq" className={navLinkCls("/faq")}>
+            FAQ
+          </Link>
 
           {isAuthenticated && (
             <Link to="/codeforces" className={navLinkCls("/codeforces")}>

From 2ea690e3459ea36776b04ca9c0b635e0306f643d Mon Sep 17 00:00:00 2001
From: Anuj Sharma <anujsharma8d@gmail.com>
Date: Tue, 2 Jun 2026 18:09:55 +0530
Subject: [PATCH 2/3] Added Faq link in mobile navbar

---
 frontend/src/components/shared/Navbar.jsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/frontend/src/components/shared/Navbar.jsx b/frontend/src/components/shared/Navbar.jsx
index 0ee12d5..02a96b6 100644
--- a/frontend/src/components/shared/Navbar.jsx
+++ b/frontend/src/components/shared/Navbar.jsx
@@ -580,6 +580,9 @@ export default function Navbar() {
             <Link to="/explore" onClick={closeMenu} className={mobileLinkCls}>
               Explore <span className="text-zinc-300 text-sm">→</span>
             </Link>
+            <Link to="/faq" onClick={closeMenu} className={mobileLinkCls}>
+              FAQ <span className="text-zinc-300 text-sm">→</span>
+            </Link>
 
             {isAuthenticated && (
               <Link to="/codeforces" onClick={closeMenu} className={mobileLinkCls}>

From 640a329e1a62a39d8e30f99cdbad09d757bbfe7f Mon Sep 17 00:00:00 2001
From: Anuj Sharma <anujsharma8d@gmail.com>
Date: Tue, 2 Jun 2026 21:33:42 +0530
Subject: [PATCH 3/3] Added SEO meta tag on faq page

---
 frontend/src/App.jsx           |  1 -
 frontend/src/pages/FAQPage.jsx | 14 ++++++++------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/frontend/src/App.jsx b/frontend/src/App.jsx
index 69756a8..ed6d69b 100644
--- a/frontend/src/App.jsx
+++ b/frontend/src/App.jsx
@@ -26,7 +26,6 @@ import GitHubIntelligencePage from "./pages/GitHubIntelligencePage";
 import GitHubCallbackPage from "./pages/GitHubCallbackPage";
 import ProtectedRoute from "./components/shared/ProtectedRoute";
 import PublicRoute from "./components/shared/PublicRoute";
-import FAQSection from "./components/explore/FAQSection";
 import BugReportsPage from "./pages/BugReportsPage";
 export default function App() {
   return (
diff --git a/frontend/src/pages/FAQPage.jsx b/frontend/src/pages/FAQPage.jsx
index 2db1e4d..4c224d5 100644
--- a/frontend/src/pages/FAQPage.jsx
+++ b/frontend/src/pages/FAQPage.jsx
@@ -36,6 +36,10 @@ export default function FAQPage() {
   return (
     <main className="w-full overflow-x-hidden bg-white text-black">
       <title>FAQ - CodeLens</title>
+      <meta
+        name="description"
+        content="Frequently asked questions about CodeLens – platform tracking, data privacy, open source contributions, and more."
+      />
       <section className="border-b-4 border-black px-6 py-20 sm:px-10 lg:px-16 lg:py-28">
         <div className="mx-auto grid max-w-7xl gap-12 lg:grid-cols-[0.9fr_1.1fr] lg:items-end">
           <div>
@@ -78,11 +82,10 @@ export default function FAQPage() {
                   key={item.id}
                   type="button"
                   onClick={() => toggleFaq(index, true)}
-                  className={`break-words border-2 px-4 py-3 text-left text-xs font-black uppercase tracking-widest transition-colors ${
-                    openIdx === index
+                  className={`break-words border-2 px-4 py-3 text-left text-xs font-black uppercase tracking-widest transition-colors ${openIdx === index
                       ? "border-white bg-white text-black"
                       : "border-white text-white hover:bg-white hover:text-black"
-                  }`}
+                    }`}
                 >
                   {String(index + 1).padStart(2, "0")} / {item.q}
                 </button>
@@ -125,9 +128,8 @@ export default function FAQPage() {
                     role="region"
                     aria-labelledby={buttonId}
                     aria-hidden={!isOpen}
-                    className={`grid transition-all duration-300 ease-in-out ${
-                      isOpen ? "grid-rows-[1fr] border-t-4 border-black" : "grid-rows-[0fr]"
-                    }`}
+                    className={`grid transition-all duration-300 ease-in-out ${isOpen ? "grid-rows-[1fr] border-t-4 border-black" : "grid-rows-[0fr]"
+                      }`}
                   >
                     <div className="overflow-hidden">
                       <p className="max-w-3xl px-6 py-6 text-base font-bold leading-relaxed text-black sm:px-8 sm:text-lg">