Ege Can Komur
1444aa3995
Yeni site_settings tablosu (singleton, rowId='homepage'): - Hero: badge, title, subtitle, 2 CTA (label+href), stats (JSON array) - Section başlıkları: services/projects/testimonials eyebrow + title + description - Alt CTA: title, description, button label+href - Contact: phone (görünen + tel: ham), email, address, hafta içi/sonu saatleri - Social: linkedin/instagram/twitter/facebook URL'leri - Footer tagline Mevcut hardcoded değerler seed edildi. Admin: - /admin/site sayfası eklendi (sidebar'a 'Site Ayarları' linki) - Bölümlü tek form: Hero / Hizmetler / Projeler / Referanslar / Alt CTA / İletişim / Sosyal / Footer - Stats için 'değer | etiket' satır formatı Public bağlantılar: - Hero component artık settings prop alıyor (fallback değerlerle) - Anasayfa: tüm section başlıkları ve alt CTA settings'ten geliyor - Header: telefon settings'ten - Footer: tagline, adres, telefon, email, sosyal linkler settings'ten (sosyal link sadece dolu olanlar gösteriliyor) - Footer'da hizmetler artık /hizmetler/[slug] detay sayfalarına bağlı - İletişim sayfası: adres, telefon, email, saatler settings'ten 30 route üretiliyor.
83 lines
2.5 KiB
TypeScript
83 lines
2.5 KiB
TypeScript
"use client";
|
||
|
||
import Image from "next/image";
|
||
import Link from "next/link";
|
||
import { usePathname } from "next/navigation";
|
||
import {
|
||
LayoutDashboard,
|
||
Settings,
|
||
Newspaper,
|
||
Layers,
|
||
Briefcase,
|
||
MessageSquareQuote,
|
||
Search,
|
||
Inbox,
|
||
Image as ImageIcon,
|
||
type LucideIcon,
|
||
} from "lucide-react";
|
||
|
||
type Item = { href: string; label: string; icon: LucideIcon };
|
||
|
||
const items: Item[] = [
|
||
{ href: "/admin", label: "Pano", icon: LayoutDashboard },
|
||
{ href: "/admin/site", label: "Site Ayarları", icon: Settings },
|
||
{ href: "/admin/blog", label: "Blog", icon: Newspaper },
|
||
{ href: "/admin/hizmetler", label: "Hizmetler", icon: Layers },
|
||
{ href: "/admin/projeler", label: "Projeler", icon: Briefcase },
|
||
{ href: "/admin/referanslar", label: "Referanslar", icon: MessageSquareQuote },
|
||
{ href: "/admin/seo", label: "SEO", icon: Search },
|
||
{ href: "/admin/iletisim", label: "Mesajlar", icon: Inbox },
|
||
{ href: "/admin/medya", label: "Medya", icon: ImageIcon },
|
||
];
|
||
|
||
export function AdminSidebar() {
|
||
const pathname = usePathname();
|
||
|
||
return (
|
||
<aside className="hidden w-64 shrink-0 border-r border-[var(--border)] bg-white md:flex md:flex-col">
|
||
<Link
|
||
href="/admin"
|
||
className="flex items-center gap-3 border-b border-[var(--border)] px-5 py-4"
|
||
>
|
||
<Image src="/logo.png" alt="Kovak Yazılım" width={36} height={36} />
|
||
<div>
|
||
<p className="text-sm font-semibold text-[var(--navy)]">Kovak Yazılım</p>
|
||
<p className="text-xs text-[var(--muted)]">Yönetim Paneli</p>
|
||
</div>
|
||
</Link>
|
||
|
||
<nav className="flex-1 space-y-1 p-3">
|
||
{items.map((it) => {
|
||
const active =
|
||
it.href === "/admin"
|
||
? pathname === "/admin"
|
||
: pathname.startsWith(it.href);
|
||
const Icon = it.icon;
|
||
return (
|
||
<Link
|
||
key={it.href}
|
||
href={it.href}
|
||
className={`flex items-center gap-3 rounded-lg px-3 py-2 text-sm transition ${
|
||
active
|
||
? "bg-[var(--navy)] text-white"
|
||
: "text-[var(--muted)] hover:bg-[var(--navy-50)] hover:text-[var(--navy)]"
|
||
}`}
|
||
>
|
||
<Icon className="size-4" />
|
||
{it.label}
|
||
</Link>
|
||
);
|
||
})}
|
||
</nav>
|
||
|
||
<Link
|
||
href="/"
|
||
target="_blank"
|
||
className="border-t border-[var(--border)] px-5 py-3 text-xs text-[var(--muted)] hover:text-[var(--navy)]"
|
||
>
|
||
↗ Siteyi görüntüle
|
||
</Link>
|
||
</aside>
|
||
);
|
||
}
|