61 lines
3.3 KiB
TypeScript
61 lines
3.3 KiB
TypeScript
import Link from 'next/link';
|
||
import { LayoutDashboard, Users, Briefcase, Settings, FileText, LogOut, Handshake } from 'lucide-react';
|
||
import { logout } from '../actions';
|
||
|
||
export default function AdminLayout({ children }: { children: React.ReactNode }) {
|
||
return (
|
||
<div className="min-h-screen bg-black text-white flex">
|
||
{/* Sidebar */}
|
||
<aside className="w-64 border-r border-white/10 flex flex-col bg-zinc-950 p-4">
|
||
<div className="mb-8 px-4">
|
||
<h1 className="text-xl font-black uppercase tracking-widest text-[#1e9a83]">Muğla Dijital</h1>
|
||
<p className="text-xs text-white/40 uppercase tracking-widest">Admin Panel</p>
|
||
</div>
|
||
|
||
<nav className="flex-1 space-y-2">
|
||
<Link href="/admin" className="flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-white/5 transition-colors text-sm font-medium">
|
||
<LayoutDashboard className="w-5 h-5 text-white/60" />
|
||
Dashboard
|
||
</Link>
|
||
<Link href="/admin/leads" className="flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-white/5 transition-colors text-sm font-medium">
|
||
<Users className="w-5 h-5 text-white/60" />
|
||
Mesajlar & Başvurular
|
||
</Link>
|
||
<Link href="/admin/projects" className="flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-white/5 transition-colors text-sm font-medium">
|
||
<Briefcase className="w-5 h-5 text-white/60" />
|
||
Projeler
|
||
</Link>
|
||
<Link href="/admin/services" className="flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-white/5 transition-colors text-sm font-medium">
|
||
<FileText className="w-5 h-5 text-white/60" />
|
||
Hizmetler
|
||
</Link>
|
||
<Link href="/admin/settings" className="flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-white/5 transition-colors text-sm font-medium">
|
||
<Settings className="w-5 h-5 text-white/60" />
|
||
Site Ayarları
|
||
</Link>
|
||
<Link href="/admin/partners" className="flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-white/5 transition-colors text-sm font-medium">
|
||
<Handshake className="w-5 h-5 text-white/60" />
|
||
Partnerler
|
||
</Link>
|
||
</nav>
|
||
|
||
<div className="mt-auto border-t border-white/10 pt-4">
|
||
<form action={logout}>
|
||
<button type="submit" className="flex w-full items-center gap-3 px-4 py-3 rounded-xl hover:bg-red-500/10 hover:text-red-500 transition-colors text-sm font-medium text-white/60">
|
||
<LogOut className="w-5 h-5" />
|
||
Çıkış Yap
|
||
</button>
|
||
</form>
|
||
</div>
|
||
</aside>
|
||
|
||
{/* Main Content */}
|
||
<main className="flex-1 overflow-y-auto">
|
||
<div className="max-w-6xl mx-auto p-8">
|
||
{children}
|
||
</div>
|
||
</main>
|
||
</div>
|
||
);
|
||
}
|