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:58:03 +00:00
parent 4e26bb9d5a
commit 21908bce4b
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/Agents.tsx
+2 -2
View File
@@ -33,9 +33,9 @@ export default function AgentsPage() {
<div className="mx-auto max-w-7xl px-6"> <div className="mx-auto max-w-7xl px-6">
<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">
{agents.map((a, i) => ( {agents.map((a, i) => (
<Card key={i} className="bg-white/70 dark:bg-white/5 backdrop-blur-xl border-stone-200 dark:border-white/10 rounded-2xl overflow-hidden hover:-translate-y-2 hover:shadow-xl transition-all duration-300 group 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 overflow-hidden hover:-translate-y-2 hover:shadow-xl transition-all duration-300 group animate-fade-up" style={{ animationDelay: `${i * 100}ms` }}>
<CardContent className="p-8 text-center"> <CardContent className="p-8 text-center">
<div className={`w-24 h-24 rounded-full bg-gradient-to-br \${a.gradient} flex items-center justify-center text-white text-2xl font-bold mx-auto mb-5 shadow-lg group-hover:scale-110 transition-transform duration-300`}>{a.init}</div> <div className={`w-24 h-24 rounded-full bg-gradient-to-br ${a.gradient} flex items-center justify-center text-white text-2xl font-bold mx-auto mb-5 shadow-lg group-hover:scale-110 transition-transform duration-300`}>{a.init}</div>
<h3 className="text-xl font-bold text-stone-900 dark:text-white">{a.name}</h3> <h3 className="text-xl font-bold text-stone-900 dark:text-white">{a.name}</h3>
<p className="text-sm text-stone-500 dark:text-stone-400 mt-1">{a.title}</p> <p className="text-sm text-stone-500 dark:text-stone-400 mt-1">{a.title}</p>
<Badge className="mt-3 bg-emerald-100 text-emerald-700 dark:bg-emerald-600/20 dark:text-emerald-400">{a.spec}</Badge> <Badge className="mt-3 bg-emerald-100 text-emerald-700 dark:bg-emerald-600/20 dark:text-emerald-400">{a.spec}</Badge>