diff --git a/src/pages/Courses.tsx b/src/pages/Courses.tsx
index f563dbc..86d238f 100644
--- a/src/pages/Courses.tsx
+++ b/src/pages/Courses.tsx
@@ -73,8 +73,8 @@ export default function CoursesPage() {
         <div className="mx-auto max-w-7xl px-6">
           <div className="grid sm:grid-cols-2 lg:grid-cols-3 gap-6">
             {filtered.map((c, i) => (
-              <Card key={c.id} className="group bg-white/70 dark:bg-slate-900/70 backdrop-blur border-slate-200/60 dark:border-slate-800/60 rounded-2xl overflow-hidden hover:-translate-y-1 hover:shadow-xl transition-all duration-300 animate-fade-up" style={{ animationDelay: `\${i * 0.08}s` }}>
-                <div className={`h-40 bg-gradient-to-br \${c.gradient} flex items-center justify-center`}>
+              <Card key={c.id} className="group bg-white/70 dark:bg-slate-900/70 backdrop-blur border-slate-200/60 dark:border-slate-800/60 rounded-2xl overflow-hidden hover:-translate-y-1 hover:shadow-xl transition-all duration-300 animate-fade-up" style={{ animationDelay: `${i * 0.08}s` }}>
+                <div className={`h-40 bg-gradient-to-br ${c.gradient} flex items-center justify-center`}>
                   <BookOpen className="h-12 w-12 text-white/80" />
                 </div>
                 <CardContent className="p-5">
@@ -97,7 +97,7 @@ export default function CoursesPage() {
                     <span className="text-lg font-bold text-indigo-600 dark:text-indigo-400">{c.price}</span>
                   </div>
                   <Button asChild className="w-full mt-4 bg-indigo-600 hover:bg-indigo-700 text-white rounded-full active:scale-[0.97] transition-all">
-                    <Link to={`/course/\${c.id}`}>View Course</Link>
+                    <Link to={`/course/${c.id}`}>View Course</Link>
                   </Button>
                 </CardContent>
               </Card>