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.
54 lines
1.9 KiB
TypeScript
54 lines
1.9 KiB
TypeScript
import Image from "next/image";
|
||
import Link from "next/link";
|
||
import { Phone } from "lucide-react";
|
||
import { getSiteSettings } from "@/lib/data";
|
||
import { siteConfig } from "@/lib/site-config";
|
||
|
||
const nav = [
|
||
{ href: "/", label: "Anasayfa" },
|
||
{ href: "/hizmetler", label: "Hizmetler" },
|
||
{ href: "/projeler", label: "Projeler" },
|
||
{ href: "/blog", label: "Blog" },
|
||
{ href: "/hakkimizda", label: "Hakkımızda" },
|
||
{ href: "/iletisim", label: "İletişim" },
|
||
];
|
||
|
||
export async function Header() {
|
||
const settings = await getSiteSettings();
|
||
const phone = settings?.contact_phone ?? siteConfig.contact.phone;
|
||
const phoneRaw = settings?.contact_phone_raw ?? siteConfig.contact.phoneRaw;
|
||
|
||
return (
|
||
<header className="sticky top-0 z-40 border-b border-[var(--border)] bg-white/90 backdrop-blur">
|
||
<div className="mx-auto flex max-w-7xl items-center justify-between gap-6 px-6 py-3">
|
||
<Link href="/" className="flex items-center gap-3">
|
||
<Image src="/logo.png" alt={siteConfig.name} width={44} height={44} priority />
|
||
<span className="hidden text-base font-semibold tracking-tight text-[var(--navy)] sm:block">
|
||
{siteConfig.name}
|
||
</span>
|
||
</Link>
|
||
|
||
<nav className="hidden items-center gap-8 md:flex">
|
||
{nav.map((item) => (
|
||
<Link
|
||
key={item.href}
|
||
href={item.href}
|
||
className="text-sm font-medium text-[var(--muted)] transition hover:text-[var(--navy)]"
|
||
>
|
||
{item.label}
|
||
</Link>
|
||
))}
|
||
</nav>
|
||
|
||
<a
|
||
href={`tel:${phoneRaw}`}
|
||
className="hidden items-center gap-2 rounded-full bg-[var(--navy)] px-4 py-2 text-sm font-medium text-white shadow-sm transition hover:bg-[var(--navy-700)] sm:inline-flex"
|
||
>
|
||
<Phone className="size-4" />
|
||
{phone}
|
||
</a>
|
||
</div>
|
||
</header>
|
||
);
|
||
}
|