diff --git a/client/src/components/classes/class-card.tsx b/client/src/components/classes/class-card.tsx
index b8d8013..ad98ed0 100644
--- a/client/src/components/classes/class-card.tsx
+++ b/client/src/components/classes/class-card.tsx
@@ -69,7 +69,7 @@ export function ClassCard({ classData, onBookClick }: ClassCardProps) {
   return (
     <div className="bg-white rounded-lg overflow-hidden shadow-lg transition-transform duration-300 hover:transform hover:scale-105">
       <img 
-        src={classData.imageUrl || "https://images.unsplash.com/photo-1518611012118-696072aa579a?ixlib=rb-4.0.3&auto=format&fit=crop"} 
+        src={classData.imageUrl as string || "https://images.unsplash.com/photo-1518611012118-696072aa579a?ixlib=rb-4.0.3&auto=format&fit=crop"} 
         alt={classData.name} 
         className="w-full h-48 object-cover" 
       />
diff --git a/client/src/components/navigation/header.tsx b/client/src/components/navigation/header.tsx
index 891d499..54e078f 100644
--- a/client/src/components/navigation/header.tsx
+++ b/client/src/components/navigation/header.tsx
@@ -40,10 +40,12 @@ export default function Header() {
           {/* Desktop Navigation */}
           <nav className="hidden md:flex space-x-8">
             {navLinks.map((link) => (
-              <Link key={link.path} href={link.path}>
-                <a className={`transition-colors duration-200 font-raleway font-medium ${isActive(link.path)}`}>
-                  {link.name}
-                </a>
+              <Link 
+                key={link.path} 
+                href={link.path} 
+                className={`transition-colors duration-200 font-raleway font-medium ${isActive(link.path)}`}
+              >
+                {link.name}
               </Link>
             ))}
           </nav>
diff --git a/client/src/index.css b/client/src/index.css
index fcde2fc..1b6e13a 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -1,9 +1,9 @@
+@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Raleway:wght@300;400;500;600&family=Aref+Ruqaa:wght@400;700&display=swap');
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
-@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Raleway:wght@300;400;500;600&family=Aref+Ruqaa:wght@400;700&display=swap');
-
 :root {
   --background: 0 0% 100%;
   --foreground: 20 14.3% 4.1%;