init: kovakemlak-crm project scaffold
- Next.js 16 + Appwrite multi-tenant emlak CRM - Database: kovakemlak-db (properties, customers, customer_searches, property_matches, presentations, investors, activities, tenant_settings) - Same stack as isletmem-kovakcrm (shadcn/ui template base) - Modules: portföy, müşteri takibi, arama kriterleri, otomatik eşleştirme, sunum linki, yatırımcı portalı
This commit is contained in:
@@ -0,0 +1,75 @@
|
||||
"use client"
|
||||
|
||||
import {
|
||||
Package,
|
||||
Download,
|
||||
Users,
|
||||
Star
|
||||
} from 'lucide-react'
|
||||
import { Card, CardContent } from '@/components/ui/card'
|
||||
import { DotPattern } from '@/components/dot-pattern'
|
||||
|
||||
|
||||
const stats = [
|
||||
{
|
||||
icon: Package,
|
||||
value: '500+',
|
||||
label: 'Components',
|
||||
description: 'Ready-to-use blocks'
|
||||
},
|
||||
{
|
||||
icon: Download,
|
||||
value: '25K+',
|
||||
label: 'Downloads',
|
||||
description: 'Trusted worldwide'
|
||||
},
|
||||
{
|
||||
icon: Users,
|
||||
value: '10K+',
|
||||
label: 'Developers',
|
||||
description: 'Active community'
|
||||
},
|
||||
{
|
||||
icon: Star,
|
||||
value: '4.9',
|
||||
label: 'Rating',
|
||||
description: 'User satisfaction'
|
||||
}
|
||||
]
|
||||
|
||||
export function StatsSection() {
|
||||
return (
|
||||
<section className="py-12 sm:py-16 relative">
|
||||
{/* Background with transparency */}
|
||||
<div className="absolute inset-0 bg-gradient-to-r from-primary/8 via-transparent to-secondary/20" />
|
||||
<DotPattern className="opacity-75" size="md" fadeStyle="circle" />
|
||||
|
||||
<div className="container mx-auto px-4 sm:px-6 lg:px-8 relative">
|
||||
{/* Stats Grid */}
|
||||
<div className="grid grid-cols-2 lg:grid-cols-4 gap-6 md:gap-8">
|
||||
{stats.map((stat, index) => (
|
||||
<Card
|
||||
key={index}
|
||||
className="text-center bg-background/60 backdrop-blur-sm border-border/50 py-0"
|
||||
>
|
||||
<CardContent className="p-6">
|
||||
<div className="flex justify-center mb-4">
|
||||
<div className="p-3 bg-primary/10 rounded-xl">
|
||||
<stat.icon className="h-6 w-6 text-primary" />
|
||||
</div>
|
||||
</div>
|
||||
<div className="space-y-1">
|
||||
<h3 className="text-2xl sm:text-3xl font-bold text-foreground">
|
||||
{stat.value}
|
||||
</h3>
|
||||
<p className="font-semibold text-foreground">{stat.label}</p>
|
||||
<p className="text-sm text-muted-foreground">{stat.description}</p>
|
||||
</div>
|
||||
</CardContent>
|
||||
</Card>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user