Fixed Ui

src/components/Router.tsx

@@ -87,7 +87,7 @@ export function Router() {
       <Routes>
         <Route path="/" element={<AppLayout />}>
           {/* Main */}
-          <Route index element={<HomePage />} />
+          <Route index element={<Navigate to="/dashboard?view=individual" replace />} />
 
           {/* Auth */}
           <Route path="auth" element={<LoginSelection />} />

src/components/learner/LearnerLayout.tsx

@@ -12,7 +12,7 @@ import {
   Search,
   Bell,
   ChevronDown,
-  Home,
+  Home,      
   BookOpen,
   User,
   BarChart3,
@@ -248,12 +248,7 @@ export function LearnerLayout({ children, currentPage, userType = 'individual',
     <div className={`flex flex-col h-full bg-brand-navy ${className}`}>
       {/* Logo */}
       <div className="p-6 border-b border-white/20">
-        {/* <div className="flex items-center gap-3">
+     
-          <div className="w-8 h-8 bg-brand-gold rounded-lg flex items-center justify-center">
-            <span className="text-brand-gold-foreground font-bold text-sm">KLC</span>
-          </div>
-          <span className="font-semibold text-white text-lg">Learning Portal</span>
-        </div> */}
         <img
           src={logo}
           alt="Logo"
@@ -358,25 +353,13 @@ export function LearnerLayout({ children, currentPage, userType = 'individual',
             <Sidebar />
           </div>
         </div>
-
+ 
         {/* Main Content Area - Optimized for wider content */}
         <div className="flex-1 lg:ml-0" style={{ backgroundColor: "green" }}>
           {/* Desktop Header */}
           <header className="hidden lg:block fixed top-0 left-60 right-0 z-40 border-b border-border bg-card/95 backdrop-blur supports-[backdrop-filter]:bg-card/60">
             <div className="flex items-center justify-end px-4 py-4">
-              {/* <div className="flex-1 max-w-sm">
+  
-                <div className="relative">
-                  <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-muted-foreground h-4 w-4" />
-                  <input
-                    type="text"
-                    placeholder="Search courses, resources..."
-                    value={searchValue}
-                    onChange={(e) => setSearchValue(e.target.value)}
-                    className="w-full pl-10 pr-4 py-2 text-lg border border-border rounded-lg bg-background focus:outline-none focus:ring-2 focus:ring-primary focus:border-transparent"
-                  />
-                </div>
-              </div> */}
-
               <div className="flex items-center gap-3">
                 {/* Corporate features */}
                 {userType === 'corporate' && (

src/global.d.ts

@@ -0,0 +1,28 @@
+// declarations.d.ts
+ 
+declare module "*.png" {
+  const src: string;
+  export default src;
+}
+ 
+declare module "*.jpg" {
+  const src: string;
+  export default src;
+}
+ 
+declare module "*.jpeg" {
+  const src: string;
+  export default src;
+}
+ 
+declare module "*.svg" {
+  import * as React from "react";
+  const ReactComponent: React.FunctionComponent<
+    React.SVGProps<SVGSVGElement> & { title?: string }
+  >;
+  export { ReactComponent };
+  const src: string;
+  export default src;
+}
+ 
+ 

src/pages/CorporateWebinars.tsx

@@ -452,7 +452,7 @@ export function CorporateWebinars() {
 
   // Mock corporate user data matching dashboard pattern
   const user = {
-    name: "Sarah Johnson",
+    name: "Sarah Johnso",
     email: "sarah.johnson@company.com",
     avatar: "https://images.unsplash.com/photo-1494790108755-2616b612b786?w=150&h=150&fit=crop&crop=face",
     organization: "TCS",

src/pages/learner/Library.tsx

@@ -68,7 +68,7 @@ export function Library({ userType = 'individual' }: LibraryProps) {
   // Mock user data for LearnerLayout
   const user = {
     name: "Priya Sharma",
-    email: userType === 'corporate' ? "priya.sharma@company.com" : "priya.sharma@example.com",
+    email: userType === 'corporate' ? "priya.sharma@company.com" : "tufail.sharma@example.com",
     avatar: "https://images.unsplash.com/photo-1494790108755-2616b612b786?w=150&h=150&fit=crop&crop=face",
     ...(userType === 'corporate' && {
       organization: "TCS",