revert: restore UI to commit ec06c59985

src/components/Auth/GoogleAuthModal.tsx

@@ -75,7 +75,7 @@ export default function GoogleAuthModal({ isOpen, onClose }: GoogleAuthModalProp
           >
             {/* Background Orbs */}
             <div className="absolute -top-20 -right-20 w-40 h-40 bg-orange-500/20 rounded-full blur-2xl pointer-events-none" />
-            <div className="absolute -bottom-20 -left-20 w-40 h-40 bg-orange-600/20 rounded-full blur-2xl pointer-events-none" />
+            <div className="absolute -bottom-20 -left-20 w-40 h-40 bg-blue-500/20 rounded-full blur-2xl pointer-events-none" />
 
             {/* Close Button */}
             <button

src/components/FacultyCard/FacultyCard.tsx

@@ -1,7 +1,7 @@
 import { useState } from 'react';
 import { createPortal } from 'react-dom';
 import { motion, AnimatePresence } from 'framer-motion';
-import { Mail, Phone, Building2, User, X, BookOpen, ChevronRight, Monitor, Command, GraduationCap, Briefcase, Microscope, Clock, MapPin } from 'lucide-react';
+import { Mail, Phone, Building2, User, X, BookOpen, ChevronRight, Monitor, Command, GraduationCap, Briefcase, Microscope, Clock } from 'lucide-react';
 import type { Faculty } from '@/types';
 
 interface FacultyCardProps {
@@ -32,7 +32,7 @@ export default function FacultyCard({ faculty }: FacultyCardProps) {
   const mailOptions = [
     { name: 'Default Mail App', url: `mailto:${faculty.email}`, icon: Monitor, color: 'text-gray-700', bg: 'bg-gray-100' },
     { name: 'Gmail', url: `https://mail.google.com/mail/?view=cm&fs=1&to=${faculty.email}`, icon: Mail, color: 'text-red-500', bg: 'bg-red-50' },
-    { name: 'Outlook', url: `https://outlook.office.com/mail/deeplink/compose?to=${faculty.email}`, icon: Mail, color: 'text-slate-800', bg: 'bg-slate-100' },
+    { name: 'Outlook', url: `https://outlook.office.com/mail/deeplink/compose?to=${faculty.email}`, icon: Mail, color: 'text-blue-600', bg: 'bg-blue-50' },
     { name: 'Yahoo Mail', url: `https://compose.mail.yahoo.com/?to=${faculty.email}`, icon: Mail, color: 'text-purple-600', bg: 'bg-purple-50' },
   ];
 
@@ -172,8 +172,8 @@ export default function FacultyCard({ faculty }: FacultyCardProps) {
                           className="flex items-center gap-4 p-3 rounded-xl hover:bg-white/80 transition-colors border group w-full"
                           style={{ backgroundColor: 'rgba(255, 255, 255, 0.6)', borderColor: `${from}15` }}
                         >
-                          <div className="w-10 h-10 rounded-full bg-slate-900 flex items-center justify-center group-hover:bg-[#C25E17] transition-colors shrink-0">
-                            <Phone className="w-4 h-4 text-orange-400 group-hover:text-white transition-colors" />
+                          <div className="w-10 h-10 rounded-full bg-blue-50 flex items-center justify-center group-hover:bg-blue-500 transition-colors shrink-0">
+                            <Phone className="w-4 h-4 text-blue-500 group-hover:text-white transition-colors" />
                           </div>
                           <div className="overflow-hidden">
                             <p className="text-[11px] font-semibold text-[#94A3B8] uppercase tracking-wider mb-0.5" style={{ fontFamily: 'Inter, sans-serif' }}>Phone Number</p>
@@ -224,14 +224,14 @@ export default function FacultyCard({ faculty }: FacultyCardProps) {
                   {/* Section 2: Academic Info */}
                   <div className="bg-white rounded-[20px] shadow-sm border border-[#E8ECF4] p-6 sm:p-8">
                     <div className="flex items-center gap-3 mb-6">
-                      <div className="w-10 h-10 rounded-xl bg-slate-900 flex items-center justify-center shrink-0">
-                        <BookOpen className="w-5 h-5 text-orange-400" />
+                      <div className="w-10 h-10 rounded-xl bg-indigo-50 flex items-center justify-center shrink-0">
+                        <BookOpen className="w-5 h-5 text-indigo-500" />
                       </div>
                       <h3 className="text-lg font-bold text-[#1E293B]" style={{ fontFamily: 'Poppins, sans-serif' }}>Academic Information</h3>
                     </div>
                     <div className="flex flex-col gap-4">
-                      <div className="p-5 rounded-xl bg-orange-50/40 border border-orange-200/50">
-                        <p className="text-xs font-bold text-orange-600 uppercase tracking-wider mb-2" style={{ fontFamily: 'Inter, sans-serif' }}>Subjects Handling</p>
+                      <div className="p-5 rounded-xl bg-indigo-50/30 border border-indigo-100/50">
+                        <p className="text-xs font-bold text-indigo-400 uppercase tracking-wider mb-2" style={{ fontFamily: 'Inter, sans-serif' }}>Subjects Handling</p>
                         <p className="text-sm font-medium text-[#1E293B]" style={{ fontFamily: 'Inter, sans-serif', lineHeight: '1.6' }}>{faculty.subjectsHandling || 'Not specified'}</p>
                       </div>
                       <div className="p-5 rounded-xl bg-teal-50/30 border border-teal-100/50">
@@ -239,8 +239,8 @@ export default function FacultyCard({ faculty }: FacultyCardProps) {
                         <p className="text-sm font-medium text-[#1E293B]" style={{ fontFamily: 'Inter, sans-serif', lineHeight: '1.6' }}>{faculty.researchAreas || 'Not specified'}</p>
                       </div>
                       {faculty.studentsGuided && (
-                        <div className="p-5 rounded-xl bg-orange-50/40 border border-orange-200/50">
-                          <p className="text-xs font-bold text-orange-600 uppercase tracking-wider mb-3" style={{ fontFamily: 'Inter, sans-serif' }}>Students Guided</p>
+                        <div className="p-5 rounded-xl bg-blue-50/30 border border-blue-100/50">
+                          <p className="text-xs font-bold text-blue-500 uppercase tracking-wider mb-3" style={{ fontFamily: 'Inter, sans-serif' }}>Students Guided</p>
                           <div className="flex gap-8">
                             <div className="flex flex-col">
                               <span className="text-2xl font-bold text-[#1E293B]">{faculty.studentsGuided.ug}</span> 
@@ -250,45 +250,17 @@ export default function FacultyCard({ faculty }: FacultyCardProps) {
                               <span className="text-2xl font-bold text-[#1E293B]">{faculty.studentsGuided.pg}</span> 
                               <span className="text-xs font-semibold text-[#64748B]">PG</span>
                             </div>
-                            {faculty.studentsGuided.phd && (
-                              <div className="flex flex-col">
-                                <span className="text-2xl font-bold text-[#1E293B]">{faculty.studentsGuided.phd}</span> 
-                                <span className="text-xs font-semibold text-[#64748B]">PhD</span>
-                              </div>
-                            )}
+                            <div className="flex flex-col">
+                              <span className="text-2xl font-bold text-[#1E293B]">{faculty.studentsGuided.phd}</span> 
+                              <span className="text-xs font-semibold text-[#64748B]">Ph.D.</span>
+                            </div>
                           </div>
                         </div>
                       )}
                     </div>
                   </div>
 
-                  {/* Section 3: Office & Availability */}
-                  <div className="bg-white rounded-[20px] shadow-sm border border-[#E8ECF4] p-6 sm:p-8">
-                    <div className="flex items-center gap-3 mb-6">
-                      <div className="w-10 h-10 rounded-xl bg-orange-50 flex items-center justify-center shrink-0">
-                        <MapPin className="w-5 h-5 text-[#FF7A00]" />
-                      </div>
-                      <h3 className="text-lg font-bold text-[#1E293B]" style={{ fontFamily: 'Poppins, sans-serif' }}>Office & Availability</h3>
-                    </div>
-                    <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
-                      <div className="p-5 rounded-xl bg-gray-50/80 border border-gray-100 flex items-start gap-4">
-                        <Clock className="w-6 h-6 text-[#FF7A00] shrink-0 mt-0.5" />
-                        <div>
-                          <p className="text-xs font-bold text-[#94A3B8] uppercase tracking-wider mb-1" style={{ fontFamily: 'Inter, sans-serif' }}>Office Hours</p>
-                          <p className="text-sm font-medium text-[#1E293B]" style={{ fontFamily: 'Inter, sans-serif' }}>{faculty.officeHours || 'Not specified'}</p>
-                        </div>
-                      </div>
-                      <div className="p-5 rounded-xl bg-orange-50/40 border border-orange-200/50 flex items-start gap-4">
-                        <Building2 className="w-6 h-6 text-orange-500 shrink-0 mt-0.5" />
-                        <div>
-                          <p className="text-xs font-bold text-orange-600 uppercase tracking-wider mb-1" style={{ fontFamily: 'Inter, sans-serif' }}>Office Location</p>
-                          <p className="text-sm font-medium text-[#1E293B]" style={{ fontFamily: 'Inter, sans-serif' }}>{faculty.office || 'Not specified'}</p>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
-
-                  {/* Section 4: Achievements (Render only if present) */}
+                  {/* Section 3: Achievements (Render only if present) */}
                   {(faculty.achievements || faculty.publications) && (
                     <div className="bg-white rounded-[20px] shadow-sm border border-[#E8ECF4] p-6 sm:p-8">
                       <div className="flex items-center gap-3 mb-6">
@@ -338,10 +310,10 @@ export default function FacultyCard({ faculty }: FacultyCardProps) {
                           <p className="text-sm font-medium text-[#1E293B]" style={{ fontFamily: 'Inter, sans-serif' }}>{faculty.officeHours || 'Not specified'}</p>
                         </div>
                       </div>
-                      <div className="p-5 rounded-xl bg-orange-50/40 border border-orange-200/50 flex items-start gap-4">
-                        <Building2 className="w-6 h-6 text-orange-500 shrink-0 mt-0.5" />
+                      <div className="p-5 rounded-xl bg-blue-50/30 border border-blue-100/50 flex items-start gap-4">
+                        <Building2 className="w-6 h-6 text-blue-500 shrink-0 mt-0.5" />
                         <div>
-                          <p className="text-xs font-bold text-orange-600 uppercase tracking-wider mb-1" style={{ fontFamily: 'Inter, sans-serif' }}>Office Location</p>
+                          <p className="text-xs font-bold text-blue-500 uppercase tracking-wider mb-1" style={{ fontFamily: 'Inter, sans-serif' }}>Office Location</p>
                           <p className="text-sm font-medium text-[#1E293B]" style={{ fontFamily: 'Inter, sans-serif' }}>{faculty.office || 'Not specified'}</p>
                         </div>
                       </div>

src/components/Footer/Footer.tsx

@@ -1,52 +1,121 @@
-import { GraduationCap, MapPin, Phone, Mail } from 'lucide-react';
+import { Link } from 'react-router-dom';
+import { GraduationCap, MapPin, Phone, Mail, ArrowRight } from 'lucide-react';
+
+const quickLinks = [
+  { label: 'Home', path: '/' },
+  { label: 'Notes & PYQs', path: '/notes' },
+  { label: 'RIT Chatbot', path: '/ai-assistant' },
+  { label: '3D Campus Map', path: '/campus' },
+  { label: 'Bus Routes', path: '/bus-routes' },
+  { label: 'Faculty Directory', path: '/faculty' },
+  { label: 'Events', path: '/events' },
+  { label: 'Community', path: '/community' },
+  { label: 'Dev Hub', path: '/collab' },
+];
 
 export default function Footer() {
   return (
-    <footer className="bg-[#0F172A] text-white border-t border-slate-800">
+    <footer className="bg-[#1E293B] text-white">
+      {/* CTA Banner */}
+      <div style={{ background: 'linear-gradient(135deg, #F97316, #FB923C)' }} className="py-12">
+        <div className="container-custom flex flex-col md:flex-row items-center justify-between gap-6">
+          <div>
+            <h3 className="text-2xl font-bold text-white" style={{ fontFamily: 'Playfair Display, serif' }}>
+              Ready to explore RIT?
+            </h3>
+            <p className="text-orange-100 mt-1" style={{ fontFamily: 'Inter, sans-serif' }}>
+              Everything a fresher needs — all in one place.
+            </p>
+          </div>
+          <Link
+            to="/ai-assistant"
+            className="flex items-center gap-2 bg-white text-[#F97316] px-6 py-3 rounded-xl font-semibold transition-all hover:shadow-lg hover:-translate-y-0.5"
+            style={{ fontFamily: 'Poppins, sans-serif' }}
+          >
+            Ask Chatbot
+            <ArrowRight className="w-4 h-4" />
+          </Link>
+        </div>
+      </div>
+
       {/* Main Footer */}
-      <div className="container-custom py-6 sm:py-8 px-4">
-        <div className="flex flex-col md:flex-row items-start md:items-center justify-between gap-6 md:gap-12">
+      <div className="container-custom py-14">
+        <div className="grid grid-cols-1 md:grid-cols-3 gap-10">
           {/* Brand */}
-          <div className="max-w-md">
-            <div className="flex items-center gap-2.5 mb-2.5">
-              <div className="w-9 h-9 rounded-xl flex items-center justify-center bg-[#C25E17] border border-orange-500/40 text-white shadow-md">
-                <GraduationCap className="w-4 h-4" />
+          <div>
+            <div className="flex items-center gap-2.5 mb-4">
+              <div
+                className="w-10 h-10 rounded-xl flex items-center justify-center"
+                style={{ background: 'linear-gradient(135deg, #F97316, #FB923C)' }}
+              >
+                <GraduationCap className="w-5 h-5 text-white" />
               </div>
               <div>
                 <div className="font-bold text-white text-sm" style={{ fontFamily: 'Poppins, sans-serif' }}>RIT Freshers Hub</div>
                 <div className="text-[10px] text-slate-400">Rajalakshmi Institute of Technology</div>
               </div>
             </div>
-            <p className="text-slate-400 text-xs sm:text-sm leading-relaxed" style={{ fontFamily: 'Inter, sans-serif' }}>
+            <p className="text-slate-400 text-sm leading-relaxed mb-5" style={{ fontFamily: 'Inter, sans-serif' }}>
               Your all-in-one guide to campus life at RIT. Notes, chatbot, bus routes, 3D campus map, and developer hub — built for students.
             </p>
           </div>
 
+          {/* Quick Links */}
+          <div>
+            <h4 className="text-white font-semibold mb-4 text-sm uppercase tracking-wider" style={{ fontFamily: 'Poppins, sans-serif' }}>
+              Quick Navigation
+            </h4>
+            <div className="grid grid-cols-2 gap-2">
+              {quickLinks.map((link) => (
+                <Link
+                  key={link.path}
+                  to={link.path}
+                  className="text-slate-400 hover:text-[#F97316] text-sm transition-colors flex items-center gap-1.5 group py-1"
+                  style={{ fontFamily: 'Inter, sans-serif' }}
+                >
+                  <span className="w-1 h-1 rounded-full bg-[#F97316] opacity-0 group-hover:opacity-100 transition-opacity" />
+                  {link.label}
+                </Link>
+              ))}
+            </div>
+          </div>
+
           {/* Contact */}
-          <div className="shrink-0">
-            <h4 className="text-white font-semibold mb-2.5 text-xs sm:text-sm uppercase tracking-wider" style={{ fontFamily: 'Poppins, sans-serif' }}>
+          <div>
+            <h4 className="text-white font-semibold mb-4 text-sm uppercase tracking-wider" style={{ fontFamily: 'Poppins, sans-serif' }}>
               Campus Location & Contact
             </h4>
-            <ul className="space-y-2 text-xs sm:text-sm">
-              <li className="flex items-start gap-2.5 text-slate-400" style={{ fontFamily: 'Inter, sans-serif' }}>
-                <MapPin className="w-4 h-4 mt-0.5 shrink-0 text-orange-400" />
+            <ul className="space-y-3">
+              <li className="flex items-start gap-3 text-slate-400 text-sm" style={{ fontFamily: 'Inter, sans-serif' }}>
+                <MapPin className="w-4 h-4 mt-0.5 shrink-0 text-[#F97316]" />
                 <span>Rajalakshmi Institute of Technology,<br />Kuthambakkam, Chennai - 600 124</span>
               </li>
-              <li className="flex items-center gap-2.5 text-slate-400">
-                <Phone className="w-4 h-4 shrink-0 text-orange-400" />
-                <a href="tel:+914423422890" className="hover:text-orange-400 transition-colors">+91 44 2342 2890</a>
+              <li className="flex items-center gap-3 text-slate-400 text-sm">
+                <Phone className="w-4 h-4 shrink-0 text-[#F97316]" />
+                <a href="tel:+914423422890" className="hover:text-[#F97316] transition-colors">+91 44 2342 2890</a>
               </li>
-              <li className="flex items-center gap-2.5 text-slate-400">
-                <Mail className="w-4 h-4 shrink-0 text-orange-400" />
-                <a href="mailto:info@rit.ac.in" className="hover:text-orange-400 transition-colors">info@rit.ac.in</a>
+              <li className="flex items-center gap-3 text-slate-400 text-sm">
+                <Mail className="w-4 h-4 shrink-0 text-[#F97316]" />
+                <a href="mailto:info@rit.ac.in" className="hover:text-[#F97316] transition-colors">info@rit.ac.in</a>
               </li>
             </ul>
           </div>
         </div>
+      </div>
 
-        <div className="mt-6 pt-4 border-t border-slate-800/80 text-center text-xs text-slate-500 flex flex-col sm:flex-row items-center justify-between gap-2">
-          <span>© {new Date().getFullYear()} Rajalakshmi Institute of Technology. All rights reserved.</span>
-          <span className="text-slate-400">RIT Student Portal v2.0</span>
+      {/* Bottom Bar */}
+      <div className="border-t border-slate-700">
+        <div className="container-custom py-5 flex flex-col sm:flex-row items-center justify-between gap-3">
+          <p className="text-slate-500 text-xs" style={{ fontFamily: 'Inter, sans-serif' }}>
+            © 2025 RIT Freshers Hub. All rights reserved.
+          </p>
+          <div className="flex items-center gap-4 text-xs text-slate-500">
+            <a href="#" className="hover:text-[#F97316] transition-colors">Privacy Policy</a>
+            <span>·</span>
+            <a href="#" className="hover:text-[#F97316] transition-colors">Terms of Use</a>
+            <span>·</span>
+            <a href="#" className="hover:text-[#F97316] transition-colors">Accessibility</a>
+          </div>
         </div>
       </div>
     </footer>

src/components/Header/Header.tsx

@@ -1,668 +0,0 @@
-import { useState, useEffect, useRef } from 'react';
-import { useNavigate, useLocation, Link } from 'react-router-dom';
-import { motion, AnimatePresence } from 'framer-motion';
-import {
-  Search,
-  Bell,
-  Menu,
-  Calendar,
-  X,
-  BookOpen,
-  Bus,
-  Users,
-  Calendar as ClubIcon,
-  Code2,
-  Trophy,
-  Bot,
-  LayoutDashboard,
-  Wrench,
-  MapPin,
-  MessageSquare,
-  Rocket,
-  GitBranch,
-  LogIn,
-  LogOut,
-  ChevronRight,
-  ChevronDown,
-  Grid,
-} from 'lucide-react';
-import { useAuth } from '@/context/AuthContext';
-import { BUS_ROUTES, FACULTY_DATA, CLUBS_DATA } from '@/constants';
-
-interface HeaderProps {
-  onToggleSidebar?: () => void;
-}
-
-interface NotificationItem {
-  id: string;
-  title: string;
-  message: string;
-  time: string;
-  read: boolean;
-  type: 'academic' | 'dev' | 'campus' | 'bus';
-}
-
-interface NavItem {
-  label: string;
-  path: string;
-  icon: any;
-  desc?: string;
-  highlight?: boolean;
-}
-
-interface NavGroup {
-  title: string;
-  items: NavItem[];
-}
-
-export default function Header({}: HeaderProps) {
-  const [isNavOpen, setIsNavOpen] = useState(false);
-  const [searchQuery, setSearchQuery] = useState('');
-  const [isSearchOpen, setIsSearchOpen] = useState(false);
-  const [isNotifOpen, setIsNotifOpen] = useState(false);
-  const [currentDate, setCurrentDate] = useState('');
-  
-  const navigate = useNavigate();
-  const location = useLocation();
-  const { user, isAuthenticated, isVerifiedStudent, loginWithGoogle, logout } = useAuth();
-  
-  const notifRef = useRef<HTMLDivElement>(null);
-  const searchRef = useRef<HTMLDivElement>(null);
-  const navRef = useRef<HTMLDivElement>(null);
-
-  const [notifications, setNotifications] = useState<NotificationItem[]>([
-    {
-      id: '1',
-      title: 'Moodle Notes & PYQs Updated',
-      message: '1st to 8th Semester notes and previous year question papers are published on Moodle.',
-      time: '10m ago',
-      read: false,
-      type: 'academic',
-    },
-    {
-      id: '2',
-      title: 'Dev Collab Hub Open',
-      message: 'Post open-source project ideas or find co-developers across departments.',
-      time: '1h ago',
-      read: false,
-      type: 'dev',
-    },
-    {
-      id: '3',
-      title: 'LeetCode Campus Rankings Live',
-      message: 'Monthly competitive programming leaderboard has been updated.',
-      time: '3h ago',
-      read: false,
-      type: 'academic',
-    },
-    {
-      id: '4',
-      title: 'Campus Bus Schedule Confirmed',
-      message: 'All 4 campus bus routes operating on 7:00 AM morning schedule.',
-      time: '1d ago',
-      read: true,
-      type: 'bus',
-    },
-  ]);
-
-  const unreadCount = notifications.filter((n) => !n.read).length;
-
-  const navGroups: NavGroup[] = [
-    {
-      title: 'ACADEMICS & PORTAL',
-      items: [
-        { label: 'Dashboard', path: '/', icon: LayoutDashboard, desc: 'Campus Overview' },
-        { label: 'Notes & PYQs', path: '/notes', icon: BookOpen, desc: 'Semester Study Materials' },
-        { label: 'Student Toolkit', path: '/notes?section=toolkit', icon: Wrench, desc: 'Calculators & Converters' },
-        { label: 'RIT Chatbot', path: '/ai-assistant', icon: Bot, desc: 'Instant AI Campus Q&A' },
-      ],
-    },
-    {
-      title: 'CAMPUS & UTILITIES',
-      items: [
-        { label: 'Bus Tracker', path: '/bus-routes', icon: Bus, desc: 'Routes & Timings' },
-        { label: 'Campus Map', path: '/campus', icon: MapPin, desc: '3D Campus Map' },
-        { label: 'Faculty Directory', path: '/faculty', icon: Users, desc: 'Staff Contacts & Hours' },
-        { label: 'Student Clubs', path: '/events', icon: ClubIcon, desc: 'Official Societies & Leads' },
-      ],
-    },
-    {
-      title: 'COMMUNITY & DEV',
-      items: [
-        { label: 'Freshers Q&A', path: '/community', icon: MessageSquare, desc: 'Peer Answers & Advice' },
-        { label: 'Dev Collab Hub', path: '/collab', icon: Code2, desc: 'Find Project Teammates', highlight: true },
-        { label: 'LeetCode Board', path: '/leetcode', icon: Trophy, desc: 'Campus Coding Arena' },
-        { label: 'RAISE Incubator', path: '/raise', icon: Rocket, desc: 'Startup Ventures & MVP' },
-      ],
-    },
-  ];
-
-  const checkIsActive = (path: string) => {
-    if (path === '/') return location.pathname === '/';
-    return location.pathname.startsWith(path.split('?')[0]);
-  };
-
-  useEffect(() => {
-    const now = new Date();
-    const formatted = now.toLocaleDateString('en-US', {
-      weekday: 'short',
-      month: 'short',
-      day: 'numeric',
-      year: 'numeric',
-    });
-    setCurrentDate(formatted);
-  }, []);
-
-  // Listen for ⌘K shortcut and Escape key
-  useEffect(() => {
-    const handleKeyDown = (e: KeyboardEvent) => {
-      if ((e.metaKey || e.ctrlKey) && e.key === 'k') {
-        e.preventDefault();
-        setIsSearchOpen((prev) => !prev);
-      }
-      if (e.key === 'Escape') {
-        setIsNavOpen(false);
-        setIsSearchOpen(false);
-        setIsNotifOpen(false);
-      }
-    };
-    window.addEventListener('keydown', handleKeyDown);
-    return () => window.removeEventListener('keydown', handleKeyDown);
-  }, []);
-
-  // Close dropdowns on outside click
-  useEffect(() => {
-    const handleClickOutside = (e: MouseEvent) => {
-      if (notifRef.current && !notifRef.current.contains(e.target as Node)) {
-        setIsNotifOpen(false);
-      }
-      if (searchRef.current && !searchRef.current.contains(e.target as Node)) {
-        setIsSearchOpen(false);
-      }
-      if (navRef.current && !navRef.current.contains(e.target as Node)) {
-        setIsNavOpen(false);
-      }
-    };
-    document.addEventListener('mousedown', handleClickOutside);
-    return () => document.removeEventListener('mousedown', handleClickOutside);
-  }, []);
-
-  // Auto close nav on location change
-  useEffect(() => {
-    setIsNavOpen(false);
-  }, [location.pathname, location.search]);
-
-  const markAllAsRead = () => {
-    setNotifications((prev) => prev.map((n) => ({ ...n, read: true })));
-  };
-
-  const clearNotifications = () => {
-    setNotifications([]);
-  };
-
-  // Search indexing & results calculation
-  const searchResults = (() => {
-    if (!searchQuery.trim()) return [];
-    const q = searchQuery.toLowerCase();
-    const results: { title: string; desc: string; path: string; icon: any; category: string }[] = [];
-
-    // Check modules
-    if ('notes pyqs moodle syllabus question paper'.includes(q)) {
-      results.push({ title: 'Academic Notes & PYQs', desc: 'Semester course notes & past papers', path: '/notes', icon: BookOpen, category: 'Academics' });
-    }
-    if ('bus route timing transport travel pickup'.includes(q)) {
-      results.push({ title: 'Campus Bus Routes', desc: 'Schedules and stops for all campus buses', path: '/bus-routes', icon: Bus, category: 'Utilities' });
-    }
-    if ('chatbot assistant question help contact rules'.includes(q)) {
-      results.push({ title: 'Campus Chatbot', desc: 'Instant Q&A about campus life & rules', path: '/ai-assistant', icon: Bot, category: 'Academics' });
-    }
-    if ('collab dev project developer team coding github'.includes(q)) {
-      results.push({ title: 'Dev Collab Hub', desc: 'Find co-developers & build projects', path: '/collab', icon: Code2, category: 'Dev' });
-    }
-    if ('leetcode ranking leaderboard coding rank'.includes(q)) {
-      results.push({ title: 'LeetCode Leaderboard', desc: 'Campus competitive coding rankings', path: '/leetcode', icon: Trophy, category: 'Dev' });
-    }
-
-    // Search Bus Routes
-    BUS_ROUTES.forEach((r) => {
-      if (r.name.toLowerCase().includes(q) || r.number.toLowerCase().includes(q) || r.from.toLowerCase().includes(q)) {
-        results.push({ title: `${r.number}: ${r.name}`, desc: `Departure: ${r.departureTime} from ${r.from}`, path: '/bus-routes', icon: Bus, category: 'Bus Route' });
-      }
-    });
-
-    // Search Faculty
-    FACULTY_DATA.forEach((f) => {
-      if (f.name.toLowerCase().includes(q) || f.department.toLowerCase().includes(q) || (f.specialization && f.specialization.toLowerCase().includes(q))) {
-        results.push({ title: f.name, desc: `${f.designation} — ${f.department}`, path: '/faculty', icon: Users, category: 'Faculty' });
-      }
-    });
-
-    // Search Clubs
-    CLUBS_DATA.forEach((c) => {
-      if (c.name.toLowerCase().includes(q) || c.description.toLowerCase().includes(q)) {
-        results.push({ title: c.name, desc: c.description, path: '/events', icon: ClubIcon, category: 'Club' });
-      }
-    });
-
-    return results.slice(0, 6);
-  })();
-
-  const handleSelectResult = (path: string) => {
-    setIsSearchOpen(false);
-    setSearchQuery('');
-    navigate(path);
-  };
-
-  // 5 Key Quick Links for PC header center
-  const mainDesktopLinks = [
-    { label: 'Dashboard', path: '/', icon: LayoutDashboard },
-    { label: 'Notes & PYQs', path: '/notes', icon: BookOpen },
-    { label: 'Bus Tracker', path: '/bus-routes', icon: Bus },
-    { label: 'Dev Collab', path: '/collab', icon: Code2 },
-    { label: 'LeetCode', path: '/leetcode', icon: Trophy },
-  ];
-
-  return (
-    <header className="sticky top-0 z-40 w-full bg-[#0F172A]/95 backdrop-blur-md border-b border-slate-800/80 px-3 sm:px-4 lg:px-6 py-2 shadow-md text-white">
-      <div className="max-w-7xl mx-auto flex items-center justify-between gap-2 sm:gap-4">
-        
-        {/* Left Side: Brand Logo & Top Navigation Toggle Button */}
-        <div className="flex items-center gap-2 sm:gap-3 shrink-0">
-          <Link to="/" className="flex items-center gap-2 group shrink-0">
-            <div className="p-1 rounded-xl bg-slate-950 border border-slate-800 shadow-sm shrink-0">
-              <img
-                src="/logo.png"
-                alt="RIT Logo"
-                className="w-7 h-7 object-contain rounded-full"
-              />
-            </div>
-            <div className="flex flex-col min-w-0">
-              <span className="font-bold text-white text-base tracking-tight truncate leading-tight" style={{ fontFamily: 'Poppins, sans-serif' }}>
-                RIT Portal
-              </span>
-              <span className="text-[9px] text-orange-400 font-medium tracking-wider uppercase truncate" style={{ fontFamily: 'Inter, sans-serif' }}>
-                Freshers Hub
-              </span>
-            </div>
-          </Link>
-
-          {/* Navigation Dropdown Toggle Button */}
-          <div className="relative" ref={navRef}>
-            <button
-              onClick={() => setIsNavOpen((prev) => !prev)}
-              className={`flex items-center gap-1.5 px-2.5 py-1.5 rounded-xl border text-xs font-bold transition-all cursor-pointer shadow-sm ${
-                isNavOpen
-                  ? 'bg-gradient-to-r from-[#C25E17] to-[#EA580C] text-white border-orange-400/50'
-                  : 'bg-slate-900/90 hover:bg-slate-800 text-slate-200 border-slate-800 hover:border-slate-700'
-              }`}
-              style={{ fontFamily: 'Poppins, sans-serif' }}
-              title="Toggle Navigation Menu"
-            >
-              <Grid className="w-3.5 h-3.5 text-orange-400" />
-              <span className="hidden xs:inline text-[11.5px]">Navigation</span>
-              <ChevronDown className={`w-3.5 h-3.5 transition-transform duration-200 ${isNavOpen ? 'rotate-180' : ''}`} />
-            </button>
-          </div>
-        </div>
-
-        {/* Center: Desktop Top Quick Links Strip (Clean 5 Links, No Truncation) */}
-        <nav className="hidden lg:flex items-center gap-1 xl:gap-2 shrink-0">
-          {mainDesktopLinks.map((item) => {
-            const isActive = checkIsActive(item.path);
-            const Icon = item.icon;
-            return (
-              <Link
-                key={item.path}
-                to={item.path}
-                className={`flex items-center gap-1.5 px-2.5 xl:px-3 py-1.5 rounded-xl text-xs font-semibold transition-all whitespace-nowrap ${
-                  isActive
-                    ? 'bg-gradient-to-r from-[#C25E17] to-[#EA580C] text-white shadow-xs border border-orange-400/40'
-                    : 'text-slate-300 hover:text-white hover:bg-slate-800/60 border border-transparent'
-                }`}
-                style={{ fontFamily: 'Poppins, sans-serif' }}
-              >
-                <Icon className={`w-3.5 h-3.5 shrink-0 ${isActive ? 'text-white' : 'text-orange-400'}`} />
-                <span>{item.label}</span>
-              </Link>
-            );
-          })}
-        </nav>
-
-        {/* Right Controls */}
-        <div className="flex items-center gap-1.5 sm:gap-2 shrink-0">
-          
-          {/* Global Search Input */}
-          <div className="relative min-w-0 w-24 xs:w-32 sm:w-40 md:w-48" ref={searchRef}>
-            <div
-              onClick={() => setIsSearchOpen(true)}
-              className="relative w-full cursor-text"
-            >
-              <Search className="absolute left-2.5 top-1/2 -translate-y-1/2 w-3.5 h-3.5 text-slate-400" />
-              <input
-                type="text"
-                value={searchQuery}
-                onChange={(e) => {
-                  setSearchQuery(e.target.value);
-                  setIsSearchOpen(true);
-                }}
-                onFocus={() => setIsSearchOpen(true)}
-                placeholder="Search..."
-                className="w-full pl-8 pr-6 sm:pr-8 py-1.5 text-xs font-medium bg-slate-900/90 hover:bg-slate-900 focus:bg-slate-950 border border-slate-800 focus:border-orange-500/60 rounded-xl text-white placeholder-slate-400 outline-none transition-all shadow-inner truncate"
-                style={{ fontFamily: 'Inter, sans-serif' }}
-              />
-              <span className="hidden sm:inline-flex absolute right-2 top-1/2 -translate-y-1/2 text-[9px] font-semibold text-slate-300 bg-slate-800 border border-slate-700 px-1 py-0.5 rounded shadow-2xs">
-                ⌘K
-              </span>
-            </div>
-
-            {/* Search Live Results Overlay */}
-            {isSearchOpen && (
-              <div className="absolute top-full right-0 mt-2 w-72 sm:w-[380px] bg-[#0F172A] rounded-2xl border border-slate-800 shadow-2xl overflow-hidden z-50 p-2 text-left">
-                <div className="flex items-center justify-between px-3 py-2 border-b border-slate-800">
-                  <span className="text-[11px] font-bold text-slate-400 uppercase tracking-wider">
-                    {searchQuery.trim() ? 'Search Results' : 'Quick Navigation'}
-                  </span>
-                  <button
-                    onClick={() => setIsSearchOpen(false)}
-                    className="p-1 rounded-md text-slate-400 hover:text-white hover:bg-slate-800"
-                  >
-                    <X className="w-3.5 h-3.5" />
-                  </button>
-                </div>
-
-                <div className="max-h-72 overflow-y-auto custom-scrollbar p-1 space-y-1">
-                  {searchResults.length > 0 ? (
-                    searchResults.map((res, i) => {
-                      const Icon = res.icon;
-                      return (
-                        <div
-                          key={i}
-                          onClick={() => handleSelectResult(res.path)}
-                          className="flex items-center justify-between p-2.5 rounded-xl hover:bg-slate-800/80 cursor-pointer transition-colors group"
-                        >
-                          <div className="flex items-center gap-3 min-w-0">
-                            <div className="w-8 h-8 rounded-lg bg-orange-500/10 text-orange-400 flex items-center justify-center shrink-0 border border-orange-500/30">
-                              <Icon className="w-4 h-4" />
-                            </div>
-                            <div className="flex flex-col min-w-0">
-                              <span className="text-xs font-bold text-white group-hover:text-orange-400 truncate" style={{ fontFamily: 'Poppins, sans-serif' }}>
-                                {res.title}
-                              </span>
-                              <span className="text-[11px] text-slate-400 truncate">{res.desc}</span>
-                            </div>
-                          </div>
-                          <span className="text-[9px] font-bold px-2 py-0.5 rounded-md bg-slate-800 text-slate-300 shrink-0 border border-slate-700">
-                            {res.category}
-                          </span>
-                        </div>
-                      );
-                    })
-                  ) : (
-                    <div className="p-4 text-center space-y-2">
-                      <span className="text-xs text-slate-400 block">
-                        {searchQuery.trim() ? `No matches found for "${searchQuery}"` : 'Type to search notes, faculty, routes & clubs'}
-                      </span>
-                      <div className="flex flex-wrap justify-center gap-1.5 pt-1">
-                        <button
-                          onClick={() => handleSelectResult('/notes')}
-                          className="text-[11px] px-2.5 py-1 rounded-lg bg-slate-800 text-slate-300 font-medium hover:bg-slate-700 hover:text-white border border-slate-700"
-                        >
-                          Notes
-                        </button>
-                        <button
-                          onClick={() => handleSelectResult('/bus-routes')}
-                          className="text-[11px] px-2.5 py-1 rounded-lg bg-slate-800 text-slate-300 font-medium hover:bg-slate-700 hover:text-white border border-slate-700"
-                        >
-                          Bus Routes
-                        </button>
-                        <button
-                          onClick={() => handleSelectResult('/faculty')}
-                          className="text-[11px] px-2.5 py-1 rounded-lg bg-slate-800 text-slate-300 font-medium hover:bg-slate-700 hover:text-white border border-slate-700"
-                        >
-                          Faculty
-                        </button>
-                      </div>
-                    </div>
-                  )}
-                </div>
-              </div>
-            )}
-          </div>
-
-          {/* Date Display Badge */}
-          <div className="hidden xl:flex items-center gap-1.5 px-2.5 py-1.5 rounded-xl bg-slate-900/90 text-slate-300 text-xs font-medium border border-slate-800 whitespace-nowrap">
-            <Calendar className="w-3.5 h-3.5 text-orange-400" />
-            <span>{currentDate}</span>
-          </div>
-
-          {/* Notifications Dropdown */}
-          <div className="relative" ref={notifRef}>
-            <button
-              onClick={() => setIsNotifOpen((prev) => !prev)}
-              className="relative p-2 rounded-xl bg-slate-900/90 hover:bg-slate-800 text-slate-300 hover:text-white transition-colors cursor-pointer border border-slate-800"
-              title="Notifications"
-            >
-              <Bell className="w-4 h-4" />
-              {unreadCount > 0 && (
-                <span className="absolute top-1.5 right-1.5 w-2 h-2 rounded-full bg-orange-500 ring-2 ring-[#0F172A]" />
-              )}
-            </button>
-
-            {/* Notifications Dropdown Panel */}
-            {isNotifOpen && (
-              <div className="absolute right-0 top-full mt-2 w-80 sm:w-96 bg-[#0F172A] rounded-2xl border border-slate-800 shadow-2xl overflow-hidden z-50 p-3 text-left">
-                <div className="flex items-center justify-between pb-2 border-b border-slate-800">
-                  <div className="flex items-center gap-2">
-                    <span className="text-xs font-bold text-white" style={{ fontFamily: 'Poppins, sans-serif' }}>
-                      Notifications
-                    </span>
-                    {unreadCount > 0 && (
-                      <span className="text-[10px] font-bold px-2 py-0.5 rounded-full bg-orange-600 text-white">
-                        {unreadCount} new
-                      </span>
-                    )}
-                  </div>
-
-                  <div className="flex items-center gap-2">
-                    {unreadCount > 0 && (
-                      <button
-                        onClick={markAllAsRead}
-                        className="text-[11px] font-semibold text-orange-400 hover:text-orange-300"
-                      >
-                        Mark all read
-                      </button>
-                    )}
-                    {notifications.length > 0 && (
-                      <button
-                        onClick={clearNotifications}
-                        className="text-[11px] font-semibold text-slate-400 hover:text-slate-300"
-                      >
-                        Clear
-                      </button>
-                    )}
-                  </div>
-                </div>
-
-                <div className="max-h-72 overflow-y-auto custom-scrollbar pt-2 space-y-2">
-                  {notifications.length > 0 ? (
-                    notifications.map((n) => (
-                      <div
-                        key={n.id}
-                        className={`p-2.5 rounded-xl border transition-colors ${
-                          n.read ? 'bg-slate-900/40 border-slate-800' : 'bg-slate-900/90 border-slate-700'
-                        }`}
-                      >
-                        <div className="flex items-center justify-between mb-1">
-                          <span className="text-xs font-bold text-white leading-snug" style={{ fontFamily: 'Poppins, sans-serif' }}>
-                            {n.title}
-                          </span>
-                          <span className="text-[10px] text-slate-400 font-medium">{n.time}</span>
-                        </div>
-                        <p className="text-[11px] text-slate-300 leading-relaxed" style={{ fontFamily: 'Inter, sans-serif' }}>
-                          {n.message}
-                        </p>
-                      </div>
-                    ))
-                  ) : (
-                    <div className="p-6 text-center text-xs text-slate-400">
-                      No new notifications
-                    </div>
-                  )}
-                </div>
-              </div>
-            )}
-          </div>
-
-          {/* User Auth Profile / Sign In */}
-          {isAuthenticated && user ? (
-            <div className="flex items-center gap-1.5 sm:gap-2 pl-1.5 sm:pl-2 border-l border-slate-800 shrink-0">
-              {user.pictureUrl ? (
-                <img
-                  src={user.pictureUrl}
-                  alt={user.name}
-                  className="w-7 h-7 sm:w-8 sm:h-8 rounded-full border border-slate-700 object-cover shrink-0"
-                  referrerPolicy="no-referrer"
-                />
-              ) : (
-                <div className="w-7 h-7 sm:w-8 sm:h-8 rounded-full bg-[#C25E17] text-white font-bold text-xs flex items-center justify-center shrink-0 border border-orange-500/40">
-                  {user.name.charAt(0)}
-                </div>
-              )}
-              <button
-                onClick={logout}
-                title="Sign Out"
-                className="p-1 rounded-lg hover:bg-white/10 text-slate-400 hover:text-white transition-colors cursor-pointer"
-              >
-                <LogOut className="w-4 h-4" />
-              </button>
-            </div>
-          ) : (
-            <button
-              onClick={loginWithGoogle}
-              className="flex items-center gap-1.5 px-2.5 sm:px-3 py-1.5 rounded-xl bg-gradient-to-r from-[#C25E17] via-[#EA580C] to-[#F97316] hover:from-[#EA580C] hover:to-[#FB923C] border border-orange-500/40 text-white font-bold text-xs transition-all cursor-pointer shadow-md shrink-0 whitespace-nowrap"
-              style={{ fontFamily: 'Poppins, sans-serif' }}
-            >
-              <LogIn className="w-3.5 h-3.5 shrink-0" />
-              <span>Sign In</span>
-            </button>
-          )}
-
-        </div>
-      </div>
-
-      {/* ─── FULL TOP NAVIGATION DROPDOWN DRAWER (DESKTOP & MOBILE) ─── */}
-      <AnimatePresence>
-        {isNavOpen && (
-          <motion.div
-            initial={{ opacity: 0, y: -10, scaleY: 0.97 }}
-            animate={{ opacity: 1, y: 0, scaleY: 1 }}
-            exit={{ opacity: 0, y: -10, scaleY: 0.97 }}
-            transition={{ duration: 0.18, ease: 'easeOut' }}
-            className="absolute top-full inset-x-0 bg-[#0F172A]/98 backdrop-blur-2xl border-b border-slate-800 shadow-2xl z-50 p-3 sm:p-5 md:p-6 max-h-[80vh] overflow-y-auto custom-scrollbar"
-          >
-            <div className="max-w-7xl mx-auto space-y-4">
-              
-              {/* Header Bar inside Drawer */}
-              <div className="flex items-center justify-between pb-2 border-b border-slate-800/80">
-                <span className="text-[11px] font-extrabold text-orange-400 uppercase tracking-wider" style={{ fontFamily: 'Poppins, sans-serif' }}>
-                  All Campus Modules & Services
-                </span>
-                <button
-                  onClick={() => setIsNavOpen(false)}
-                  className="text-xs font-semibold px-2.5 py-1 rounded-lg bg-slate-800 hover:bg-slate-700 text-slate-300 hover:text-white transition-colors cursor-pointer"
-                >
-                  Close Menu ✕
-                </button>
-              </div>
-
-              {/* Navigation Grid (1 Column Mobile, 3 Columns Desktop) */}
-              <div className="grid grid-cols-1 md:grid-cols-3 gap-3 sm:gap-5">
-                {navGroups.map((group) => (
-                  <div key={group.title} className="flex flex-col gap-1.5 bg-slate-900/70 p-3 rounded-2xl border border-slate-800/80">
-                    <span
-                      className="px-2 text-[10px] sm:text-[11px] font-bold text-orange-400 tracking-wider uppercase mb-0.5 flex items-center justify-between"
-                      style={{ fontFamily: 'Poppins, sans-serif' }}
-                    >
-                      <span>{group.title}</span>
-                    </span>
-
-                    <div className="space-y-1">
-                      {group.items.map((item) => {
-                        const isActive = checkIsActive(item.path);
-                        const Icon = item.icon;
-
-                        return (
-                          <Link
-                            key={item.path}
-                            to={item.path}
-                            onClick={() => setIsNavOpen(false)}
-                            className={`flex items-center justify-between p-2.5 rounded-xl transition-all duration-200 group ${
-                              isActive
-                                ? 'bg-gradient-to-r from-[#C25E17] to-[#EA580C] text-white shadow-md border border-orange-500/50'
-                                : 'hover:bg-slate-800/80 text-slate-200'
-                            }`}
-                          >
-                            <div className="flex items-center gap-3 min-w-0">
-                              <div className={`p-1.5 rounded-lg shrink-0 ${
-                                isActive ? 'bg-white/20 text-white' : 'bg-slate-800 text-orange-400 group-hover:bg-slate-700'
-                              }`}>
-                                <Icon className="w-4 h-4" />
-                              </div>
-                              <div className="flex flex-col min-w-0">
-                                <div className="flex items-center gap-2">
-                                  <span className="text-xs font-bold truncate" style={{ fontFamily: 'Poppins, sans-serif' }}>
-                                    {item.label}
-                                  </span>
-                                  {item.highlight && !isActive && (
-                                    <span className="w-2 h-2 rounded-full bg-orange-400 animate-pulse shrink-0" />
-                                  )}
-                                </div>
-                                {item.desc && (
-                                  <span className={`text-[10px] sm:text-[10.5px] truncate ${isActive ? 'text-orange-100' : 'text-slate-400'}`}>
-                                    {item.desc}
-                                  </span>
-                                )}
-                              </div>
-                            </div>
-                            <span className={`text-xs ${isActive ? 'text-white' : 'text-slate-500 group-hover:text-slate-300'}`}>
-                              →
-                            </span>
-                          </Link>
-                        );
-                      })}
-                    </div>
-                  </div>
-                ))}
-              </div>
-
-              {/* Dev Collab Hub CTA Banner */}
-              <div className="pt-2 border-t border-slate-800/80">
-                <Link
-                  to="/collab"
-                  onClick={() => setIsNavOpen(false)}
-                  className="w-full flex items-center justify-between p-3 sm:p-3.5 rounded-2xl bg-gradient-to-r from-[#C25E17] via-[#EA580C] to-[#F97316] hover:from-[#EA580C] hover:to-[#FB923C] border border-orange-500/40 text-white group transition-all duration-200 shadow-lg shadow-orange-500/10"
-                >
-                  <div className="flex items-center gap-3">
-                    <div className="w-8 h-8 rounded-xl bg-white/10 border border-white/20 flex items-center justify-center text-white shrink-0">
-                      <GitBranch className="w-4.5 h-4.5" />
-                    </div>
-                    <div className="flex flex-col text-left min-w-0">
-                      <span className="text-xs font-bold leading-tight" style={{ fontFamily: 'Poppins, sans-serif' }}>
-                        Developer Collaboration Hub
-                      </span>
-                      <span className="text-[10.5px] sm:text-[11px] text-orange-100/90 truncate">Find co-developers & build open-source projects</span>
-                    </div>
-                  </div>
-                  <span className="text-[11px] sm:text-xs font-bold px-3 py-1 rounded-xl bg-white/20 hover:bg-white/30 transition-colors shrink-0 ml-2">
-                    Launch Hub →
-                  </span>
-                </Link>
-              </div>
-
-            </div>
-          </motion.div>
-        )}
-      </AnimatePresence>
-    </header>
-  );
-}

src/components/Sidebar/Sidebar.tsx

@@ -1,294 +0,0 @@
-import { useState } from 'react';
-import { Link, useLocation } from 'react-router-dom';
-import { motion, AnimatePresence } from 'framer-motion';
-import {
-  LayoutDashboard,
-  BookOpen,
-  Wrench,
-  Bot,
-  MapPin,
-  Bus,
-  Users,
-  Calendar,
-  MessageSquare,
-  Code2,
-  Trophy,
-  Rocket,
-  LogOut,
-  LogIn,
-  ShieldCheck,
-  ChevronLeft,
-  ChevronRight,
-  GitBranch,
-  X
-} from 'lucide-react';
-import { useAuth } from '@/context/AuthContext';
-
-interface SidebarProps {
-  isOpen: boolean;
-  onToggle: () => void;
-  isCollapsed: boolean;
-  onToggleCollapse: () => void;
-}
-
-interface NavItem {
-  label: string;
-  path: string;
-  icon: any;
-  highlight?: boolean;
-}
-
-interface NavGroup {
-  title: string;
-  items: NavItem[];
-}
-
-export default function Sidebar({
-  isOpen,
-  onToggle,
-  isCollapsed,
-  onToggleCollapse,
-}: SidebarProps) {
-  const location = useLocation();
-  const { user, isAuthenticated, isVerifiedStudent, loginWithGoogle, logout } = useAuth();
-
-  const checkIsActive = (linkPath: string) => {
-    const [pathName, searchString] = linkPath.split('?');
-    if (location.pathname !== pathName) return false;
-
-    if (pathName === '/notes') {
-      const params = new URLSearchParams(location.search);
-      const hasToolkit = params.has('toolkit') || params.get('section') === 'toolkit';
-      if (searchString) {
-        return hasToolkit;
-      } else {
-        return !hasToolkit;
-      }
-    }
-
-    return true;
-  };
-
-  const navGroups: NavGroup[] = [
-    {
-      title: 'ACADEMICS & PORTAL',
-      items: [
-        { label: 'Dashboard', path: '/', icon: LayoutDashboard },
-        { label: 'Notes & PYQs', path: '/notes', icon: BookOpen },
-        { label: 'Student Toolkit', path: '/notes?section=toolkit', icon: Wrench },
-        { label: 'RIT Chatbot', path: '/ai-assistant', icon: Bot },
-      ],
-    },
-    {
-      title: 'CAMPUS & UTILITIES',
-      items: [
-        { label: 'Bus Tracker', path: '/bus-routes', icon: Bus },
-        { label: 'Campus Map', path: '/campus', icon: MapPin },
-        { label: 'Faculty Directory', path: '/faculty', icon: Users },
-        { label: 'Student Clubs', path: '/events', icon: Calendar },
-      ],
-    },
-    {
-      title: 'COMMUNITY & DEV',
-      items: [
-        { label: 'Freshers Q&A', path: '/community', icon: MessageSquare },
-        { label: 'Dev Collab Hub', path: '/collab', icon: Code2, highlight: true },
-        { label: 'LeetCode Board', path: '/leetcode', icon: Trophy },
-        { label: 'RAISE Incubator', path: '/raise', icon: Rocket },
-      ],
-    },
-  ];
-
-  return (
-    <>
-      {/* Mobile Backdrop Overlay */}
-      <AnimatePresence>
-        {isOpen && (
-          <motion.div
-            initial={{ opacity: 0 }}
-            animate={{ opacity: 1 }}
-            exit={{ opacity: 0 }}
-            onClick={onToggle}
-            className="fixed inset-0 bg-black/60 backdrop-blur-xs z-40 lg:hidden"
-          />
-        )}
-      </AnimatePresence>
-
-      {/* Main Sidebar Container - Sleek Professional Deep Indigo */}
-      <aside
-        className={`fixed top-0 left-0 z-50 h-screen bg-[#0F172A] text-white transition-all duration-300 ease-in-out lg:translate-x-0 ${
-          isOpen ? 'translate-x-0' : '-translate-x-full'
-        } ${
-          isCollapsed ? 'w-20' : 'w-64 xl:w-72'
-        } flex flex-col justify-between border-r border-slate-800 shadow-[8px_0_30px_rgba(0,0,0,0.3)]`}
-      >
-        {/* Top Branding & Collapse Button */}
-        <div className="p-4 sm:p-5 flex flex-col gap-5">
-          <div className="flex items-center justify-between">
-            <Link to="/" className="flex items-center gap-3 group min-w-0">
-              <div className="p-2 rounded-2xl bg-slate-950 border border-slate-800 shadow-sm shrink-0">
-                <img
-                  src="/logo.png"
-                  alt="RIT Logo"
-                  className="w-7 h-7 object-contain rounded-full"
-                />
-              </div>
-              {!isCollapsed && (
-                <div className="flex flex-col min-w-0">
-                  <span className="font-bold text-white text-lg tracking-tight truncate" style={{ fontFamily: 'Poppins, sans-serif' }}>
-                    RIT Portal
-                  </span>
-                  <span className="text-[10px] text-slate-400 font-medium tracking-wider uppercase truncate" style={{ fontFamily: 'Inter, sans-serif' }}>
-                    Freshers Hub
-                  </span>
-                </div>
-              )}
-            </Link>
-
-            {/* Mobile Close Button */}
-            <button
-              onClick={onToggle}
-              className="lg:hidden p-1.5 rounded-xl bg-slate-800 text-slate-200 hover:bg-slate-700"
-            >
-              <X className="w-5 h-5" />
-            </button>
-
-            {/* Desktop Collapse Toggle Button */}
-            <button
-              onClick={onToggleCollapse}
-              className="hidden lg:flex p-1.5 rounded-xl bg-slate-800/80 hover:bg-slate-700 text-slate-300 hover:text-white border border-slate-700/60 transition-colors"
-              title={isCollapsed ? 'Expand Sidebar' : 'Collapse Sidebar'}
-            >
-              {isCollapsed ? <ChevronRight className="w-4 h-4" /> : <ChevronLeft className="w-4 h-4" />}
-            </button>
-          </div>
-
-          {/* Quick Dev Collab Launch CTA inside Sidebar (Expanded only) */}
-          {!isCollapsed && (
-            <Link
-              to="/collab"
-              className="w-full flex items-center justify-between p-3 rounded-2xl bg-gradient-to-r from-[#C25E17] via-[#EA580C] to-[#F97316] hover:from-[#EA580C] hover:to-[#FB923C] border border-orange-500/40 text-white group transition-all duration-200 shadow-md shadow-slate-950/50"
-            >
-              <div className="flex items-center gap-2.5 min-w-0">
-                <div className="w-7 h-7 rounded-xl bg-white/10 border border-white/20 flex items-center justify-center text-white shrink-0">
-                  <GitBranch className="w-4 h-4" />
-                </div>
-                <div className="flex flex-col text-left min-w-0">
-                  <span className="text-xs font-bold leading-tight truncate" style={{ fontFamily: 'Poppins, sans-serif' }}>
-                    Dev Collab Hub
-                  </span>
-                  <span className="text-[10px] text-orange-100/90 truncate">Co-Developer Projects</span>
-                </div>
-              </div>
-              <ChevronRight className="w-4 h-4 text-orange-100 group-hover:translate-x-0.5 transition-transform" />
-            </Link>
-          )}
-
-          {/* Navigation Groups */}
-          <nav className="flex flex-col gap-5 overflow-y-auto max-h-[calc(100vh-320px)] custom-scrollbar pr-0.5">
-            {navGroups.map((group) => (
-              <div key={group.title} className="flex flex-col gap-1">
-                {!isCollapsed && (
-                  <span
-                    className="px-3 text-[10px] font-bold text-slate-400/70 tracking-widest uppercase mb-1"
-                    style={{ fontFamily: 'Inter, sans-serif' }}
-                  >
-                    {group.title}
-                  </span>
-                )}
-
-                {group.items.map((item) => {
-                  const isActive = checkIsActive(item.path);
-                  const Icon = item.icon;
-
-                  return (
-                    <Link
-                      key={item.path}
-                      to={item.path}
-                      title={isCollapsed ? item.label : undefined}
-                      className={`relative flex items-center ${
-                        isCollapsed ? 'justify-center px-0 py-3' : 'justify-between px-3 py-2.5'
-                      } rounded-xl text-xs font-semibold transition-all duration-200 group ${
-                        isActive
-                          ? 'bg-gradient-to-r from-[#C25E17] to-[#EA580C] text-white shadow-sm border border-orange-500/50'
-                          : 'text-slate-300 hover:text-white hover:bg-slate-800/60'
-                      }`}
-                      style={{ fontFamily: 'Poppins, sans-serif' }}
-                    >
-                      <div className="flex items-center gap-3">
-                        <Icon
-                          className={`w-4 h-4 shrink-0 ${
-                            isActive ? 'text-white' : 'text-slate-400 group-hover:text-slate-200'
-                          }`}
-                        />
-                        {!isCollapsed && <span>{item.label}</span>}
-                      </div>
-
-                      {!isCollapsed && item.highlight && !isActive && (
-                        <span className="w-2 h-2 rounded-full bg-orange-400 animate-pulse" />
-                      )}
-                    </Link>
-                  );
-                })}
-              </div>
-            ))}
-          </nav>
-        </div>
-
-        {/* Footer User Profile & Auth Section */}
-        <div className="p-3 border-t border-slate-800 bg-slate-950/60">
-          {isAuthenticated && user ? (
-            <div className={`flex items-center ${isCollapsed ? 'justify-center p-2' : 'justify-between p-2.5'} rounded-2xl bg-white/5 border border-white/10`}>
-              <div className="flex items-center gap-2.5 min-w-0">
-                {user.pictureUrl ? (
-                  <img
-                    src={user.pictureUrl}
-                    alt={user.name}
-                    className="w-8 h-8 rounded-xl border border-orange-500/40 object-cover shrink-0"
-                    referrerPolicy="no-referrer"
-                  />
-                ) : (
-                  <div className="w-8 h-8 rounded-xl bg-[#C25E17] text-white font-bold text-xs flex items-center justify-center shrink-0 border border-orange-500/40">
-                    {user.name.charAt(0).toUpperCase()}
-                  </div>
-                )}
-                {!isCollapsed && (
-                  <div className="flex flex-col min-w-0 text-left">
-                    <span className="text-xs font-bold text-white truncate" style={{ fontFamily: 'Poppins, sans-serif' }}>
-                      {user.name}
-                    </span>
-                    <span className="text-[10px] text-slate-400 truncate">
-                      {isVerifiedStudent ? 'Verified Student' : 'RIT Account'}
-                    </span>
-                  </div>
-                )}
-              </div>
-
-              {!isCollapsed && (
-                <button
-                  onClick={logout}
-                  title="Sign Out"
-                  className="p-1.5 rounded-xl hover:bg-white/10 text-slate-400 hover:text-white transition-colors cursor-pointer"
-                >
-                  <LogOut className="w-4 h-4" />
-                </button>
-              )}
-            </div>
-          ) : (
-            <button
-              onClick={loginWithGoogle}
-              title={isCollapsed ? 'Student Sign In' : undefined}
-              className={`w-full flex items-center justify-center gap-2 ${
-                isCollapsed ? 'p-2.5' : 'p-2.5'
-              } rounded-xl bg-gradient-to-r from-[#C25E17] via-[#EA580C] to-[#F97316] hover:from-[#EA580C] hover:to-[#FB923C] border border-orange-500/40 text-white font-bold text-xs transition-all cursor-pointer shadow-md`}
-              style={{ fontFamily: 'Poppins, sans-serif' }}
-            >
-              <LogIn className="w-4 h-4 shrink-0" />
-              {!isCollapsed && <span>Student Sign In</span>}
-            </button>
-          )}
-        </div>
-      </aside>
-    </>
-  );
-}