97 lines
4.8 KiB
TypeScript
97 lines
4.8 KiB
TypeScript
/**
|
|
* File: page.tsx
|
|
* Created by: AI Assistant
|
|
* Date: 2025-11-29
|
|
* Purpose: Landing page for kreatiVortex platform
|
|
* Part of: kreatiVortex - Platform Pembelajaran Tari Online
|
|
*/
|
|
|
|
import Link from "next/link";
|
|
|
|
export default function Home() {
|
|
return (
|
|
<div className="min-h-screen bg-gradient-to-br from-navy-900 via-navy-800 to-gray-900 text-white">
|
|
{/* Background overlay effect */}
|
|
<div className="absolute inset-0 bg-black/20"></div>
|
|
|
|
{/* Main content */}
|
|
<div className="relative z-10 flex min-h-screen flex-col items-center justify-center px-4">
|
|
<div className="max-w-4xl w-full text-center">
|
|
{/* Logo/Title */}
|
|
<div className="mb-12">
|
|
<h1 className="text-5xl md:text-7xl font-bold text-white mb-4">
|
|
kreati<span className="text-gold-400">Vortex</span>
|
|
</h1>
|
|
<p className="text-xl md:text-2xl text-gray-300">
|
|
Platform Pembelajaran Tari Online
|
|
</p>
|
|
</div>
|
|
|
|
{/* Description */}
|
|
<div className="mb-16 max-w-2xl mx-auto">
|
|
<p className="text-lg text-gray-300 leading-relaxed">
|
|
Bergabunglah dengan komunitas pembelajaran tari tradisional Indonesia.
|
|
Pelajari berbagai tarian dari seluruh nusantara dengan panduan dari para ahli.
|
|
</p>
|
|
</div>
|
|
|
|
{/* Action Buttons */}
|
|
<div className="flex flex-col sm:flex-row gap-4 justify-center items-center">
|
|
<Link
|
|
href="/auth/signin"
|
|
className="px-8 py-4 bg-navy-700 hover:bg-navy-600 text-white font-semibold rounded-lg transition-colors duration-200 min-w-[160px] text-center"
|
|
>
|
|
Masuk
|
|
</Link>
|
|
<Link
|
|
href="/auth/signup"
|
|
className="px-8 py-4 bg-gold-500 hover:bg-gold-400 text-navy-900 font-semibold rounded-lg transition-colors duration-200 min-w-[160px] text-center"
|
|
>
|
|
Daftar
|
|
</Link>
|
|
<Link
|
|
href="/auth/signup"
|
|
className="px-8 py-4 border-2 border-gold-400 text-gold-400 hover:bg-gold-400 hover:text-navy-900 font-semibold rounded-lg transition-colors duration-200 min-w-[160px] text-center"
|
|
>
|
|
Mulai Sekarang
|
|
</Link>
|
|
</div>
|
|
|
|
{/* Features */}
|
|
<div className="mt-24 grid grid-cols-1 md:grid-cols-3 gap-8">
|
|
<div className="text-center">
|
|
<div className="w-16 h-16 bg-gold-400/20 rounded-full flex items-center justify-center mx-auto mb-4">
|
|
<svg className="w-8 h-8 text-gold-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253" />
|
|
</svg>
|
|
</div>
|
|
<h3 className="text-xl font-semibold text-white mb-2">Video Pembelajaran</h3>
|
|
<p className="text-gray-400">Akses video tutorial tari dari berbagai daerah di Indonesia</p>
|
|
</div>
|
|
|
|
<div className="text-center">
|
|
<div className="w-16 h-16 bg-gold-400/20 rounded-full flex items-center justify-center mx-auto mb-4">
|
|
<svg className="w-8 h-8 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>
|
|
<h3 className="text-xl font-semibold text-white mb-2">Forum Diskusi</h3>
|
|
<p className="text-gray-400">Berinteraksi dengan sesama pecinta tari dan para ahli</p>
|
|
</div>
|
|
|
|
<div className="text-center">
|
|
<div className="w-16 h-16 bg-gold-400/20 rounded-full flex items-center justify-center mx-auto mb-4">
|
|
<svg className="w-8 h-8 text-gold-400" fill="none" stroke="currentColor" viewBox="0 0 24 24">
|
|
<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
|
|
</svg>
|
|
</div>
|
|
<h3 className="text-xl font-semibold text-white mb-2">Tugas & Evaluasi</h3>
|
|
<p className="text-gray-400">Kumpulkan tugas dan dapatkan feedback dari para pendidik</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|