🃏 Cards
Farklı içerikler için kart bileşenleri.
Temel Kartlar
Basit Kart
Bu bir basit kart örneğidir. İçerik buraya gelir.
Header'lı Kart
Bu kartın header bölümü var.
Footer'lı Kart
Bu kartın footer bölümü var.
<div class="bg-card rounded-lg border border-border overflow-hidden">
<div class="px-6 py-4">
<h3>Başlık</h3>
<p>İçerik</p>
</div>
</div>
Görselli Kartlar
Ürün Kartı
Ürün açıklaması buraya gelir.
₺299
Yeni
Öne Çıkan
Premium Ürün
Özel indirimli fiyat!
Son Fırsat
Stoklar tükenmeden alın!
<div class="bg-card rounded-lg border border-border overflow-hidden">
<div class="h-48 bg-gradient-primary"></div>
<div class="px-6 py-4">
<h3>Başlık</h3>
<button class="px-4 py-2 bg-primary-500 hover:bg-primary-600 text-white font-medium rounded-lg transition-colors duration-200">İşlem</button>
</div>
</div>
Profil Kartları
👤
Ahmet Yılmaz
Frontend Developer
👩
Ayşe Demir
UI/UX Designer
👨
Mehmet Kaya
Backend Developer
👩💼
Fatma Şahin
Product Manager
İstatistik Kartları
👥
+12%
2,543
Toplam Kullanıcı
💰
+23%
₺45,231
Toplam Gelir
📦
-8%
1,234
Bekleyen Sipariş
⭐
+5%
4.8
Ortalama Puan