Ege Can Komur
aa2b7280b6
Yeni bölümler ve component'ler: - WhatsAppFloat: sağ altta her sayfada görünen 'pulse' animasyonlu WhatsApp butonu - MobileCtaBar: mobilde alt sabit bar — Ara / WhatsApp / Teklif Al üç buton - TrustBand: hero altı 4 trust kartı (Google ★, proje sayısı, dönüş süresi, garanti) + Google rating + yorum sayısı satırı - LogoCloud: müşteri logoları grayscale strip - QuickLeadForm: ad + telefon iki alanlı inline mini form (anasayfada) - app/actions submitContact 'source' alanını destekliyor (quick lead → message zorunlu değil) - WhyUs: 4 USP kartı (Hızlı teslim, Yerel destek, Modern tech, Satış sonrası) - ProcessSteps: 4 adımlı 'nasıl çalışıyoruz' süreç akışı (numaralı timeline) Schema (JSON-LD): - OrganizationLd: LocalBusiness + Address + AggregateRating (Google review puanı/sayısı) - ServiceLd: hizmet detay sayfaları için - FaqLd: hizmet FAQ'leri için - BreadcrumbLd, ArticleLd: hazır Anasayfaya OrganizationLd ekli — Google Ads quality score + organic rich results. Performans: - REST GET çağrıları cache:'no-store' yerine next.revalidate=60 (ISR) - Public sayfalar artık static rendering — LCP düşer - Mutations ve session GET'ler hâlâ no-store site_settings yeni alanları (panelden yönetilebilir): - whatsapp_message (default WhatsApp opener) - client_logos[] (logo URL listesi) - trust_items[] (JSON: icon|value|label) - why_us[] (JSON: icon, title, description) - process_steps[] (JSON: title, description) - lead_form_title, lead_form_description - google_rating, google_review_count, google_review_url Admin /admin/site formuna yeni 'Conversion / reklam optimizasyonu', 'Neden Biz?' ve 'Süreç adımları' bölümleri eklendi. Mevcut anasayfa yapısı (üstten alta): 1. Hero 2. TrustBand (mini güven sinyalleri) 3. LogoCloud (varsa müşteri logoları) 4. Hızlı iletişim + QuickLeadForm (2 sütun: tel/WA CTA + mini form) 5. Hizmetler 6. WhyUs (Neden Biz?) 7. ProcessSteps (Nasıl çalışıyoruz?) 8. Projeler 9. Testimonials 10. CTA (Final + WhatsApp)
38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
import Image from "next/image";
|
||
|
||
export function LogoCloud({
|
||
logos,
|
||
title = "Birlikte çalıştığımız markalar",
|
||
}: {
|
||
logos: string[];
|
||
title?: string;
|
||
}) {
|
||
if (logos.length === 0) return null;
|
||
|
||
return (
|
||
<section className="border-b border-[var(--border)] bg-[var(--navy-50)]/30 py-12">
|
||
<div className="mx-auto max-w-7xl px-6">
|
||
<p className="text-center text-xs font-semibold uppercase tracking-[0.18em] text-[var(--muted)]">
|
||
{title}
|
||
</p>
|
||
<div className="mt-8 flex flex-wrap items-center justify-center gap-x-12 gap-y-6">
|
||
{logos.map((src, i) => (
|
||
<div
|
||
key={src + i}
|
||
className="relative h-10 w-32 opacity-60 grayscale transition hover:opacity-100 hover:grayscale-0 sm:h-12 sm:w-40"
|
||
>
|
||
<Image
|
||
src={src}
|
||
alt={`Müşteri logosu ${i + 1}`}
|
||
fill
|
||
sizes="160px"
|
||
className="object-contain"
|
||
/>
|
||
</div>
|
||
))}
|
||
</div>
|
||
</div>
|
||
</section>
|
||
);
|
||
}
|