diff --git a/LEADERBOARD.md b/LEADERBOARD.md
index 5fdcd92d..692b6841 100644
--- a/LEADERBOARD.md
+++ b/LEADERBOARD.md
@@ -2,36 +2,48 @@
 
 This leaderboard tracks contributors who have completed issues labeled as `level1`, `level2`, or `level3`, along with their merged pull requests.
 
-*Last updated: 2025-08-30*
+*Last updated: 2025-11-15*
 
 | Username | Level 1 | Level 2 | Level 3 | PRs Merged |
 |----------|---------|---------|---------|-------------|
-| [@Peehu1308](https://github.com/Peehu1308) | 6 | 3 | 0 | 8 |
+| [@VaibhavChougule236](https://github.com/VaibhavChougule236) | 20 | 3 | 0 | 14 |
+| [@Peehu1308](https://github.com/Peehu1308) | 7 | 3 | 0 | 9 |
 | [@Harsh-26626](https://github.com/Harsh-26626) | 2 | 2 | 0 | 12 |
 | [@AlapatiSreeHarsha](https://github.com/AlapatiSreeHarsha) | 2 | 2 | 0 | 9 |
-| [@FrostByte-49](https://github.com/FrostByte-49) | 0 | 3 | 1 | 4 |
+| [@Srushtee1706](https://github.com/Srushtee1706) | 7 | 1 | 0 | 3 |
+| [@FrostByte-49](https://github.com/FrostByte-49) | 0 | 4 | 1 | 4 |
 | [@Pallavi-kr6](https://github.com/Pallavi-kr6) | 3 | 2 | 0 | 3 |
 | [@StephanosNikitis](https://github.com/StephanosNikitis) | 4 | 0 | 0 | 4 |
-| [@Srushtee1706](https://github.com/Srushtee1706) | 4 | 1 | 0 | 3 |
 | [@SagnikDey1503](https://github.com/SagnikDey1503) | 3 | 1 | 0 | 4 |
+| [@adityai0](https://github.com/adityai0) | 0 | 1 | 0 | 7 |
+| [@Copilot](https://github.com/Copilot) | 0 | 1 | 0 | 7 |
+| [@Radhika984](https://github.com/Radhika984) | 2 | 1 | 0 | 4 |
+| [@Gourangi4](https://github.com/Gourangi4) | 4 | 0 | 0 | 2 |
 | [@snehhhcodes](https://github.com/snehhhcodes) | 2 | 1 | 0 | 3 |
 | [@AshmitSherigar](https://github.com/AshmitSherigar) | 3 | 0 | 0 | 3 |
-| [@Radhika984](https://github.com/Radhika984) | 1 | 1 | 0 | 4 |
-| [@Copilot](https://github.com/Copilot) | 0 | 1 | 0 | 5 |
+| [@dodithakur](https://github.com/dodithakur) | 4 | 0 | 0 | 1 |
 | [@Shobhini](https://github.com/Shobhini) | 2 | 0 | 0 | 3 |
 | [@Arsenal17x](https://github.com/Arsenal17x) | 1 | 0 | 1 | 3 |
 | [@MeenakshiAM](https://github.com/MeenakshiAM) | 2 | 1 | 0 | 2 |
 | [@VidhanThakur09](https://github.com/VidhanThakur09) | 0 | 2 | 0 | 2 |
 | [@Sujal-Raj](https://github.com/Sujal-Raj) | 0 | 1 | 0 | 3 |
+| [@Akshay-gurav-31](https://github.com/Akshay-gurav-31) | 2 | 1 | 0 | 0 |
 | [@Manika-Sabharwal](https://github.com/Manika-Sabharwal) | 2 | 0 | 0 | 1 |
+| [@AriyanPal08](https://github.com/AriyanPal08) | 0 | 2 | 0 | 1 |
+| [@Yug210705](https://github.com/Yug210705) | 2 | 0 | 0 | 1 |
 | [@JeevithaR3](https://github.com/JeevithaR3) | 1 | 1 | 0 | 1 |
 | [@Surabhi210](https://github.com/Surabhi210) | 2 | 0 | 0 | 1 |
 | [@lobby11](https://github.com/lobby11) | 2 | 0 | 0 | 1 |
 | [@deepanshu-prajapati01](https://github.com/deepanshu-prajapati01) | 2 | 0 | 0 | 1 |
-| [@adityai0](https://github.com/adityai0) | 0 | 1 | 0 | 2 |
-| [@Yug210705](https://github.com/Yug210705) | 1 | 0 | 0 | 1 |
+| [@Soumyosish](https://github.com/Soumyosish) | 2 | 0 | 0 | 1 |
+| [@Suupratik](https://github.com/Suupratik) | 1 | 0 | 0 | 1 |
+| [@MrunaliniPachpute](https://github.com/MrunaliniPachpute) | 1 | 0 | 0 | 1 |
+| [@Renu-code123](https://github.com/Renu-code123) | 0 | 1 | 0 | 1 |
+| [@Apo-orva17](https://github.com/Apo-orva17) | 2 | 0 | 0 | 0 |
+| [@JiyaAgrawal27](https://github.com/JiyaAgrawal27) | 1 | 0 | 0 | 1 |
 | [@Sagar1610Codes](https://github.com/Sagar1610Codes) | 1 | 0 | 0 | 1 |
 | [@harshgupta9129](https://github.com/harshgupta9129) | 1 | 0 | 0 | 1 |
+| [@MehakGo](https://github.com/MehakGo) | 1 | 0 | 0 | 1 |
 | [@Abhiyanshu-Sharma](https://github.com/Abhiyanshu-Sharma) | 0 | 1 | 0 | 1 |
 | [@priyanshu5ingh](https://github.com/priyanshu5ingh) | 1 | 1 | 0 | 0 |
 | [@Kushanware](https://github.com/Kushanware) | 1 | 0 | 0 | 1 |
@@ -56,24 +68,42 @@ This leaderboard tracks contributors who have completed issues labeled as `level
 | [@mehershiri](https://github.com/mehershiri) | 1 | 0 | 0 | 1 |
 | [@Forever-299](https://github.com/Forever-299) | 1 | 0 | 0 | 1 |
 | [@Milan0407](https://github.com/Milan0407) | 1 | 0 | 0 | 1 |
-| [@Soumyosish](https://github.com/Soumyosish) | 1 | 0 | 0 | 1 |
 | [@Aripilli-Bhavana](https://github.com/Aripilli-Bhavana) | 1 | 0 | 0 | 1 |
 | [@Bala327](https://github.com/Bala327) | 1 | 0 | 0 | 1 |
 | [@Mehak-Parveen](https://github.com/Mehak-Parveen) | 1 | 0 | 0 | 1 |
 | [@RAJVEER42](https://github.com/RAJVEER42) | 0 | 1 | 0 | 1 |
 | [@SHUBBHAM-KUMARR](https://github.com/SHUBBHAM-KUMARR) | 1 | 0 | 0 | 1 |
 | [@suedaysse](https://github.com/suedaysse) | 1 | 0 | 0 | 1 |
+| [@ShahanasParapporu](https://github.com/ShahanasParapporu) | 0 | 1 | 0 | 0 |
+| [@dimpal-yadav](https://github.com/dimpal-yadav) | 1 | 0 | 0 | 0 |
+| [@Sneha-Goswami123](https://github.com/Sneha-Goswami123) | 1 | 0 | 0 | 0 |
+| [@s0wjanyaa](https://github.com/s0wjanyaa) | 1 | 0 | 0 | 0 |
+| [@Saloni182004](https://github.com/Saloni182004) | 1 | 0 | 0 | 0 |
+| [@ananyaarramalla](https://github.com/ananyaarramalla) | 1 | 0 | 0 | 0 |
+| [@aditi-verma-20](https://github.com/aditi-verma-20) | 1 | 0 | 0 | 0 |
 | [@dhupikarajput](https://github.com/dhupikarajput) | 1 | 0 | 0 | 0 |
 | [@Dippp10](https://github.com/Dippp10) | 0 | 1 | 0 | 0 |
+| [@shreya-mishra325](https://github.com/shreya-mishra325) | 0 | 1 | 0 | 0 |
+| [@AditthyaSS](https://github.com/AditthyaSS) | 0 | 1 | 0 | 0 |
+| [@ankan123basu](https://github.com/ankan123basu) | 1 | 0 | 0 | 0 |
+| [@LohithNandhimalla](https://github.com/LohithNandhimalla) | 1 | 0 | 0 | 0 |
+| [@Channpreetk](https://github.com/Channpreetk) | 1 | 0 | 0 | 0 |
 | [@Niyatikansal31](https://github.com/Niyatikansal31) | 0 | 1 | 0 | 0 |
+| [@Sasuke66](https://github.com/Sasuke66) | 1 | 0 | 0 | 0 |
 | [@Anushka-045](https://github.com/Anushka-045) | 1 | 0 | 0 | 0 |
 | [@AbhishekSharma-9](https://github.com/AbhishekSharma-9) | 0 | 1 | 0 | 0 |
+| [@prakritirathi](https://github.com/prakritirathi) | 0 | 1 | 0 | 0 |
 | [@zoxilsi](https://github.com/zoxilsi) | 0 | 1 | 0 | 0 |
+| [@AnkushRawat0](https://github.com/AnkushRawat0) | 1 | 0 | 0 | 0 |
 | [@Ayushii-uniyal](https://github.com/Ayushii-uniyal) | 1 | 0 | 0 | 0 |
+| [@Samridha0305](https://github.com/Samridha0305) | 0 | 1 | 0 | 0 |
+| [@madegowda11](https://github.com/madegowda11) | 1 | 0 | 0 | 0 |
 | [@shrvtiprasad](https://github.com/shrvtiprasad) | 1 | 0 | 0 | 0 |
 | [@DeeptiChincholi](https://github.com/DeeptiChincholi) | 1 | 0 | 0 | 0 |
+| [@ChaitanyaBadukale777](https://github.com/ChaitanyaBadukale777) | 1 | 0 | 0 | 0 |
 | [@vinita-rajaram](https://github.com/vinita-rajaram) | 0 | 1 | 0 | 0 |
 | [@nitin-gumber](https://github.com/nitin-gumber) | 1 | 0 | 0 | 0 |
+| [@Sandraa16012007](https://github.com/Sandraa16012007) | 0 | 0 | 1 | 0 |
 
 ---
 
diff --git a/Quiz Box b/Quiz Box
new file mode 100644
index 00000000..54a36726
--- /dev/null
+++ b/Quiz Box	
@@ -0,0 +1,148 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>NotesVault - Features</title>
+  <script src="https://cdn.tailwindcss.com"></script>
+</head>
+<body class="bg-gray-50 text-gray-800">
+
+  <!-- Features Section -->
+  <section class="py-12 px-6 max-w-7xl mx-auto">
+    <h1 class="text-3xl md:text-4xl font-bold text-center mb-4">✨ Key Features of <span class="text-blue-600">NotesVault</span></h1>
+    <p class="text-center text-lg text-gray-600 mb-10">Empowering your study experience with simplicity and speed.</p>
+
+    <div class="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
+      <div class="bg-white rounded-xl shadow-md p-6 hover:shadow-lg transition">
+        <h2 class="text-xl font-semibold mb-2">📚 Organized by Branch & Semester</h2>
+        <p class="text-gray-600">Sort your notes smartly by branch and semester, making it easier to browse content.</p>
+      </div>
+      <div class="bg-white rounded-xl shadow-md p-6 hover:shadow-lg transition">
+        <h2 class="text-xl font-semibold mb-2">🔍 Smart Search</h2>
+        <p class="text-gray-600">Search notes by subject, semester, or custom tags with instant results.</p>
+      </div>
+      <div class="bg-white rounded-xl shadow-md p-6 hover:shadow-lg transition">
+        <h2 class="text-xl font-semibold mb-2">📝 Jotpad</h2>
+        <p class="text-gray-600">Take quick notes or summaries anytime without switching tabs.</p>
+      </div>
+      <div class="bg-white rounded-xl shadow-md p-6 hover:shadow-lg transition">
+        <h2 class="text-xl font-semibold mb-2">📤 Easy Upload</h2>
+        <p class="text-gray-600">Upload your notes with a clean form or drag & drop interface.</p>
+      </div>
+      <div class="bg-white rounded-xl shadow-md p-6 hover:shadow-lg transition">
+        <h2 class="text-xl font-semibold mb-2">🌙 Light/Dark Mode</h2>
+        <p class="text-gray-600">Switch themes for your comfort and improved readability anytime.</p>
+      </div>
+      <div class="bg-white rounded-xl shadow-md p-6 hover:shadow-lg transition">
+        <h2 class="text-xl font-semibold mb-2">🧾 License-Friendly</h2>
+        <p class="text-gray-600">Open-source and transparent — explore the GitHub repo and contribute easily.</p>
+      </div>
+    </div>
+  </section>
+
+  <!-- Quiz Section -->
+  <div id="quiz-widget" class="max-w-xl mx-auto mt-10 p-6 bg-white shadow-xl rounded-2xl">
+    <h2 class="text-2xl font-bold mb-4 text-center">🎯 Take a Quick Quiz</h2>
+
+    <div class="mb-4">
+      <label class="block mb-2 font-semibold">Choose Education Level:</label>
+      <select id="level" onchange="updateSubjects()" class="w-full p-2 border rounded focus:ring-2 focus:ring-blue-400">
+        <option value="School">School</option>
+        <option value="BTech">BTech</option>
+      </select>
+    </div>
+
+    <div class="mb-4">
+      <label class="block mb-2 font-semibold">Choose Subject:</label>
+      <select id="subject" class="w-full p-2 border rounded focus:ring-2 focus:ring-blue-400"></select>
+    </div>
+
+    <div class="mb-4">
+      <label class="block mb-2 font-semibold">Choose Difficulty:</label>
+      <select id="difficulty" class="w-full p-2 border rounded focus:ring-2 focus:ring-blue-400">
+        <option value="easy">Easy</option>
+        <option value="medium" selected>Medium</option>
+        <option value="hard">Hard</option>
+      </select>
+    </div>
+
+    <button onclick="startQuiz()" class="w-full bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700 transition">Start Quiz</button>
+
+    <div id="quiz-container" class="mt-6 hidden">
+      <p id="question" class="font-semibold mb-3"></p>
+      <div id="options" class="space-y-2"></div>
+      <button onclick="submitAnswer()" class="w-full mt-4 bg-green-600 text-white px-4 py-2 rounded hover:bg-green-700 transition">Submit</button>
+      <p id="result" class="mt-4 font-bold text-lg text-center"></p>
+    </div>
+  </div>
+
+  <script>
+    const subjectMap = {
+      'School': { 'Math': 19, 'Science': 17, 'History': 23 },
+      'BTech': { 'Computer Science': 18, 'Electronics': 30, 'General Knowledge': 9 }
+    };
+
+    let correctAnswer = '';
+
+    function updateSubjects() {
+      const level = document.getElementById('level').value;
+      const subjectSelect = document.getElementById('subject');
+      subjectSelect.innerHTML = '';
+      const subjects = Object.keys(subjectMap[level] || {});
+      subjects.forEach(sub => {
+        const option = document.createElement('option');
+        option.value = sub;
+        option.textContent = sub;
+        subjectSelect.appendChild(option);
+      });
+    }
+
+    async function startQuiz() {
+      const level = document.getElementById('level').value;
+      const subject = document.getElementById('subject').value;
+      const difficulty = document.getElementById('difficulty').value;
+      const category = subjectMap[level]?.[subject] || '';
+      const url = `https://opentdb.com/api.php?amount=1&difficulty=${difficulty}&type=multiple${category ? `&category=${category}` : ''}`;
+      const res = await fetch(url);
+      const data = await res.json();
+
+      if (data.results && data.results.length > 0) {
+        const questionData = data.results[0];
+        correctAnswer = questionData.correct_answer;
+        const allAnswers = [...questionData.incorrect_answers, correctAnswer].sort(() => Math.random() - 0.5);
+        document.getElementById('question').innerHTML = decodeHTML(questionData.question);
+        const optionsHTML = allAnswers.map(answer => `
+          <label class="block border p-2 rounded hover:bg-gray-100 cursor-pointer">
+            <input type="radio" name="answer" value="${answer}" class="mr-2">
+            ${decodeHTML(answer)}
+          </label>
+        `).join('');
+        document.getElementById('options').innerHTML = optionsHTML;
+        document.getElementById('quiz-container').classList.remove('hidden');
+        document.getElementById('result').textContent = '';
+      }
+    }
+
+    function submitAnswer() {
+      const selected = document.querySelector('input[name="answer"]:checked');
+      if (!selected) {
+        alert("Please select an answer.");
+        return;
+      }
+      const isCorrect = selected.value === correctAnswer;
+      document.getElementById('result').textContent = isCorrect ? "✅ Correct!" : `❌ Wrong! Correct answer was: ${correctAnswer}`;
+      document.getElementById('result').classList.add(isCorrect ? 'text-green-600' : 'text-red-600');
+    }
+
+    function decodeHTML(html) {
+      const txt = document.createElement('textarea');
+      txt.innerHTML = html;
+      return txt.value;
+    }
+
+    window.onload = updateSubjects;
+  </script>
+
+</body>
+</html>
diff --git a/assets/index/images/apple-touch-icon.png b/assets/index/images/apple-touch-icon.png
new file mode 100644
index 00000000..f45dccee
Binary files /dev/null and b/assets/index/images/apple-touch-icon.png differ
diff --git a/assets/index/images/favicon-96x96.png b/assets/index/images/favicon-96x96.png
new file mode 100644
index 00000000..9a9e9b16
Binary files /dev/null and b/assets/index/images/favicon-96x96.png differ
diff --git a/assets/index/images/favicon.ico b/assets/index/images/favicon.ico
new file mode 100644
index 00000000..c58369da
Binary files /dev/null and b/assets/index/images/favicon.ico differ
diff --git a/assets/index/images/favicon.svg b/assets/index/images/favicon.svg
new file mode 100644
index 00000000..b213b903
--- /dev/null
+++ b/assets/index/images/favicon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="281" height="280" viewBox="0 0 281 280"><image width="281" height="280" xlink:href="data:image/jpeg;base64,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"></image><style>@media (prefers-color-scheme: light) { :root { filter: contrast(1) brightness(0.7); } }
+@media (prefers-color-scheme: dark) { :root { filter: contrast(1) brightness(1); } }
+</style></svg>
\ No newline at end of file
diff --git a/assets/index/images/site.webmanifest b/assets/index/images/site.webmanifest
new file mode 100644
index 00000000..d4551f42
--- /dev/null
+++ b/assets/index/images/site.webmanifest
@@ -0,0 +1,36 @@
+{
+  "name": "NotesVault",
+  "short_name": "NotesVault",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "../assets/index/images/favicon-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png"
+    },
+    {
+      "src": "../assets/index/images/apple-touch-icon.png",
+      "sizes": "180x180",
+      "type": "image/png"
+    },
+    {
+      "src": "../assets/index/images/favicon.svg",
+      "sizes": "any",
+      "type": "image/svg+xml"
+    }
+  ],
+  "theme_color": "#4523ab",
+  "background_color": "#000000",
+  "display": "standalone"
+}
diff --git a/assets/index/images/web-app-manifest-192x192.png b/assets/index/images/web-app-manifest-192x192.png
new file mode 100644
index 00000000..47419e0f
Binary files /dev/null and b/assets/index/images/web-app-manifest-192x192.png differ
diff --git a/assets/index/images/web-app-manifest-512x512.png b/assets/index/images/web-app-manifest-512x512.png
new file mode 100644
index 00000000..b3388946
Binary files /dev/null and b/assets/index/images/web-app-manifest-512x512.png differ
diff --git a/components/footer.html b/components/footer.html
index 805133f4..f47708bf 100644
--- a/components/footer.html
+++ b/components/footer.html
@@ -30,108 +30,111 @@
   <body>
     <footer class="footer">
       <div class="footer-container">
-        <!-- Logo -->
-        <div class="footer-brand">
-          <a href="index.html" class="footer-logo">
-            <span>NotesVault</span>
-          </a>
-          <p class="footer-description">
-            Your trusted companion for organized learning. Effortlessly manage
-            your study notes and PYQs, always accessible, perfectly organized,
-            and just a click away.
-          </p>
-        </div>
-
-        <div class="footer-links-grid">
-          <!-- Quick Links -->
-          <div class="footer-links-col">
-            <h3 class="footer-heading">Quick Links</h3>
-            <ul class="footer-nav">
-              <li>
-                <a href="overview.html" class="footer-link">
-                  <i class="fas fa-eye fa-fw"></i> &nbsp; Overview
-                </a>
-              </li>
-              <li>
-                <a href="dashboard.html" class="footer-link">
-                  <i class="fas fa-user-graduate fa-fw"></i> &nbsp; Dashboard
-                </a>
-              </li>
-              <li>
-                <a href="features.html" class="footer-link">
-                  <i class="fas fa-star fa-fw"></i> &nbsp; Features
-                </a>
-              </li>
-              <li>
-                <a href="about.html" class="footer-link">
-                  <i class="fas fa-info-circle fa-fw"></i> &nbsp; About
-                </a>
-              </li>
-            </ul>
+        <div class="footer-left">
+          <!-- Logo -->
+          <div class="footer-brand">
+            <a href="index.html" class="footer-logo">
+              <span>NotesVault</span>
+            </a>
+            <p class="footer-description">
+              Your trusted companion for organized learning. Effortlessly manage
+              your study notes and PYQs, always accessible, perfectly organized,
+              and just a click away.
+            </p>
           </div>
 
-          <!-- Features -->
-          <div class="footer-links-col">
-            <h3 class="footer-heading">Features</h3>
-            <ul class="footer-nav">
-              <li>
-                <a href="upload.html" class="footer-link">
-                  <i class="fas fa-upload fa-fw"></i> &nbsp; Upload Notes
-                </a>
-              </li>
-              <li>
-                <a href="notes.html" class="footer-link">
-                  <i class="fas fa-search fa-fw"></i> &nbsp; Browse Notes
-                </a>
-              </li>
-              <li>
-                <a href="jotpad.html" class="footer-link">
-                  <i class="fas fa-edit fa-fw"></i> &nbsp; Jotpad
-                </a>
-              </li>
-              <li>
-                <a href="todolist.html" class="footer-link">
-                  <i class="fas fa-tasks fa-fw"></i> &nbsp; To-Do List
-                </a>
-              </li>
-            </ul>
+          <!-- Community (moved under NotesVault) -->
+          <div class="footer-community">
+            <h3 class="footer-heading">Community</h3>
+            <div class="oss-badge">
+              <img
+                src="../assets/index/images/oss.png"
+                alt="Open Source Society Logo"
+                width="24"
+                height="24"
+              />
+              <span>Open Source Society</span>
+            </div>
+            <p class="community-text">
+              Join our vibrant community of learners and contributors...
+            </p>
+            <div class="footer-social">
+              <a
+                href="https://github.com/opensource-society/notesvault"
+                class="social-link"
+                aria-label="GitHub"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                <i class="fab fa-github"></i>
+              </a>
+              <a
+                href="https://discord.gg/DmpqzkRZ"
+                class="social-link"
+                aria-label="Discord"
+                target="_blank"
+                rel="noopener noreferrer"
+              >
+                <i class="fab fa-discord"></i>
+              </a>
+            </div>
           </div>
         </div>
 
-        <!-- Community -->
-        <div class="footer-community">
-          <h3 class="footer-heading">Community</h3>
-          <div class="oss-badge">
-            <img
-              src="../assets/index/images/oss.png"
-              alt="Open Source Society Logo"
-              width="24"
-              height="24"
-            />
-            <span>Open Source Society</span>
-          </div>
-          <p class="community-text">
-            Join our vibrant community of learners and contributors...
-          </p>
-          <div class="footer-social">
-            <a
-              href="https://github.com/opensource-society/notesvault"
-              class="social-link"
-              aria-label="GitHub"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              <i class="fab fa-github"></i>
-            </a>
-            <a
-              href="https://discord.gg/DmpqzkRZ"
-              class="social-link"
-              aria-label="Discord"
-              target="_blank"
-              rel="noopener noreferrer"
-            >
-              <i class="fab fa-discord"></i>
-            </a>
+        <!-- Right column: Quick Links and Features side-by-side (no cards) -->
+        <div class="footer-right">
+          <div class="links-grid">
+            <div class="footer-links-col">
+              <h3 class="footer-heading">Quick Links</h3>
+              <ul class="footer-nav">
+                <li>
+                  <a href="overview.html" class="footer-link">
+                    <i class="fas fa-eye fa-fw"></i> &nbsp; Overview
+                  </a>
+                </li>
+                <li>
+                  <a href="dashboard.html" class="footer-link">
+                    <i class="fas fa-user-graduate fa-fw"></i> &nbsp; Dashboard
+                  </a>
+                </li>
+                <li>
+                  <a href="features.html" class="footer-link">
+                    <i class="fas fa-star fa-fw"></i> &nbsp; Features
+                  </a>
+                </li>
+                <li>
+                  <a href="about.html" class="footer-link">
+                    <i class="fas fa-info-circle fa-fw"></i> &nbsp; About
+                  </a>
+                </li>
+              </ul>
+            </div>
+
+            <div class="footer-links-col">
+              <h3 class="footer-heading">Features</h3>
+              <ul class="footer-nav">
+                <li>
+                  <a href="upload.html" class="footer-link">
+                    <i class="fas fa-upload fa-fw"></i> &nbsp; Upload Notes
+                  </a>
+                </li>
+                <li>
+                  <a href="notes.html" class="footer-link">
+                    <i class="fas fa-search fa-fw"></i> &nbsp; Browse Notes
+                  </a>
+                </li>
+                <li>
+                  <a href="jotpad.html" class="footer-link">
+                    <i class="fas fa-edit fa-fw"></i> &nbsp; Jotpad
+                  </a>
+                </li>
+                <li>
+                  <a href="todolist.html" class="footer-link">
+                    <i class="fas fa-tasks fa-fw"></i> &nbsp; To-Do List
+                  </a>
+                </li>
+              </ul>
+            </div>
           </div>
         </div>
       </div>
@@ -143,17 +146,19 @@ <h3 class="footer-heading">Community</h3>
           <span class="heart">❤️</span> by the Open Source Community
         </p>
         <div class="legal-links">
+
+          <!-- Use root-relative paths so links resolve correctly from any page -->
+          <a href="pages/privacyPolicy.html" class="legal-link">Privacy Policy</a>
+          <span class="divider">•</span>
+          <a href="pages/termsOfservice.html" class="legal-link">Terms of Service</a>
+
           <a href="privacyPolicy" class="legal-link">Privacy Policy</a>
           <span class="divider">•</span>
           <a href="termsOfService" class="legal-link">Terms of Service</a>
+
           <span class="divider">•</span>
-          <a
-            href="https://opensource.org/licenses/MIT"
-            class="legal-link"
-            target="_blank"
-            rel="noopener noreferrer"
-            >MIT License</a
-          >
+          <!-- Link to local LICENSE file in repo -->
+          <a href="https://opensource.org/licenses/MIT" class="legal-link" target="_blank" rel="noopener noreferrer">MIT License</a>
         </div>
       </div>
     </footer>
diff --git a/header.css b/header.css
new file mode 100644
index 00000000..d11f0be2
--- /dev/null
+++ b/header.css
@@ -0,0 +1,417 @@
+.navbar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  z-index: 1000;
+  background-color: var(--bg-primary);
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
+  padding: 1.5rem 0;
+}
+
+.navbar.scrolled {
+  background-color: rgba(255, 255, 255, 0.98);
+  backdrop-filter: blur(12px);
+  -webkit-backdrop-filter: blur(12px);
+  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
+  padding: 0;
+}
+
+[data-theme='dark'] .navbar.scrolled {
+  background-color: rgba(10, 10, 10, 0.98);
+}
+
+.navbar-container {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0 2rem;
+  max-width: 1440px;
+  margin: 0 auto;
+}
+
+/* Logo */
+.navbar-logo {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  text-transform: uppercase;
+  font-size: 1.4rem;
+  font-weight: 700;
+  color: var(--primary-400) !important;
+  text-decoration: none;
+}
+
+.navbar-logo:hover {
+  color: var(--primary-400) !important;
+}
+
+.navbar-logo img {
+  height: 2.5rem;
+  width: auto;
+  transition: transform 0.3s ease;
+}
+
+/* Desktop Navigation */
+.navbar-nav {
+  display: flex;
+  align-items: center;
+  gap: 2rem;
+}
+
+.nav-links {
+  display: flex;
+  gap: 2.5rem;
+  list-style: none;
+}
+
+.nav-link {
+  position: relative;
+  padding: 0.65rem 0;
+  font-weight: 600;
+  color: var(--text-secondary);
+  text-decoration: none;
+  transition: color 0.3s ease;
+  font-size: 1rem;
+}
+
+.nav-link::before {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 50%;
+  transform: translateX(-50%);
+  width: 0;
+  height: 2px;
+  background-color: var(--primary-400);
+  border-radius: 3px;
+  transition: width 0.4s cubic-bezier(0.22, 1, 0.36, 1);
+}
+
+.nav-link:hover,
+.nav-link.active {
+  color: var(--primary-400);
+}
+
+.nav-link:hover::before,
+.nav-link.active::before {
+  width: 65%;
+}
+
+/* Auth Buttons */
+.auth-buttons {
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+/* Theme Toggle */
+.navbar-actions {
+  display: flex;
+  align-items: center;
+  gap: 1.5rem;
+}
+
+.theme-toggle {
+  position: relative;
+  width: 3.5rem;
+  height: 2rem;
+  border-radius: 1.75rem;
+  background-color: var(--gray-200);
+  border: none;
+  cursor: pointer;
+  padding: 0.25rem;
+  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
+  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+
+.theme-toggle:hover {
+  transform: scale(1.05);
+}
+
+[data-theme='dark'] .theme-toggle {
+  background-color: var(--gray-700);
+}
+
+.theme-icon {
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  width: 1.5rem;
+  height: 1.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
+  border-radius: 50%;
+  background-color: var(--white);
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+}
+
+.theme-icon.sun {
+  left: 0.25rem;
+  opacity: 1;
+}
+
+.theme-icon.moon {
+  right: 0.25rem;
+  opacity: 0;
+}
+
+[data-theme='dark'] .theme-icon {
+  background-color: var(--gray-900);
+}
+
+[data-theme='dark'] .theme-icon.sun {
+  opacity: 0;
+  left: 1.75rem;
+}
+
+[data-theme='dark'] .theme-icon.moon {
+  opacity: 1;
+  right: 1.75rem;
+}
+
+.theme-toggle svg {
+  width: 0.9rem;
+  height: 0.9rem;
+  stroke: var(--gray-600);
+}
+
+[data-theme='dark'] .theme-toggle svg {
+  stroke: var(--gray-300);
+}
+
+/* Hamburger Menu*/
+.menu-toggle {
+  display: none;
+  position: relative;
+  width: 2.5rem;
+  height: 2.5rem;
+  cursor: pointer;
+  z-index: 1001;
+  background: transparent;
+  border: none;
+  padding: 0;
+}
+
+.menu-toggle span {
+  display: block;
+  position: absolute;
+  width: 100%;
+  height: 3px;
+  background-color: var(--text-primary);
+  border-radius: 3px;
+  transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);
+  transform-origin: center;
+}
+
+.menu-toggle span:nth-child(1) {
+  top: 0.5rem;
+}
+
+.menu-toggle span:nth-child(2) {
+  top: 1.1rem;
+}
+
+.menu-toggle span:nth-child(3) {
+  top: 1.7rem;
+}
+
+.menu-toggle.active span:nth-child(1) {
+  transform: translateY(0.6rem) rotate(45deg);
+  width: 100%;
+}
+
+.menu-toggle.active span:nth-child(2) {
+  opacity: 0;
+  transform: scaleX(0);
+}
+
+.menu-toggle.active span:nth-child(3) {
+  transform: translateY(-0.6rem) rotate(-45deg);
+  width: 100%;
+}
+
+.menu-toggle:hover span:nth-child(1) {
+  transform: translateY(-0.1rem);
+}
+
+.menu-toggle:hover span:nth-child(3) {
+  transform: translateY(0.1rem);
+}
+
+.menu-toggle.active:hover span {
+  transform: none;
+}
+
+/* Mobile Menu */
+.mobile-nav {
+  position: fixed;
+  top: 0;
+  right: -100%;
+  width: 85%;
+  max-width: 380px;
+  height: 100vh;
+  background-color: var(--bg-primary);
+  box-shadow: -5px 0 25px rgba(0, 0, 0, 0.1);
+  z-index: 1000;
+  transition: right 0.5s cubic-bezier(0.22, 1, 0.36, 1);
+  padding: 6rem 2rem 2rem;
+  display: flex;
+  flex-direction: column;
+  gap: 2.5rem;
+  overflow-y: auto;
+}
+
+.mobile-nav.active {
+  right: 0;
+}
+
+.mobile-actions {
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
+}
+
+.mobile-theme-toggle {
+  width: 3.5rem !important;
+  height: 2rem !important;
+  flex-shrink: 0;
+  padding: 0.25rem !important;
+  background-color: var(--gray-200) !important;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.mobile-theme-toggle .theme-icon {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+/* Mobile Nav Links */
+.mobile-nav-links {
+  list-style: none;
+  display: flex;
+  flex-direction: column;
+  gap: 1.75rem;
+}
+
+.mobile-nav-link {
+  font-size: 1.4rem;
+  font-weight: 500;
+  color: var(--text-primary);
+  text-decoration: none;
+  transition: all 0.3s ease;
+  padding: 0.75rem 1rem;
+  border-radius: 0.5rem;
+  display: flex;
+  align-items: center;
+  gap: 1rem;
+}
+
+.mobile-nav-link::before {
+  content: '';
+  width: 0.5rem;
+  height: 0.5rem;
+  background-color: var(--primary-500);
+  border-radius: 50%;
+  transition: all 0.3s ease;
+  opacity: 0;
+}
+
+.mobile-nav-link:hover,
+.mobile-nav-link.active {
+  background-color: var(--bg-secondary);
+  color: var(--primary-500);
+  padding-left: 1.5rem;
+}
+
+.mobile-nav-link:hover::before,
+.mobile-nav-link.active::before {
+  opacity: 1;
+  margin-right: 0.5rem;
+}
+
+/* Mobile Auth Buttons */
+.mobile-auth-buttons {
+  display: flex;
+  flex-direction: column;
+  gap: 1rem;
+  margin-top: 2rem; /* Visible near top, not bottom */
+}
+
+/* Overlay */
+.overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(
+    to right,
+    rgba(0, 0, 0, 0) 0%,
+    rgba(0, 0, 0, 0.5) 30%,
+    rgba(0, 0, 0, 0.7) 100%
+  );
+  z-index: 999;
+  opacity: 0;
+  visibility: hidden;
+  transition: all 0.4s ease;
+  backdrop-filter: blur(2px);
+}
+
+.overlay.active {
+  opacity: 1;
+  visibility: visible;
+}
+
+/* Responsive Design */
+@media (max-width: 992px) {
+  .navbar-nav,
+  .auth-buttons {
+    display: none;
+  }
+
+  .menu-toggle {
+    display: flex;
+  }
+
+  .navbar-container {
+    padding: 0 1.5rem;
+  }
+}
+
+@media (min-width: 993px) {
+  .mobile-nav,
+  .overlay {
+    display: none !important;
+  }
+}
+
+/* Mobile adjustments */
+@media (max-width: 480px) {
+  .mobile-nav {
+    width: 90%;
+    padding: 5rem 1.5rem 2rem;
+  }
+
+  .mobile-nav-link {
+    font-size: 1.1rem;
+  }
+
+  .navbar-logo {
+    font-size: 1.3rem;
+  }
+
+  .navbar-logo img {
+    height: 2rem;
+  }
+
+  /* Hide desktop actions */
+  .navbar-actions {
+    display: none;
+  }
+}
diff --git a/header.html b/header.html
new file mode 100644
index 00000000..d42587dc
--- /dev/null
+++ b/header.html
@@ -0,0 +1,211 @@
+<!-- Header (HTML) -->
+
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta
+      name="description"
+      content="NotesVault - Organize your academic notes and PYQs semester-wise"
+    />
+    <title>NotesVault - Header</title>
+
+    <!-- Favicon -->
+    <link rel="icon" href="assets/index/images/favicon.png" />
+    
+    <!-- Font Awesome -->
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css"
+    />
+
+    <!-- CSS -->
+    <link rel="stylesheet" href="../styling/variables.css" />
+    <link rel="stylesheet" href="../styling/base.css" />
+    <link rel="stylesheet" href="../styling/header.css" />
+
+  </head>
+
+  <body>
+    <header class="navbar">
+      <div class="navbar-container">
+        <a href="/index.html" class="navbar-logo">
+          <img src="#" alt="" />
+          <span>NotesVault</span>
+        </a>
+
+        <nav class="navbar-nav">
+          <ul class="nav-links">
+            <li><a href="index.html" class="nav-link">Home</a></li>
+            <li>
+              <a href="overview.html" class="nav-link">Overview</a>
+            </li>
+            <li>
+              <a href="dashboard.html" class="nav-link">Dashboard</a>
+            </li>
+            <li>
+              <a href="features.html" class="nav-link">Features</a>
+            </li>
+            <li><a href="about.html" class="nav-link">About</a></li>
+          </ul>
+        </nav>
+
+        <div class="navbar-actions">
+          <!-- Theme Toggle Button -->
+          <button class="theme-toggle" aria-label="Toggle dark mode">
+            <span class="theme-icon sun">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              >
+                <circle cx="12" cy="12" r="5"></circle>
+                <line x1="12" y1="1" x2="12" y2="3"></line>
+                <line x1="12" y1="21" x2="12" y2="23"></line>
+                <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+                <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+                <line x1="1" y1="12" x2="3" y2="12"></line>
+                <line x1="21" y1="12" x2="23" y2="12"></line>
+                <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+                <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+              </svg>
+            </span>
+            <span class="theme-icon moon">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              >
+                <path
+                  d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"
+                ></path>
+              </svg>
+            </span>
+          </button>
+
+          <div class="auth-buttons">
+            <button
+              onclick="location.href='login.html'"
+              class="btn btn-secondary"
+            >
+              Login
+            </button>
+            <button
+              onclick="location.href='signup.html'"
+              class="btn btn-primary"
+            >
+              Sign Up
+            </button>
+          </div>
+        </div>
+
+        <button class="menu-toggle" aria-label="Menu">
+          <span></span>
+          <span></span>
+          <span></span>
+        </button>
+      </div>
+
+      <!-- Mobile Menu -->
+      <nav class="mobile-nav">
+        <div class="mobile-actions">
+          <!-- Mobile Theme Toggle -->
+          <button
+            class="theme-toggle mobile-theme-toggle"
+            aria-label="Toggle dark mode"
+          >
+            <span class="theme-icon sun">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              >
+                <circle cx="12" cy="12" r="5"></circle>
+                <line x1="12" y1="1" x2="12" y2="3"></line>
+                <line x1="12" y1="21" x2="12" y2="23"></line>
+                <line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line>
+                <line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line>
+                <line x1="1" y1="12" x2="3" y2="12"></line>
+                <line x1="21" y1="12" x2="23" y2="12"></line>
+                <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
+                <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
+              </svg>
+            </span>
+            <span class="theme-icon moon">
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                width="16"
+                height="16"
+                viewBox="0 0 24 24"
+                fill="none"
+                stroke="currentColor"
+                stroke-width="2"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+              >
+                <path
+                  d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"
+                ></path>
+              </svg>
+            </span>
+          </button>
+          </div>
+        <ul class="mobile-nav-links">
+          <li>
+            <a href="index.html" class="mobile-nav-link">Home</a>
+          </li>
+          <li>
+            <a href="overview.html" class="mobile-nav-link"
+              >Overview</a
+            >
+          </li>
+          <li>
+            <a href="dashboard.html" class="mobile-nav-link"
+              >Dashboard</a
+            >
+          </li>
+          <li>
+            <a href="features.html" class="mobile-nav-link"
+              >Features</a
+            >
+          </li>
+          <li>
+            <a href="about.html" class="mobile-nav-link">About</a>
+          </li>
+        </ul>
+
+        
+
+          <div class="mobile-auth-buttons">
+  <a href="login.html" class="btn btn-secondary">Login</a>
+  <a href="signup.html" class="btn btn-primary">Sign Up</a>
+</div>
+
+      </nav>
+
+      <div class="overlay"></div>
+    </header>
+
+    <!-- JavaScript -->
+    <script src="../scripts/script.js" defer></script>
+  </body>
+</html>
diff --git a/how --stat 311cfaaf06b6a2ebfc64f67c1078f9c3d4ec2139 b/how --stat 311cfaaf06b6a2ebfc64f67c1078f9c3d4ec2139
new file mode 100644
index 00000000..e036ef1e
--- /dev/null
+++ b/how --stat 311cfaaf06b6a2ebfc64f67c1078f9c3d4ec2139	
@@ -0,0 +1,5 @@
+commit 311cfaaf06b6a2ebfc64f67c1078f9c3d4ec2139 (HEAD -> feature/sign-up)
+Author: Utkarsh Shukla <utkarshshukla372@gmail.com>
+Date:   Wed Sep 3 22:56:43 2025 +0530
+
+    Fix: add password visibility toggle to Confirm Password field (#864)
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 00000000..0d7caad3
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "notesvault",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}
diff --git a/pages/index.html b/pages/index.html
index 2a2b8847..b3d8abfd 100644
--- a/pages/index.html
+++ b/pages/index.html
@@ -18,6 +18,16 @@
       type="image/x-icon"
     />
 
+  <!-- Extra Favicons & Touch Icons (for mobile + PWA) -->
+    <link rel="icon" type="image/png" href="../assets/index/images/favicon-96x96.png" sizes="96x96" />
+    <link rel="icon" type="image/svg+xml" href="../assets/index/images/favicon.svg" />
+    <link rel="apple-touch-icon" sizes="180x180" href="../assets/index/images/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-title" content="NotesVault" />
+    <link rel="manifest" href="../assets/index/site.webmanifest">
+    <meta name="theme-color" content="#4523ab">
+
+
+
     <!-- Font Awesome -->
     <link
       rel="stylesheet"
@@ -28,6 +38,7 @@
     <link rel="stylesheet" href="../styling/home.css" />
     <link rel="stylesheet" href="../styling/base.css" />
     <link rel="stylesheet" href="../styling/variables.css" />
+    <link rel="stylesheet" href="../styling/feedback.css" />
   </head>
 
   <body>
@@ -39,7 +50,7 @@
       <section class="hero">
         <div class="container">
           <div class="hero-content">
-            <p class="welcome-text">Welcome Back</p>
+            <p class="welcome-text">Welcome to NotesVault</p>
             <h1>Your Organized <span class="text-accent">Learning Companion...</span></h1>
             <p class="subtext">
               Keep your study notes and PYQs organized, easy to find, and always
@@ -134,9 +145,42 @@ <h3>Cross-Device Sync</h3>
               <p>Access your notes from any device, anywhere</p>
               <div class="feature-hover-effect"></div>
             </div>
+
+             <!-- Feature 5 -->
+            <div class="feature-card" data-feature="sync">
+              <div class="feature-icon">
+                <i class="fas fa-share-square"></i>
+              </div>
+              <h3>Quick Share</h3>
+              <p>Easily share your notes with friends and classmates</p>
+              <div class="feature-hover-effect"></div>
+            </div>
+
+            <!-- Feature 6 -->
+            <div class="feature-card" data-feature="sync">
+              <div class="feature-icon">
+                <i class="fas fa-adjust"></i>
+              </div>
+              <h3>Customisable Themes</h3>
+              <p>Personalise your workspace with dark and light modes</p>
+              <div class="feature-hover-effect"></div>
+            </div>
           </div>
         </div>
       </section>
+      <!-- Feedback & Reviews Section -->
+      <section class="feedback-section" id="feedback-section">
+        <h2>Feedback & Reviews</h2>
+        <p>We value your feedback! Share your thoughts and help us improve NotesVault.</p>
+        <form class="feedback-form" id="feedback-form" autocomplete="off">
+          <input type="text" id="feedback-name" name="name" maxlength="60" placeholder="Your Name" required aria-label="Name" />
+          <input type="email" id="feedback-email" name="email" maxlength="100" placeholder="Your Email" required aria-label="Email" />
+          <textarea id="feedback-input" name="feedback" rows="3" maxlength="400" placeholder="Write your feedback here..." required aria-label="Feedback"></textarea>
+          <button type="submit">Submit Feedback</button>
+        </form>
+  <div id="feedback-success" class="feedback-success">Submitted successfully! Thank you for your feedback.</div>
+  <!-- Feedbacks are stored locally and not displayed on the website. -->
+      </section>
     </main>
 
     <!-- Footer -->
diff --git a/pages/signup.html b/pages/signup.html
index 2bd57b09..1ced2190 100644
--- a/pages/signup.html
+++ b/pages/signup.html
@@ -102,6 +102,9 @@ <h2>Create Your Account</h2>
           />
           <label for="confirm-password">Confirm Password</label>
           <div class="input-border"></div>
+          <button type="button" class="password-toggle">
+            <i class="far fa-eye"></i>
+          </button>
         </div>
 
         <button type="submit" class="btn btn-primary" id="signupBtn">
diff --git a/scripts/feedback.js b/scripts/feedback.js
new file mode 100644
index 00000000..7039fbb1
--- /dev/null
+++ b/scripts/feedback.js
@@ -0,0 +1,33 @@
+// Feedback & Reviews Section Script
+
+document.addEventListener('DOMContentLoaded', function () {
+  const form = document.getElementById('feedback-form');
+  const input = document.getElementById('feedback-input');
+  const nameInput = document.getElementById('feedback-name');
+  const emailInput = document.getElementById('feedback-email');
+  const success = document.getElementById('feedback-success');
+
+  // Show success message
+  function showSuccess() {
+    success.style.display = 'inline-block';
+    setTimeout(() => {
+      success.style.display = 'none';
+    }, 2500);
+  }
+
+  // Handle form submit
+  form.addEventListener('submit', function (e) {
+    e.preventDefault();
+    const feedback = input.value.trim();
+    const name = nameInput.value.trim();
+    const email = emailInput.value.trim();
+    if (!feedback || !name || !email) return;
+    let feedbacks = JSON.parse(localStorage.getItem('feedbacks') || '[]');
+    feedbacks.push({ name, email, feedback });
+    localStorage.setItem('feedbacks', JSON.stringify(feedbacks));
+    input.value = '';
+    nameInput.value = '';
+    emailInput.value = '';
+    showSuccess();
+  });
+});
diff --git a/scripts/login.js b/scripts/login.js
index 2dac40fa..9e8276a4 100644
--- a/scripts/login.js
+++ b/scripts/login.js
@@ -152,7 +152,7 @@ document.addEventListener('DOMContentLoaded', function () {
 
       // Redirect After Delay
       setTimeout(() => {
-        window.location.href = '../index.html'
+        window.location.href = 'dashboard.html'
       }, 1500)
     } catch (error) {
       console.error('Login error:', error)
diff --git a/scripts/script.js b/scripts/script.js
index 9502d411..4dff53ea 100644
--- a/scripts/script.js
+++ b/scripts/script.js
@@ -34,6 +34,28 @@ document.addEventListener('DOMContentLoaded', () => {
 
     return container.firstElementChild
   }
+     
+     const updateWelcomeUI = () => {
+     const user = localStorage.getItem('nv_user');                      // truthy = logged in
+     const userName = (localStorage.getItem('nv_user_name') || '').trim();
+     const welcomeText = document.querySelector('.welcome-text');
+     const primaryCTA = document.querySelector('.cta-buttons .btn.btn-primary'); // Upload/Sign Up button
+
+    // If elements aren't present on this page, do nothing
+      if (!welcomeText || !primaryCTA) return;
+
+    if (user) {
+    // logged in
+    welcomeText.textContent = userName ? `Welcome back, ${userName}` : 'Welcome back';
+    primaryCTA.setAttribute('href', 'upload.html');
+    primaryCTA.innerHTML = '<i class="fas fa-upload"></i>Upload Notes';
+  } else {
+    // logged out
+    welcomeText.textContent = 'Welcome to NotesVault';
+    primaryCTA.setAttribute('href', 'signup.html');
+    primaryCTA.innerHTML = '<i class="fas fa-user-plus"></i>Sign Up';
+  }
+};
 
   // Search Function //
   const updateSemesters = () => {
@@ -159,13 +181,19 @@ document.addEventListener('DOMContentLoaded', () => {
     const menuToggle = document.querySelector('.menu-toggle')
     const mobileNav = document.querySelector('.mobile-nav')
     const overlay = document.querySelector('.overlay')
+    const backToTop  = document.querySelector('.back-to-top');
 
     menuToggle?.classList.toggle('active')
     mobileNav?.classList.toggle('active')
     overlay?.classList.toggle('active')
-    document.body.style.overflow = mobileNav?.classList.contains('active')
-      ? 'hidden'
-      : ''
+
+    const isOpen = mobileNav?.classList.contains('active');      // ✅ define it
+    document.body.style.overflow = isOpen ? 'hidden' : '';       // lock/unlock scroll
+    document.body.classList.toggle('drawer-open', isOpen);       // ✅ add/remove class
+
+    // hide the back-to-top while drawer is open
+    if (backToTop && isOpen) backToTop.classList.remove('visible');
+    
   }
 
   const setupMobileMenu = () => {
@@ -184,7 +212,20 @@ document.addEventListener('DOMContentLoaded', () => {
   const setupBackToTop = () => {
     if (!DOM.backToTop) return
     window.addEventListener('scroll', () => {
-      DOM.backToTop.classList.toggle('visible', window.scrollY > 300)
+      const footer = document.querySelector('footer')
+      const backToTop = document.querySelector('.back-to-top')
+
+      if (!footer || !backToTop) return
+
+      const footerRect = footer.getBoundingClientRect()
+      const isFooterVisible = footerRect.top < window.innerHeight
+
+      // Show/hide button based on scroll position AND footer visibility
+      if (window.scrollY > 300 && !isFooterVisible) {
+        backToTop.classList.add('visible')
+      } else {
+        backToTop.classList.remove('visible')
+      }
     })
 
     DOM.backToTop.addEventListener('click', () => {
@@ -263,6 +304,9 @@ document.addEventListener('DOMContentLoaded', () => {
     // Load Back To Top Button
     DOM.backToTop = document.querySelector('.back-to-top')
     setupBackToTop()
+    // Update hero greeting & CTA based on auth
+    updateWelcomeUI();
+
   }
 
   init()
diff --git a/scripts/signup.js b/scripts/signup.js
index 6b56a7ac..9a985de3 100644
--- a/scripts/signup.js
+++ b/scripts/signup.js
@@ -6,8 +6,9 @@ document.addEventListener('DOMContentLoaded', function () {
   const messageBox = document.getElementById('messageBox')
   const passwordInput = document.getElementById('password')
   const confirmPasswordInput = document.getElementById('confirm-password')
-  const passwordToggle = document.querySelector('.password-toggle')
-  const passwordIcon = passwordToggle.querySelector('i')
+  const passwordToggles = document.querySelectorAll('.password-toggle')
+  const passwordIcon = passwordToggles[0].querySelector('i')
+  const confirmPasswordIcon = passwordToggles[1].querySelector('i')
   const signupBtn = document.getElementById('signupBtn')
   const spinner = document.getElementById('spinner')
   const btnText = document.getElementById('btnText')
@@ -16,16 +17,28 @@ document.addEventListener('DOMContentLoaded', function () {
   const MIN_PASSWORD_LENGTH = 6
   const EMAIL_REGEX = /^[^\s@]+@[^\s@]+\.[^\s@]+$/
 
-  // Toggle Password Visibility
-  passwordToggle.addEventListener('click', function () {
-    const isPassword = passwordInput.type === 'password'
-    passwordInput.type = isPassword ? 'text' : 'password'
-    passwordIcon.className = isPassword ? 'far fa-eye-slash' : 'far fa-eye'
-    passwordToggle.setAttribute(
+  // Toggle Password Visibility for password field
+  passwordToggles[0].addEventListener('click', function () {
+    const isPassword = passwordInput.type === 'password';
+    passwordInput.type = isPassword ? 'text' : 'password';
+    passwordIcon.className = isPassword ? 'far fa-eye-slash' : 'far fa-eye';
+    passwordToggles[0].setAttribute(
       'aria-label',
       isPassword ? 'Hide password' : 'Show password'
-    )
-  })
+    );
+  });
+
+  // Toggle Confirm Password Visibility (separate function)
+  function toggleConfirmPassword() {
+    const isPassword = confirmPasswordInput.type === 'password';
+    confirmPasswordInput.type = isPassword ? 'text' : 'password';
+    confirmPasswordIcon.className = isPassword ? 'far fa-eye-slash' : 'far fa-eye';
+    passwordToggles[1].setAttribute(
+      'aria-label',
+      isPassword ? 'Hide password' : 'Show password'
+    );
+  }
+  passwordToggles[1].addEventListener('click', toggleConfirmPassword);
 
   // Floating Label Effect
   document.querySelectorAll('.floating-input input').forEach((input) => {
diff --git a/styling/base.css b/styling/base.css
index f621e0b9..506d4ff1 100644
--- a/styling/base.css
+++ b/styling/base.css
@@ -102,3 +102,101 @@ a:hover {
 .text-center {
   text-align: center;
 }
+/* Hide Back-to-Top whenever the mobile drawer is open */
+.drawer-open .back-to-top {
+  opacity: 0;
+  visibility: hidden;
+  pointer-events: none;
+  transition: opacity .2s ease, visibility 0s linear .2s;
+}
+
+/* ensure drawer sits above the button */
+/* header toggle stays clickable */
+.menu-toggle {
+  position: relative;
+  z-index: 1100;
+}
+
+/* overlay: covers the page, below the drawer */
+.overlay {
+  position: fixed;
+  inset: 0;                    /* top/right/bottom/left:0 */
+  background: rgba(0,0,0,.45);
+  z-index: 900;                /* < drawer (1000), > page */
+  opacity: 0;
+  pointer-events: none;        /* not clickable until active */
+  transition: opacity .2s ease;
+}
+.overlay.active {
+  opacity: 1;
+  pointer-events: auto;        /* click to close */
+}
+
+/* drawer: on top of overlay */
+.mobile-nav {
+  position: fixed;
+  top: 0;
+  right: 0;                    /* (use left:0 if your drawer slides from left) */
+  width: 80vw;
+  max-width: 420px;
+  height: 100vh;
+  background: var(--bg-primary);
+  overflow: auto;              /* menu can scroll internally */
+  z-index: 1000;               /* above overlay (900) */
+  transform: translateX(100%); /* closed state (from right) */
+  transition: transform .25s ease;
+}
+.mobile-nav.active {
+  transform: translateX(0);    /* open */
+}
+
+
+/* bump mobile spacing a bit more to avoid bottom UI */
+@media (max-width: 600px) {
+  .back-to-top {
+    bottom: 120px; /* was 100px */
+  }
+}
+
+/* Back to Top Button */
+.back-to-top {
+  position: fixed;
+  bottom: 80px; /* Safe distance from bottom on desktop */
+  right: 2rem;
+  width: 3rem;
+  height: 3rem;
+  border-radius: 50%;
+  background-color: var(--primary-500);
+  color: white;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(1rem);
+  transition: all 0.3s ease;
+  z-index: 99; /* Lower than modals (100) but above content */
+  box-shadow: 0 4px 15px rgba(0, 140, 45, 0.3);
+}
+
+.back-to-top.visible {
+  opacity: 1;
+  visibility: visible;
+  transform: translateY(0);
+}
+
+.back-to-top:hover {
+  background-color: var(--primary-600);
+  transform: translateY(-3px);
+}
+
+
+
+
+/* Footer interaction */
+.footer-visible .back-to-top {
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
+}
diff --git a/styling/feedback.css b/styling/feedback.css
new file mode 100644
index 00000000..eef482a6
--- /dev/null
+++ b/styling/feedback.css
@@ -0,0 +1,112 @@
+/* Feedback & Reviews Section Styles */
+
+.feedback-section {
+  background: var(--card-bg);
+  border-radius: 1.5rem;
+  box-shadow: 0 8px 32px rgba(0,0,0,0.08);
+  padding: 3rem 2rem 2rem 2rem;
+  margin: 3rem auto 2rem auto;
+  max-width: 700px;
+  width: 100%;
+  text-align: center;
+}
+
+.feedback-section h2 {
+  color: var(--primary-500);
+  font-size: 2rem;
+  margin-bottom: 0.5rem;
+}
+
+.feedback-section p {
+  color: var(--text-secondary);
+  margin-bottom: 2rem;
+}
+
+.feedback-form {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 1rem;
+  margin-bottom: 2rem;
+}
+
+.feedback-form input[type="text"],
+.feedback-form input[type="email"],
+.feedback-form textarea {
+  width: 100%;
+  max-width: 500px;
+  padding: 1rem;
+  border-radius: 0.75rem;
+  border: 1px solid var(--border-color);
+  background: var(--bg-secondary);
+  color: var(--text-primary);
+  font-size: 1rem;
+  resize: vertical;
+  transition: border 0.2s;
+}
+
+.feedback-form input[type="text"]:focus,
+.feedback-form input[type="email"]:focus,
+.feedback-form textarea:focus {
+  border-color: var(--primary-500);
+  outline: none;
+}
+
+.feedback-form button {
+  background: var(--primary-500);
+  color: var(--white);
+  border: none;
+  border-radius: 0.75rem;
+  padding: 0.75rem 2rem;
+  font-weight: 600;
+  font-size: 1rem;
+  cursor: pointer;
+  transition: background 0.2s;
+}
+
+.feedback-form button:hover {
+  background: var(--primary-600);
+}
+
+.feedback-success {
+  display: none;
+  color: var(--primary-600);
+  background: rgba(0,140,45,0.08);
+  border-radius: 0.5rem;
+  padding: 0.75rem 1.5rem;
+  margin-bottom: 1.5rem;
+  font-weight: 500;
+  /* display: inline-block; will be set by JS when shown */
+}
+
+.feedback-list {
+  margin-top: 1.5rem;
+  text-align: left;
+  max-width: 500px;
+  margin-left: auto;
+  margin-right: auto;
+}
+
+.feedback-item {
+  background: var(--bg-secondary);
+  border-radius: 0.75rem;
+  padding: 1rem 1.25rem;
+  margin-bottom: 1rem;
+  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
+  color: var(--text-primary);
+  font-size: 1.05rem;
+  word-break: break-word;
+}
+
+@media (max-width: 600px) {
+  .feedback-section {
+    padding: 2rem 0.5rem 1.5rem 0.5rem;
+  }
+  .feedback-form input[type="text"],
+  .feedback-form textarea {
+    max-width: 100%;
+  }
+  .feedback-list {
+    max-width: 100%;
+  }
+}
diff --git a/styling/footer.css b/styling/footer.css
index 72cbb3d9..73d89238 100644
--- a/styling/footer.css
+++ b/styling/footer.css
@@ -1,106 +1,237 @@
-/* Footer (CSS) */
+/* Footer (CSS) - Light green theme to match site; refined layout for NotesVault and Community cards */
+
+:root {
+  --primary-color: #2b7a2b;
+  --footer-bg: #f5fbf5; /* light green/white base */
+  --footer-text: #25472b; /* dark green for readable text */
+  --footer-heading: #163a20; /* stronger heading color */
+  --footer-link-hover: rgba(43, 122, 43, 0.95);
+  --footer-shadow: rgba(39, 67, 36, 0.06);
+}
 
 .footer {
-  background-color: var(--bg-secondary);
-  color: var(--text-primary);
-  padding: 3rem 0 1.5rem;
-  margin: 5rem 0 0;
-  border-top: 1px solid var(--border-color);
+  background: linear-gradient(135deg, var(--footer-bg) 0%, #eaf7ea 100%);
+  color: var(--footer-text);
+  padding: 3rem 2rem; /* slightly reduced vertical padding */
+  margin-top: 5rem;
+  position: relative;
+  overflow: visible;
+  border-top: 4px solid rgba(43,122,43,0.12);
+}
+
+.footer::before {
+  /* soft, static decorative gradients — no animation/motion */
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: radial-gradient(circle at 20% 80%, rgba(43, 122, 43, 0.06), transparent 30%),
+              radial-gradient(circle at 80% 30%, rgba(43, 122, 43, 0.04), transparent 45%);
+  opacity: 1;
+  pointer-events: none; /* allow clicks to pass through decorative layer */
+  z-index: 0;
 }
 
 .footer-container {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  gap: 2.5rem;
+  grid-template-columns: 1fr 1fr; /* left and right columns */
+  gap: 2rem;
   max-width: 1200px;
   margin: 0 auto;
-  padding: 0 2rem;
+  position: relative;
+  z-index: 1;
+  align-items: start; /* ensure both columns align to top */
 }
-
-.footer-brand {
+/* Left column wrapper to stack brand and community with controlled gap */
+.footer-left {
   display: flex;
   flex-direction: column;
-  gap: 1.25rem;
+  gap: 1.2rem; /* space between NotesVault and Community cards */
+  align-items: stretch;
 }
 
-.footer-logo {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  text-transform: uppercase;
-  font-size: 1.4rem;
-  font-weight: 700;
-  color: var(--primary-400) !important;
-  text-decoration: none;
-  transition: none !important;
+/* Make cards size to content instead of stretching to the tallest grid item */
+.footer-brand,
+.footer-community {
+  padding: 1.2rem;
+  background: rgba(255, 255, 255, 0.92);
+  border-radius: 12px;
+  border: 1px solid rgba(16, 31, 16, 0.04);
+  box-shadow: 0 8px 20px 0 var(--footer-shadow);
+  transition: box-shadow 0.22s ease, background 0.32s ease;
+  display: flex; /* layout content top to bottom */
+  flex-direction: column;
+  align-items: flex-start;
+  align-self: start; /* prevent grid items from stretching */
+  justify-content: flex-start;
+  min-height: 0; /* allow card to shrink to content */
+  width: 100%; /* ensure both cards share same full column width */
 }
 
-.footer-logo:hover {
-  color: var(--primary-400) !important;
+/* Remove movement on hover; implement only a colour/gradient change for 3D feel */
+.footer-brand:hover,
+.footer-community:hover {
+  transform: none; /* explicitly remove any translate/scale */
+  box-shadow: 0 18px 36px rgba(39, 67, 36, 0.08);
+  background: linear-gradient(145deg, #ffffff 0%, #eef9ee 45%, #e3f3e3 100%);
+  border: 1px solid rgba(43,122,43,0.08);
+}
+
+/* Optional subtle inner highlight to give a 3D feeling without motion */
+.footer-brand::after,
+.footer-community::after {
+  content: '';
+  position: absolute;
+  pointer-events: none;
+  inset: 0;
+  border-radius: 12px;
+  box-shadow: inset 0 2px 12px rgba(255,255,255,0.6);
+  opacity: 0; /* visible only on hover via parent rule */
 }
 
-.footer-logo:hover {
-  transform: none;
+.footer-brand:hover::after,
+.footer-community:hover::after {
+  opacity: 1;
 }
 
-.footer-logo img {
-  height: 2rem;
-  width: auto;
+.footer-logo {
+  font-size: 1.8rem;
+  font-weight: 800;
+  color: var(--primary-color) !important;
+  text-decoration: none;
+  display: inline-block;
+  margin-bottom: 0.6rem; /* reduce bottom space */
+  text-transform: uppercase;
+  letter-spacing: 1.5px;
 }
 
 .footer-description {
-  color: var(--text-secondary);
-  line-height: 1.6;
-  max-width: 320px;
+  line-height: 1.55;
+  font-size: 0.95rem;
+  color: var(--footer-text);
+  margin-bottom: 0.6rem; /* keep content compact */
 }
 
 .footer-heading {
-  font-size: 1.1rem;
-  font-weight: 600;
-  margin-bottom: 1.25rem;
-  color: var(--primary-500);
+  font-size: 1.15rem; /* slightly smaller for compactness */
+  font-weight: 700;
+  margin-bottom: 0.8rem;
+  color: var(--footer-heading);
+  position: relative;
+  padding-bottom: 0.35rem;
+}
+
+.footer-heading::after {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 36px;
+  height: 3px;
+  background: var(--primary-color);
+  border-radius: 2px;
 }
 
 .footer-nav {
   list-style: none;
+  padding: 0;
+  margin: 0;
   display: flex;
   flex-direction: column;
-  gap: 0.75rem;
+  gap: 0.9rem; /* tighter spacing to fit smaller sizes */
 }
 
-.footer-links-grid {
+/* Right column: remove card style from link columns so they appear plain */
+.footer-right {
+  display: flex;
+  align-items: start;
+  justify-content: flex-start;
+  padding-left: 3.2rem; /* nudge right column further to the right */
+  margin-top: 1.6rem; /* nudge Quick Links/Features a bit further down below NotesVault */
+}
+
+.links-grid {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
-  gap: 2rem;
+  grid-template-columns: 1fr 1fr; /* Quick Links and Features side-by-side */
+  gap: 2.2rem; /* small increase for breathing as size increases */
   width: 100%;
+  align-items: start;
 }
 
-.footer-links-col {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
+.footer-right .footer-links-col {
+  background: transparent; /* remove card background */
+  border: none;
+  box-shadow: none;
+  padding: 0;
 }
 
-.footer-heading {
-  font-size: 1.1rem;
-  font-weight: 600;
-  margin-bottom: 0.5rem;
-  color: var(--primary-500);
+/* Quick Links / Features headings */
+.links-grid .footer-heading {
+  font-size: 1.35rem; /* a little bit larger for emphasis */
+  font-weight: 800;
+  margin-bottom: 0.45rem;
 }
 
-.footer-nav {
-  list-style: none;
-  display: flex;
-  flex-direction: column;
-  gap: 0.75rem;
-  padding: 0;
-  margin: 0;
+.footer-link {
+  color: var(--footer-text);
+  text-decoration: none;
+  transition: color 0.22s ease, transform 0.18s ease;
+  padding: 0.32rem 0.25rem; /* balanced vertical spacing */
+  display: inline-flex;
+  align-items: center;
+  position: relative;
+  overflow: visible;
+  font-size: 1.02rem; /* slightly reduced link text */
+}
+
+.footer-link::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 0;
+  height: 100%;
+  width: 0;
+  background: linear-gradient(90deg, rgba(43,122,43,0.06), rgba(43,122,43,0.02));
+  z-index: -1;
+  transition: width 0.28s ease;
+  border-radius: 6px;
+}
+
+.footer-link:hover {
+  color: var(--primary-color);
+}
+
+.footer-link:hover::after {
+  width: 100%;
 }
 
-/* Footer Links */
 .footer-link {
-  color: var(--text-secondary);
+  color: var(--footer-text);
   text-decoration: none;
+
+  transition: color 0.18s ease;
+  padding: 0.14rem 0;
+  display: inline-flex;
+  align-items: center;
+  font-size: 1.08rem; /* slightly larger for improved readability */
+}
+
+.footer-link::before {
+  content: '';
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 0;
+  height: 2px;
+  background-color: var(--footer-link-hover);
+  transition: width 0.32s cubic-bezier(0.25, 1, 0.5, 1);
+}
+
+.footer-link:hover {
+  color: var(--primary-color);
+
   display: inline-block;
   padding: 0.25rem 0;
   font-size: 0.95rem;
@@ -125,18 +256,44 @@
 
 .footer-link:hover::after {
   width: 100%;
+
 }
 
-/* Community Section */
-.footer-community {
-  display: flex;
-  flex-direction: column;
-  gap: 1rem;
+.footer-link:hover::before {
+  width: 100%;
+}
+
+.footer-link .fas {
+  margin-right: 0.7rem;
+  transition: transform 0.2s ease;
+  font-size: 1.1rem; /* slightly larger icon size to match link text */
 }
 
-.oss-badge {
+.footer-link:hover .fas {
+  transform: rotate(-6deg);
+}
+
+.footer-community .oss-badge {
   display: inline-flex;
   align-items: center;
+
+  gap: 0.6rem;
+  background: var(--primary-color);
+  padding: 0.65rem 1.2rem;
+  border-radius: 999px;
+  font-weight: 600;
+  color: #fff;
+  text-decoration: none;
+  box-shadow: 0 6px 18px rgba(43, 122, 43, 0.12);
+  transition: all 0.22s ease;
+}
+
+/* OSS badge hover: dynamic gradient + subtle lift and glow */
+.footer-community .oss-badge:hover {
+  transform: translateY(-4px) scale(1.02);
+  background: linear-gradient(90deg, #2f8a2f 0%, #246b24 100%);
+  box-shadow: 0 18px 40px rgba(43, 122, 43, 0.14), 0 2px 8px rgba(0,0,0,0.06) inset;
+
   gap: 0.5rem;
   background-color: var(--bg-primary);
   color: var(--text-primary);
@@ -151,27 +308,68 @@
 .oss-badge:hover {
   transform: translateY(-3px);
   box-shadow: 0 3px 15px rgba(0, 140, 45, 0.15);
+
 }
 
 .community-text {
-  color: var(--text-secondary);
-  line-height: 1.6;
-  margin-bottom: 0.5rem;
-  text-transform: capitalize;
+  margin-top: 0.6rem;
+  line-height: 1.5;
+  color: var(--footer-text);
 }
 
 .footer-social {
   display: flex;
   gap: 1rem;
+  margin-top: 0.8rem;
 }
 
 .social-link {
   display: flex;
   align-items: center;
   justify-content: center;
-  width: 2.5rem;
-  height: 2.5rem;
+  width: 2.6rem;
+  height: 2.6rem;
+  border-radius: 50%;
+
+  background: rgba(43,122,43,0.08);
+  color: var(--primary-color);
+  font-size: 1rem;
+  transition: all 0.22s ease;
+}
+
+/* Community-only social icon: ring + lift hover (distinct effect) */
+.footer-community .social-link {
+  position: relative;
+  overflow: visible;
+  transition: transform 0.25s ease, box-shadow 0.25s ease;
+}
+
+.footer-community .social-link::after {
+  content: '';
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%) scale(0);
+  width: 3rem;
+  height: 3rem;
   border-radius: 50%;
+  background: rgba(43,122,43,0.06);
+  box-shadow: 0 0 0 6px rgba(43,122,43,0.04);
+  opacity: 0;
+  transition: transform 0.32s cubic-bezier(.2,.9,.3,1), opacity 0.32s ease;
+}
+
+.footer-community .social-link:hover {
+  transform: translateY(-4px) scale(1.06);
+  color: #fff;
+  background: var(--primary-color);
+  box-shadow: 0 8px 22px rgba(43,122,43,0.12);
+}
+
+.footer-community .social-link:hover::after {
+  transform: translate(-50%, -50%) scale(1.6);
+  opacity: 1;
+
   background-color: var(--bg-primary);
   color: var(--text-primary);
   border: 1px solid rgba(0, 140, 45, 0.15);
@@ -183,137 +381,80 @@
   color: white;
   transform: translateY(-3px);
   box-shadow: 0 8px 24px rgba(0, 140, 45, 0.15);
+
 }
 
-/* Footer Bottom */
 .footer-bottom {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
   text-align: center;
-  margin-top: 3rem;
-  padding-top: 1.5rem;
-  border-top: 1px solid var(--border-color);
-  gap: 0.75rem;
+  margin-top: 3.2rem;
+  padding-top: 1.6rem;
+  border-top: 1px solid rgba(16, 31, 16, 0.04);
+}
+
+.copyright {
+  font-size: 0.9rem;
+  color: var(--footer-text);
 }
 
 .legal-links {
+  margin-top: 0.9rem;
   display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  flex-wrap: wrap;
   justify-content: center;
+  gap: 1rem;
 }
 
 .legal-link {
-  color: var(--text-secondary);
+  position: relative;
+  color: var(--footer-text);
   text-decoration: none;
   font-size: 0.85rem;
-  transition: color 0.3s ease;
+  padding-bottom: 2px;
+  transition: color 0.22s ease, transform 0.18s ease;
+}
+
+.legal-link::after {
+  content: '';
+  position: absolute;
+  left: 0;
+  bottom: 0;
+  height: 2px;
+  width: 0;
+  background: linear-gradient(90deg, var(--primary-color), var(--footer-link-hover));
+  border-radius: 2px;
+  transition: width 0.28s ease;
 }
 
 .legal-link:hover {
-  color: var(--primary-500);
+  color: var(--primary-color);
+  transform: translateY(-3px);
 }
 
-.divider {
-  color: var(--text-secondary);
-  font-size: 0.85rem;
-  opacity: 0.6;
+.legal-link:hover::after {
+  width: 100%;
 }
 
-.copyright {
-  color: var(--text-secondary);
-  font-size: 0.9rem;
+.divider {
+  color: var(--footer-text);
+  opacity: 0.65;
 }
 
 .heart {
-  color: #ff4757;
+  color: #e74c3c;
   display: inline-block;
   animation: pulse 1.5s infinite;
 }
 
 @keyframes pulse {
-  0% {
-    transform: scale(1);
-  }
-  50% {
-    transform: scale(1.2);
-  }
-  100% {
-    transform: scale(1);
-  }
+  0% { transform: scale(1); }
+  50% { transform: scale(1.1); }
+  100% { transform: scale(1); }
 }
 
-/* Back To Top Button */
-.back-to-top {
-  position: fixed;
-  bottom: 2rem;
-  right: 2rem;
-  width: 3rem;
-  height: 3rem;
-  border-radius: 50%;
-  background-color: var(--primary-500);
-  color: white;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  cursor: pointer;
-  opacity: 0;
-  visibility: hidden;
-  transform: translateY(1rem);
-  transition: all 0.3s ease;
-  z-index: 9999;
-  box-shadow: 0 4px 15px rgba(0, 140, 45, 0.3);
-}
-
-.back-to-top.visible {
-  opacity: 1;
-  visibility: visible;
-  transform: translateY(0);
-}
-
-.back-to-top:hover {
-  background-color: var(--primary-600);
-  transform: translateY(-3px);
-}
-
-/* Dark Mode Adjustments */
-[data-theme='dark'] .footer {
-  background-color: var(--gray-900);
-}
-
-[data-theme='dark'] .oss-badge {
-  background-color: rgba(255, 255, 255, 0.05);
-}
-
-[data-theme='dark'] .social-link {
-  background-color: rgba(255, 255, 255, 0.1);
-}
-
-/* Responsive Design */
 @media (max-width: 768px) {
   .footer-container {
     grid-template-columns: 1fr;
-    gap: 2rem;
   }
-
-  .footer-description {
-    max-width: 100%;
-  }
-
-  .footer-bottom {
-    margin-top: 2rem;
-  }
-}
-
-@media (max-width: 480px) {
-  .legal-links {
-    flex-direction: column;
-    gap: 0.5rem;
-  }
-
-  .divider {
-    display: none;
+  .footer {
+    padding: 2.2rem 1rem;
   }
 }