feat: TR reklam trafiği için anasayfa CRO optimizasyonu

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)

components/process-steps.tsx

@@ -0,0 +1,82 @@
+import { SectionTitle } from "@/components/section-title";
+import type { ProcessStep, SiteSettingsRow } from "@/lib/types";
+
+const DEFAULT: ProcessStep[] = [
+  {
+    title: "Ücretsiz keşif görüşmesi",
+    description:
+      "İhtiyacınızı dinliyoruz, hedeflerinizi anlıyoruz. 30 dakika.",
+  },
+  {
+    title: "Teklif ve plan",
+    description:
+      "Kapsam, takvim ve bütçeyi netleştirip yazılı teklif sunuyoruz.",
+  },
+  {
+    title: "Tasarım + geliştirme",
+    description:
+      "Sprint bazlı çalışıyoruz, her hafta demo. Geri bildirim alıp ilerliyoruz.",
+  },
+  {
+    title: "Yayın + destek",
+    description:
+      "Lansman + 1 yıl ücretsiz bakım. Performans takibi ve büyütme önerileri.",
+  },
+];
+
+function parse(items?: string[] | null): ProcessStep[] {
+  if (!items || items.length === 0) return DEFAULT;
+  const out: ProcessStep[] = [];
+  for (const raw of items) {
+    try {
+      const obj = JSON.parse(raw) as Partial<ProcessStep>;
+      if (obj.title && obj.description)
+        out.push({ title: obj.title, description: obj.description });
+    } catch {
+      /* ignore */
+    }
+  }
+  return out.length > 0 ? out : DEFAULT;
+}
+
+export function ProcessSteps({
+  settings,
+}: {
+  settings?: SiteSettingsRow | null;
+}) {
+  const steps = parse(settings?.process_steps);
+
+  return (
+    <section className="border-y border-[var(--border)] bg-[var(--navy-50)]/40 py-20">
+      <div className="mx-auto max-w-7xl px-6">
+        <SectionTitle
+          eyebrow="Nasıl çalışıyoruz?"
+          title="Net süreç, sürprizsiz proje"
+          description="İlk görüşmeden lansmana kadar her adım önceden tanımlı."
+        />
+
+        <div className="relative mt-14">
+          <div
+            className="absolute left-6 top-6 hidden h-[calc(100%-3rem)] w-px bg-gradient-to-b from-[var(--sky)] to-[var(--navy)] md:left-1/2 md:top-0 md:h-px md:w-[calc(100%-3rem)] md:bg-gradient-to-r md:translate-x-[-50%] md:top-7"
+            aria-hidden
+          />
+          <div className="grid gap-8 md:grid-cols-4">
+            {steps.map((s, i) => (
+              <div key={i} className="relative">
+                <div className="relative z-10 flex size-12 items-center justify-center rounded-full border-4 border-[var(--navy-50)]/40 bg-[var(--navy)] text-base font-bold text-white shadow-lg shadow-[var(--navy)]/20">
+                  {i + 1}
+                </div>
+                <h3 className="mt-5 text-base font-semibold text-[var(--navy)]">
+                  {s.title}
+                </h3>
+                <p className="mt-2 text-sm leading-relaxed text-[var(--muted)]">
+                  {s.description}
+                </p>
+              </div>
+            ))}
+          </div>
+        </div>
+      </div>
+    </section>
+  );
+}