vibeasite-templates/template-real-estate
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Seed: real-estate template (18 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 22:57:59 +00:00
parent bdd8769d60
commit e9b5201e05
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Index.tsx
+5 -5
View File
@@ -110,9 +110,9 @@ export default function IndexPage() {
</div> </div>
<div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8"> <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-8">
{featured.map((p, i) => ( {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"> <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" /> <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> <Badge className="absolute top-4 left-4 bg-emerald-600 text-white border-0">{p.status}</Badge>
</div> </div>
@@ -143,7 +143,7 @@ export default function IndexPage() {
<div className="mx-auto max-w-7xl px-6"> <div className="mx-auto max-w-7xl px-6">
<div className="grid grid-cols-2 lg:grid-cols-4 gap-8"> <div className="grid grid-cols-2 lg:grid-cols-4 gap-8">
{stats.map((s, i) => ( {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" /> <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-4xl font-bold text-white">{s.val}</div>
<div className="text-sm text-stone-400 mt-1">{s.label}</div> <div className="text-sm text-stone-400 mt-1">{s.label}</div>
@@ -162,7 +162,7 @@ export default function IndexPage() {
</div> </div>
<div className="grid md:grid-cols-3 gap-8"> <div className="grid md:grid-cols-3 gap-8">
{steps.map((s, i) => ( {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"> <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" /> <s.icon className="h-7 w-7 text-emerald-600" />
</div> </div>
@@ -184,7 +184,7 @@ export default function IndexPage() {
</div> </div>
<div className="grid md:grid-cols-3 gap-8"> <div className="grid md:grid-cols-3 gap-8">
{testimonials.map((t, i) => ( {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"> <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> <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> <p className="text-stone-600 dark:text-stone-300 text-sm mb-4 italic">&ldquo;{t.text}&rdquo;</p>