diff --git a/src/pages/Category.tsx b/src/pages/Category.tsx
index 354d7bf..3c5cab6 100644
--- a/src/pages/Category.tsx
+++ b/src/pages/Category.tsx
@@ -54,7 +54,7 @@ export default function CategoryPage() {
             <span className="text-stone-600">{categoryName}</span>
           </nav>
           <div className="animate-fade-up">
-            <Badge className={`mb-4 border-0 hover:bg-primary hover:text-primary-foreground transition-colors \${categoryColors[categoryName] || "bg-emerald-100 text-emerald-700"}`}>
+            <Badge className={`mb-4 border-0 hover:bg-primary hover:text-primary-foreground transition-colors ${categoryColors[categoryName] || "bg-emerald-100 text-emerald-700"}`}>
               {categoryName}
             </Badge>
             <div className="flex items-start justify-between flex-wrap gap-4">
@@ -85,9 +85,9 @@ export default function CategoryPage() {
             <div className="lg:col-span-3">
               <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6 stagger">
                 {articles.map((article) => (
-                  <Link to={`/article/\${article.slug}`} key={article.id} className="group">
+                  <Link to={`/article/${article.slug}`} key={article.id} className="group">
                     <Card className="overflow-hidden border-0 shadow-sm hover:shadow-xl hover:-translate-y-1 transition-all duration-300 bg-white">
-                      <div className={`relative aspect-video bg-gradient-to-br \${article.gradient}`}>
+                      <div className={`relative aspect-video bg-gradient-to-br ${article.gradient}`}>
                         <div className="absolute inset-0" style={{ backgroundImage: "radial-gradient(circle at 25% 25%, rgba(255,255,255,0.15) 1px, transparent 1px)", backgroundSize: "20px 20px" }} />
                         <div className="absolute top-1/3 left-1/4 w-24 h-24 rounded-full bg-white/10 blur-2xl" />
                       </div>
@@ -123,7 +123,7 @@ export default function CategoryPage() {
                     key={page}
                     variant={page === 1 ? "default" : "outline"}
                     size="icon"
-                    className={`h-9 w-9 rounded-full \${page === 1 ? "bg-emerald-600 hover:bg-emerald-700" : ""}`}
+                    className={`h-9 w-9 rounded-full ${page === 1 ? "bg-emerald-600 hover:bg-emerald-700" : ""}`}
                   >
                     {page}
                   </Button>
@@ -143,14 +143,14 @@ export default function CategoryPage() {
                     {allCategories.map((cat) => (
                       <li key={cat}>
                         <Link
-                          to={`/category/\${cat.toLowerCase()}`}
-                          className={`flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm transition-colors \${
+                          to={`/category/${cat.toLowerCase()}`}
+                          className={`flex items-center gap-3 px-3 py-2.5 rounded-lg text-sm transition-colors ${
                             cat === categoryName
                               ? "bg-emerald-50 text-emerald-700 font-medium"
                               : "text-stone-600 hover:bg-stone-50"
                           }`}
                         >
-                          <span className={`h-2 w-2 rounded-full \${
+                          <span className={`h-2 w-2 rounded-full ${
                             cat === categoryName ? "bg-emerald-500" : "bg-stone-300"
                           }`} />
                           {cat}