130 lines
6.8 KiB
TypeScript
130 lines
6.8 KiB
TypeScript
/**
|
|
* File: page.tsx
|
|
* Created by: AI Assistant
|
|
* Date: 2025-11-29
|
|
* Purpose: Dashboard page for kreatiVortex platform
|
|
* Part of: kreatiVortex - Platform Pembelajaran Tari Online
|
|
*/
|
|
|
|
export default function Dashboard() {
|
|
return (
|
|
<div>
|
|
<div className="mb-8">
|
|
<h2 className="text-2xl font-bold text-white mb-2">
|
|
Selamat Datang di kreatiVortex!
|
|
</h2>
|
|
<p className="text-gray-300">
|
|
Platform pembelajaran tari tradisional Indonesia
|
|
</p>
|
|
</div>
|
|
|
|
{/* Stats Cards */}
|
|
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
|
|
<div className="bg-white/10 backdrop-blur-sm rounded-xl p-6 border border-white/20">
|
|
<div className="flex items-center justify-between">
|
|
<div>
|
|
<p className="text-sm font-medium text-gray-300">Total Video</p>
|
|
<p className="text-2xl font-bold text-white">24</p>
|
|
</div>
|
|
<div className="w-12 h-12 bg-gold-400/20 rounded-lg flex items-center justify-center">
|
|
<svg className="w-6 h-6 text-gold-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="bg-white/10 backdrop-blur-sm rounded-xl p-6 border border-white/20">
|
|
<div className="flex items-center justify-between">
|
|
<div>
|
|
<p className="text-sm font-medium text-gray-300">Kelas Aktif</p>
|
|
<p className="text-2xl font-bold text-white">3</p>
|
|
</div>
|
|
<div className="w-12 h-12 bg-gold-400/20 rounded-lg flex items-center justify-center">
|
|
<svg className="w-6 h-6 text-gold-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="bg-white/10 backdrop-blur-sm rounded-xl p-6 border border-white/20">
|
|
<div className="flex items-center justify-between">
|
|
<div>
|
|
<p className="text-sm font-medium text-gray-300">Tugas Selesai</p>
|
|
<p className="text-2xl font-bold text-white">12</p>
|
|
</div>
|
|
<div className="w-12 h-12 bg-gold-400/20 rounded-lg flex items-center justify-center">
|
|
<svg className="w-6 h-6 text-gold-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12l2 2 4-4m6 2a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm7-2a2 2 0 11-4 0v4a2 2 0 014 0V9z" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div className="bg-white/10 backdrop-blur-sm rounded-xl p-6 border border-white/20">
|
|
<div className="flex items-center justify-between">
|
|
<div>
|
|
<p className="text-sm font-medium text-gray-300">Forum Post</p>
|
|
<p className="text-2xl font-bold text-white">48</p>
|
|
</div>
|
|
<div className="w-12 h-12 bg-gold-400/20 rounded-lg flex items-center justify-center">
|
|
<svg className="w-6 h-6 text-gold-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 8h2a2 2 0 012 2v6a2 2 0 01-2 2h-2v4l-4-4H9a1.994 1.994 0 01-1.414-.586m0 0L11 14h4a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2v4l.586-.586z" />
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Recent Activity */}
|
|
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
|
{/* Recent Videos */}
|
|
<div className="bg-white/10 backdrop-blur-sm rounded-xl p-6 border border-white/20">
|
|
<h3 className="text-lg font-semibold text-white mb-4">Video Terbaru</h3>
|
|
<div className="space-y-4">
|
|
<div className="flex items-center space-x-4">
|
|
<div className="w-16 h-12 bg-gold-400/20 rounded-lg flex items-center justify-center">
|
|
<svg className="w-6 h-6 text-gold-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" />
|
|
</svg>
|
|
</div>
|
|
<div className="flex-1">
|
|
<h4 className="text-white font-medium">Tari Piring - Dasar</h4>
|
|
<p className="text-sm text-gray-400">2 jam yang lalu</p>
|
|
</div>
|
|
</div>
|
|
<div className="flex items-center space-x-4">
|
|
<div className="w-16 h-12 bg-gold-400/20 rounded-lg flex items-center justify-center">
|
|
<svg className="w-6 h-6 text-gold-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M15 10l4.553-2.276A1 1 0 0121 8.618v6.764a1 1 0 01-1.447.894L15 14M5 18h8a2 2 0 002-2V8a2 2 0 00-2-2H5a2 2 0 00-2 2v8a2 2 0 002 2z" />
|
|
</svg>
|
|
</div>
|
|
<div className="flex-1">
|
|
<h4 className="text-white font-medium">Tari Saman - Gerakan Tangan</h4>
|
|
<p className="text-sm text-gray-400">5 jam yang lalu</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
{/* Recent Forum Posts */}
|
|
<div className="bg-white/10 backdrop-blur-sm rounded-xl p-6 border border-white/20">
|
|
<h3 className="text-lg font-semibold text-white mb-4">Diskusi Terbaru</h3>
|
|
<div className="space-y-4">
|
|
<div className="border-l border-gold-400 pl-4">
|
|
<h4 className="text-white font-medium mb-1">Tips untuk pemula Tari Piring</h4>
|
|
<p className="text-sm text-gray-400 mb-2">Saya ingin berbagi beberapa tips untuk yang baru mulai belajar...</p>
|
|
<p className="text-xs text-gray-500">Oleh Sarah Pendidik • 1 jam yang lalu</p>
|
|
</div>
|
|
<div className="border-l border-gold-400 pl-4">
|
|
<h4 className="text-white font-medium mb-1">Costum untuk pertunjukan</h4>
|
|
<p className="text-sm text-gray-400 mb-2">Apakah ada saran untuk costum yang tepat untuk pertunjukan tari...</p>
|
|
<p className="text-xs text-gray-500">Oleh Budi Student • 3 jam yang lalu</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
} |