60 lines
2.9 KiB
TypeScript
60 lines
2.9 KiB
TypeScript
import { FeatureCard } from '@/components/feature-card'
|
|
import { UserCog, Users, ArrowLeft } from 'lucide-react'
|
|
import { Activity } from 'lucide-react'
|
|
import { LogoutButton } from '@/components/logout-button'
|
|
import Link from 'next/link'
|
|
|
|
export default function ManajemenAkunPage() {
|
|
return (
|
|
<div className="min-h-screen bg-white font-sans text-black flex flex-col">
|
|
{/* Header */}
|
|
<header className="flex justify-between items-center px-8 py-6 border-b border-gray-100">
|
|
<div className="flex items-center gap-4">
|
|
<Link href="/dashboard" className="group flex items-center gap-2 text-sm font-bold hover:text-gray-600 transition-colors">
|
|
<div className="p-2 rounded-full border border-black flex items-center justify-center group-hover:bg-black group-hover:text-white transition-all">
|
|
<ArrowLeft className="h-5 w-5" />
|
|
</div>
|
|
<span className="hidden md:block">Kembali ke Dashboard</span>
|
|
</Link>
|
|
<div className="h-8 w-px bg-gray-200 mx-2 hidden md:block"></div>
|
|
<div className="flex flex-col justify-center">
|
|
<h1 className="text-xl font-bold leading-none">Manajemen Akun</h1>
|
|
<p className="text-[10px] text-gray-500 tracking-widest uppercase mt-0.5">PILIH OPSI PENGELOLAAN</p>
|
|
</div>
|
|
</div>
|
|
<LogoutButton />
|
|
</header>
|
|
|
|
<main className="p-8 max-w-6xl mx-auto flex-1 w-full flex items-center justify-center">
|
|
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 w-full max-w-4xl">
|
|
|
|
{/* Kelola Akun Petugas */}
|
|
<div className="h-96">
|
|
<FeatureCard
|
|
title="Kelola Akun Petugas"
|
|
description="Kelola akun anda sebagai petugas. Ubah profil, password, dan informasi petugas lainnya."
|
|
icon={UserCog}
|
|
href="/dashboard/manajemen-akun/petugas"
|
|
color="green"
|
|
className="h-full"
|
|
/>
|
|
</div>
|
|
|
|
{/* Kelola Akun Pengguna */}
|
|
<div className="h-96">
|
|
<FeatureCard
|
|
title="Kelola Akun Pengguna"
|
|
description="Kelola data akun pengguna (Masyarakat). Reset password, pemblokiran, dan manajemen akses."
|
|
icon={Users}
|
|
href="/dashboard/manajemen-akun/pengguna"
|
|
color="blue"
|
|
className="h-full"
|
|
/>
|
|
</div>
|
|
|
|
</div>
|
|
</main>
|
|
</div>
|
|
)
|
|
}
|