refector: fixed some minor bug in UI

src/components/FAQSection.tsx

@@ -100,7 +100,7 @@ export default function FAQSection() {
                 <AccordionItem
                   value={`item-${index}`}
                   className={`
-                    group border-none rounded-3xl transition-all duration-500 px-2
+                    group glass-strong border dark:border-none rounded-2xl transition-all duration-500 px-2
                     ${
                       activeItem === `item-${index}`
                         ? "bg-primary/20 shadow-[0_20px_50px_rgba(0,0,0,0.05)] scale-[1.01]"

src/components/Footer.tsx

@@ -1,6 +1,7 @@
 import logo from "@/assets/logo.webp";
 import { motion } from "framer-motion";
 import { Facebook, Github, Gitlab, Instagram, Linkedin, Mail, Twitter } from "lucide-react";
+import { Link } from "react-router-dom";
 
 const quickLinks = [
   { name: "Home", href: "#home" },
@@ -84,20 +85,7 @@ export default function Footer() {
               future with technology.
             </p>
 
-            {/* Newsletter */}
+       
-            <div className="flex gap-2">
-              <div className="relative flex-1">
-                <Mail className="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-muted-foreground" />
-                <input
-                  type="email"
-                  placeholder="Your email"
-                  className="w-full pl-10 pr-4 py-2.5 rounded-full glass border border-border/50 focus:border-primary focus:outline-none transition-colors text-sm"
-                />
-              </div>
-              <button className="px-4 py-2.5 rounded-full bg-primary text-primary-foreground font-medium text-sm neon-glow hover:neon-glow-strong transition-all">
-                Subscribe
-              </button>
-            </div>
           </motion.div>
 
           {/* Quick Links */}
@@ -191,15 +179,15 @@ export default function Footer() {
               © {new Date().getFullYear()} TechZaa. All rights reserved.
             </p>
             <div className="flex items-center gap-6 text-sm text-muted-foreground">
-              <a href="/privacy" className="hover:text-primary transition-colors">
+              <Link to="/privacy" className="hover:text-primary transition-colors">
                 Privacy Policy
-              </a>
+              </Link>
-              <a href="#" className="hover:text-primary transition-colors">
+              <Link to="/privacy" className="hover:text-primary transition-colors">
                 Terms of Service
-              </a>
+              </Link>
-              <a href="#" className="hover:text-primary transition-colors">
+              <Link to="/privacy" className="hover:text-primary transition-colors">
                 Cookie Policy
-              </a>
+              </Link>
             </div>
           </div>
         </motion.div>

src/components/Navbar.tsx

@@ -96,7 +96,7 @@ export default function Navbar() {
                     onClick={() => setAccent(color.name)}
                     className={`w-6 h-6 rounded-full ${color.color} transition-all ${
                       accent === color.name
-                        ? "ring-2 ring-white ring-offset-2 ring-offset-background"
+                        ? "ring-2 dark:ring-white ring-primary ring-offset-2 ring-offset-background"
                         : ""
                     }`}
                     whileHover={{ scale: 1.2 }}
@@ -109,7 +109,7 @@ export default function Navbar() {
               {/* Dark/Light Mode Toggle */}
               <motion.button
                 onClick={toggleMode}
-                className="p-2 rounded-full glass hover:neon-glow transition-all"
+                className="p-1.5 rounded-full neon-glow transition-all"
                 whileHover={{ scale: 1.1 }}
                 whileTap={{ scale: 0.9 }}
                 aria-label="Toggle theme mode"