Temel ayarlar
Temel ayarlar
Bu dört dosya her projenin temelidir. Sayfa metinlerini veya tasarımı değiştirmeden önce bunları güncelleyin. Tüm yollar src/config/ altındadır.
1. Site adı ve adresi
src/config/site.ts dosyasını açın. Header’daki site adı, canlı domain ve logo yolları buradan gelir.
export const site = {
name: "Acme Klinik",
tagline: "Güvenebileceğiniz bakım",
url: "https://www.acmeklinik.com",
logo: "/logo-light.svg",
logoDark: "/logo-dark.svg",
logoAlt: "Acme Klinik logosu",
foundedYear: 2015,
defaultLocale: "en",
} as const;
- name — Sitede görünen şirket adı
- tagline — Kısa slogan (şablonda kullanıldığı yerlerde)
- url — https:// ile canlı site adresi (sitemap, OG, canonical için)
- logo / logoDark — Açık ve koyu header için public/ altındaki dosya yolları
- foundedYear — İsteğe bağlı; footer veya güven bölümlerinde
2. İletişim bilgileri
src/config/contact.ts dosyasını açın. Telefon, e-posta, WhatsApp ve adres iletişim sayfası, footer ve tıkla-ara linklerinde kullanılır.
export const contact = {
phone: "+90 212 000 00 00",
email: "[email protected]",
whatsapp: "905551234567",
address: {
street: "Bağdat Cad. No: 100",
city: "İstanbul",
country: "TR",
},
} as const;
- phone — Görünen format, örn. +90 212 000 00 00
- whatsapp — Ülke kodu dahil, boşluksuz rakam (örn. 905551234567)
- email — Formlar ve mailto: linkleri için ana adres
- address.street / city / country — İletişim sayfası ve haritalarda
3. Sosyal medya linkleri
src/config/social.ts dosyasını açın. Tam profil URL’lerini yapıştırın. Bir alanı "" bırakırsanız footer’da o ikon görünmez.
export const social = {
instagram: "https://instagram.com/acmeklinik",
facebook: "https://facebook.com/acmeklinik",
twitter: "",
linkedin: "https://linkedin.com/company/acmeklinik",
youtube: "",
} as const;
4. Sektör ve açık sayfalar
src/config/sector.ts dosyasını açın. type değeri schema.org verisini belirler (OrganizationSchema). features ile bölümler ve menü maddeleri açılıp kapanır — sayfa dosyasını silmeniz gerekmez.
export const sector = {
type: "dental",
features: {
pricing: false,
blog: true,
gallery: false,
beforeAfter: true,
team: true,
faq: true,
howItWorks: true,
testimonials: true,
seoLanding: false,
},
} as const;
- type — dental, dental-tourism, law, beauty, hotel, agency, generic
- blog — Blog sayfası ve menü linki
- team — Ekip bölümü
- faq / howItWorks / testimonials — İlgili bölüm ve menü
- gallery / beforeAfter / pricing / seoLanding — Sektörünüz gerektiriyorsa açın
Değişiklikleri kontrol edin
Dört dosyayı kaydedin, npm run dev açıkken tarayıcıyı yenileyin. Header (ad, logo), footer (sosyal ikonlar) ve iletişim sayfasına bakın. Menü maddesi kaybolduysa önce sector.features değerlerine bakın — henüz nav.ts değil.