fix navigation

src/components/Navigation.tsx

@@ -1,14 +1,39 @@
-import React, { useState, useEffect } from 'react';
-import { Button } from './ui/button';
+import klcLogo from 'figma:asset/e98caa8afd8d11246bbff1dde75bbaae6f6a0894.png';
+import {
+  ArrowRight,
+  BookMarked,
+  ChevronDown,
+  ChevronRight,
+  Eye,
+  GraduationCap,
+  Heart,
+  LayoutDashboard,
+  Lightbulb,
+  LogOut,
+  Menu,
+  Podcast,
+  Settings,
+  ShoppingCart,
+  Star,
+  Target,
+  TrendingUp,
+  User,
+  Users
+} from 'lucide-react';
+import { useEffect, useState } from 'react';
+import { useAuth } from './AuthContext';
+import { useCart } from './CartContext';
+import { navigateTo } from './Router';
 import { Avatar, AvatarFallback, AvatarImage } from './ui/avatar';
-import { Badge } from './ui/badge';
+import { Button } from './ui/button';
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from './ui/collapsible';
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
-  DropdownMenuTrigger,
-  DropdownMenuSeparator,
   DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger,
 } from './ui/dropdown-menu';
 import {
   Sheet,
@@ -17,50 +42,6 @@ import {
   SheetTitle,
   SheetTrigger,
 } from './ui/sheet';
-import { Collapsible, CollapsibleContent, CollapsibleTrigger } from './ui/collapsible';
-import { navigateTo } from './Router';
-import { useAuth } from './AuthContext';
-import { useCart } from './CartContext';
-import { ImageWithFallback } from './figma/ImageWithFallback';
-import { PrimaryCTAButton } from './PrimaryCTAButton';
-import { StandardCTAButton } from './StandardCTAButton';
-import klcLogo from 'figma:asset/e98caa8afd8d11246bbff1dde75bbaae6f6a0894.png';
-import {
-  Menu,
-  ChevronDown,
-  ChevronRight,
-  Building2,
-  User,
-  Settings,
-  LogOut,
-  LayoutDashboard,
-  Users,
-  Target,
-  Award,
-  Lightbulb,
-  GraduationCap,
-  BookOpen,
-  Video,
-  FileText,
-  Eye,
-  Heart,
-  MapPin,
-  Calendar,
-  Play,
-  Home,
-  Monitor,
-  Headphones,
-  Globe,
-  Download,
-  Clock,
-  TrendingUp,
-  Star,
-  BookMarked,
-  Podcast,
-  Building,
-  ShoppingCart,
-  ArrowRight
-} from 'lucide-react';
 
 interface NavigationProps {
   currentPage?: string;
@@ -598,7 +579,8 @@ export function Navigation({ currentPage }: NavigationProps) {
                     className="management-dev-glassmorphic-btn text-body px-8 py-4 min-h-[52px] border transition-all duration-300 group"
                     style={{
                       fontFamily: 'var(--font-family-base)',
-                      color: '#04045B'
+                      color: '#04045B',
+                      backgroundColor: '#04045b',
                     }}
                   >
                     Start Leadership Journey