Upload folder using huggingface_hub

.gitattributes

@@ -45,3 +45,4 @@ client/public/fonts/Champion.otf filter=lfs diff=lfs merge=lfs -text
 client/public/fonts/Exo2.ttf filter=lfs diff=lfs merge=lfs -text
 client/public/favicon-512x512.png filter=lfs diff=lfs merge=lfs -text
 client/public/fonts/SmileySans-Oblique.otf filter=lfs diff=lfs merge=lfs -text
+client/public/fonts/Lobster-Regular.ttf filter=lfs diff=lfs merge=lfs -text

client/public/fonts/Lobster-Regular.ttf

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cddd7779fb2e78382a654f91dd5a656218cf133a244e17a2f5d960c06f95d73c
+size 396740

client/public/index.html

@@ -56,6 +56,13 @@
         font-style: oblique;
         font-display: swap;
       }
+      @font-face {
+        font-family: 'Lobster';
+        src: url('%PUBLIC_URL%/fonts/Lobster-Regular.ttf') format('truetype');
+        font-weight: 400;
+        font-style: normal;
+        font-display: swap;
+      }
     </style>
     <title>TransHub</title>
   </head>

client/src/components/Layout.tsx

@@ -155,13 +155,27 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
     navigation.push({ name: 'Manage', href: '/manage', icon: Cog6ToothIcon });
   }
 
+  const iconSrcFor = (name: string): string => {
+    switch (name) {
+      case 'Home': return '/icons/home.svg';
+      case 'Tutorial Tasks': return '/icons/tutorial tasks.svg';
+      case 'Weekly Practice': return '/icons/weekly practice.svg';
+      case 'Votes': return '/icons/votes.svg';
+      case 'Toolkit': return '/icons/toolkit.svg';
+      case 'Slides': return '/icons/slides.svg';
+      case 'Feedback': return '/icons/feedback.svg';
+      case 'Manage': return '/icons/manage.svg';
+      default: return '/icons/home.svg';
+    }
+  };
+
   return (
     <div className="min-h-screen bg-ui-bg text-ui-text">
       {/* Top Bar */}
       <header className="sticky top-0 z-40 bg-ui-panel/80 backdrop-blur border-b border-ui-border">
         <div className="px-4 sm:px-6 lg:px-8 h-14 flex items-center justify-between">
-          <Link to="/dashboard" className="text-2xl font-bold text-ui-neonBlue flex items-center" style={{ fontFamily: 'SmileySans, Inter, system-ui, sans-serif' }}>
-            <img src="/favicon.ico" alt="logo" className="h-6 w-6 mr-2" />
+          <Link to="/dashboard" className="text-[1.6rem] font-bold text-ui-neonBlue flex items-center" style={{ fontFamily: 'Lobster, Inter, system-ui, sans-serif' }}>
+            <img src="/icons/001-treasure map.svg" alt="logo" className="h-7 w-7 mr-2" />
             TransHub
           </Link>
           <div />
@@ -183,7 +197,7 @@ const Layout: React.FC<{ children: React.ReactNode }> = ({ children }) => {
                     isActive ? 'text-ui-text' : 'text-ui-text/80 hover:text-ui-text'
                   }`}
                 >
-                  <img src={`/icons/${item.name.toLowerCase()}.svg`} alt="" className="h-6 w-6 mr-3" />
+                  <img src={iconSrcFor(item.name)} alt="" className="h-6 w-6 mr-3" />
                   <span>{item.name}</span>
                 </Link>
               );

client/src/pages/Dashboard.tsx

@@ -140,8 +140,8 @@ const Dashboard: React.FC = () => {
                 className="bg-ui-panel rounded-xl shadow-sm border border-ui-border p-6 hover:shadow-md transition neon-border"
               >
                 <div className="flex items-center">
-                  <div className={`p-3 rounded-2xl bg-ui-neonBlue/15 hover:animate-pulse-glow`}>
-                    <action.icon className="h-6 w-6 text-ui-bg" />
+                  <div className={`p-3 rounded-2xl bg-gradient-to-br from-ui-neonBlue/30 via-ui-neonCyan/30 to-ui-neonBlue/30 hover:from-ui-neonBlue/40 hover:via-ui-neonCyan/40 hover:to-ui-neonBlue/40`}>
+                    <action.icon className="h-6 w-6 text-ui-neonBlue" />
                   </div>
                   <div className="ml-4">
                     <h3 className="text-lg font-medium text-ui-text">{action.name}</h3>