diff --git a/src/pages/Properties.tsx b/src/pages/Properties.tsx
index 9c6b375..695947c 100644
--- a/src/pages/Properties.tsx
+++ b/src/pages/Properties.tsx
@@ -77,17 +77,17 @@ export default function PropertiesPage() {
         <div className="mx-auto max-w-7xl px-6">
           <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
             {listings.map((p, i) => (
-              <Card key={p.id} className="overflow-hidden border-stone-200 dark:border-stone-800 bg-white dark:bg-stone-900/50 backdrop-blur rounded-2xl shadow-md hover:shadow-xl hover:-translate-y-1 transition-all duration-300 group animate-fade-up" style={{ animationDelay: `\${i * 80}ms` }}>
-                <div className={`h-56 bg-gradient-to-br \${p.gradient} flex items-center justify-center relative`}>
+              <Card key={p.id} className="overflow-hidden border-stone-200 dark:border-stone-800 bg-white dark:bg-stone-900/50 backdrop-blur rounded-2xl shadow-md hover:shadow-xl hover:-translate-y-1 transition-all duration-300 group animate-fade-up" style={{ animationDelay: `${i * 80}ms` }}>
+                <div className={`h-56 bg-gradient-to-br ${p.gradient} flex items-center justify-center relative`}>
                   <Home className="h-12 w-12 text-white/20" />
                   <Badge className="absolute top-4 left-4 bg-emerald-600 text-white border-0">{p.status}</Badge>
-                  <button onClick={() => toggleLike(p.id)} className={`absolute top-4 right-4 p-2 rounded-full backdrop-blur-sm transition-all \${liked.has(p.id) ? "bg-red-500/20 text-red-400" : "bg-white/10 text-white/60 hover:text-red-400"}`}>
-                    <Heart className={`h-4 w-4 \${liked.has(p.id) ? "fill-current" : ""}`} />
+                  <button onClick={() => toggleLike(p.id)} className={`absolute top-4 right-4 p-2 rounded-full backdrop-blur-sm transition-all ${liked.has(p.id) ? "bg-red-500/20 text-red-400" : "bg-white/10 text-white/60 hover:text-red-400"}`}>
+                    <Heart className={`h-4 w-4 ${liked.has(p.id) ? "fill-current" : ""}`} />
                   </button>
                 </div>
                 <CardContent className="p-5">
                   <div className="text-2xl font-bold text-emerald-600">{p.price}</div>
-                  <Link to={`/properties/\${p.id}`} className="text-base font-semibold text-stone-800 dark:text-white mt-1 block hover:text-emerald-600 transition-colors">{p.name}</Link>
+                  <Link to={`/properties/${p.id}`} className="text-base font-semibold text-stone-800 dark:text-white mt-1 block hover:text-emerald-600 transition-colors">{p.name}</Link>
                   <div className="flex items-center gap-1 text-sm text-stone-500 dark:text-stone-400 mt-1"><MapPin className="h-3 w-3" />{p.addr}</div>
                   <div className="flex items-center gap-4 mt-3 pt-3 border-t border-stone-100 dark:border-stone-800 text-sm text-stone-500 dark:text-stone-400">
                     <span className="flex items-center gap-1"><Bed className="h-4 w-4" />{p.beds}</span>