From e9b5201e05c3c173a3396af6ae7aeb86c415c023 Mon Sep 17 00:00:00 2001
From: jyswee <jyswee@gmail.com>
Date: Thu, 23 Jul 2026 22:57:59 +0000
Subject: [PATCH] Seed: real-estate template (18 files)

---
 src/pages/Index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 5737248..4b81984 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -110,9 +110,9 @@ export default function IndexPage() {
           </div>
           <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
             {featured.map((p, i) => (
-              <Link key={i} to="/properties/1" className="group animate-fade-up" style={{ animationDelay: `\${i * 80}ms` }}>
+              <Link key={i} to="/properties/1" className="group animate-fade-up" style={{ animationDelay: `${i * 80}ms` }}>
                 <Card 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">
-                  <div className={`h-52 bg-gradient-to-br \${p.gradient} flex items-center justify-center relative`}>
+                  <div className={`h-52 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>
                   </div>
@@ -143,7 +143,7 @@ export default function IndexPage() {
         <div className="mx-auto max-w-7xl px-6">
           <div className="grid grid-cols-2 lg:grid-cols-4 gap-8">
             {stats.map((s, i) => (
-              <div key={i} className="text-center animate-fade-up" style={{ animationDelay: `\${i * 100}ms` }}>
+              <div key={i} className="text-center animate-fade-up" style={{ animationDelay: `${i * 100}ms` }}>
                 <s.icon className="h-8 w-8 text-emerald-500 mx-auto mb-3" />
                 <div className="text-4xl font-bold text-white">{s.val}</div>
                 <div className="text-sm text-stone-400 mt-1">{s.label}</div>
@@ -162,7 +162,7 @@ export default function IndexPage() {
           </div>
           <div className="grid md:grid-cols-3 gap-8">
             {steps.map((s, i) => (
-              <div key={i} className="text-center animate-fade-up" style={{ animationDelay: `\${i * 120}ms` }}>
+              <div key={i} className="text-center animate-fade-up" style={{ animationDelay: `${i * 120}ms` }}>
                 <div className="w-16 h-16 rounded-2xl bg-emerald-100 dark:bg-emerald-600/20 flex items-center justify-center mx-auto mb-5">
                   <s.icon className="h-7 w-7 text-emerald-600" />
                 </div>
@@ -184,7 +184,7 @@ export default function IndexPage() {
           </div>
           <div className="grid md:grid-cols-3 gap-8">
             {testimonials.map((t, i) => (
-              <Card key={i} className="bg-white/70 dark:bg-white/5 backdrop-blur-xl border-stone-200 dark:border-white/10 rounded-2xl hover:-translate-y-1 transition-transform duration-300 animate-fade-up" style={{ animationDelay: `\${i * 100}ms` }}>
+              <Card key={i} className="bg-white/70 dark:bg-white/5 backdrop-blur-xl border-stone-200 dark:border-white/10 rounded-2xl hover:-translate-y-1 transition-transform duration-300 animate-fade-up" style={{ animationDelay: `${i * 100}ms` }}>
                 <CardContent className="p-6">
                   <div className="flex gap-1 mb-4">{Array.from({ length: 5 }).map((_, j) => <Star key={j} className="h-4 w-4 fill-amber-400 text-amber-400" />)}</div>
                   <p className="text-stone-600 dark:text-stone-300 text-sm mb-4 italic">&ldquo;{t.text}&rdquo;</p>