feat: TR rakip analizi → satış blokerleri düzeltildi

Rakip analizi (kocaelidijital.com, promedyanet.com, lf.com.tr) sonrası
satış blokerleri tespit edildi ve aşağıdaki bölümler eklendi:

1. ANASAYFADA SSS (8 hazır soru, admin'den düzenlenebilir)
   - Fiyat, süre, ödeme, garanti, hosting, SEO, mevcut site yenileme,
     sadece tasarım hizmeti gibi en sık sorulan sorular
   - HomepageFaq component (sticky sol + accordion sağ)
   - site_settings.homepage_faq[] (JSON {q,a})

2. RISK REVERSAL bölümü (Guarantee component)
   - 'İlk taslak ücretsiz, memnun değilseniz devam etmiyoruz'
   - 4 garanti maddesi checklist
   - site_settings.guarantee_title/description/items

3. PROJE METRİKLERİ (vaka çalışması güçlendirme)
   - projects.metrics[] (JSON {value,label})
   - Detay sayfada büyük metric kartları
   - Admin formda 'değer | etiket' satır formatı

4. HERO COPY GÜNCELLEMESİ (admin'den düzenlenebilir)
   - 'Kocaeli'de 2-3 hafta içinde yayında olan, satan kurumsal web siteleri'
   - 'İlk tasarım taslakı ücretsiz' vurgusu
   - Trust band: 30 dk yanıt + ücretsiz taslak + 4.9 memnuniyet

5. /SITE-ANALIZI LEAD MAGNET SAYFASI
   - URL + ad + email + telefon formu
   - 6 analiz başlığı (CWV, mobil, SEO, güvenlik, içerik, rakip)
   - contact_messages'a source=quick-site-audit ile yazılır
   - 'subject' alanı ile inbox'ta ayırt edilebilir

6. EKİP BÖLÜMÜ (Hakkımızda sayfasında)
   - Yeni team_members tablosu (name, role, bio, photo, linkedin)
   - /admin/ekip CRUD sayfası
   - TeamGrid component

7. SEKTÖR LANDING SAYFALARI (/sektor/[slug])
   - Yeni industries tablosu (slug, title, content, features, faq, SEO)
   - /admin/sektorler CRUD sayfası
   - SEO + ad-targeted landing template
   - Hero + trust + features + content + garanti + projeler + hizmetler + FAQ + JSON-LD

Admin /admin/site formuna yeni bölümler:
- 'Risk reversal / Garanti' (title + description + items)
- 'Anasayfa SSS' (---' bloklarla)

App sidebar'a 'Sektörler' ve 'Ekip' linkleri eklendi.
Footer'a 'Ücretsiz Site Analizi' linki eklendi.

36 route üretiliyor (önceki 31'den +5: /site-analizi, /sektor/[slug],
/admin/ekip + alt, /admin/sektorler + alt).
This commit is contained in:
Ege Can Komur
2026-05-20 04:03:21 +03:00
parent 304a344955
commit cf46e30a7e
25 changed files with 1390 additions and 1 deletions
+4
View File
@@ -13,6 +13,8 @@ import {
Search,
Inbox,
Image as ImageIcon,
Users as UsersIcon,
Building2,
type LucideIcon,
} from "lucide-react";
@@ -24,6 +26,8 @@ const items: Item[] = [
{ href: "/admin/blog", label: "Blog", icon: Newspaper },
{ href: "/admin/hizmetler", label: "Hizmetler", icon: Layers },
{ href: "/admin/projeler", label: "Projeler", icon: Briefcase },
{ href: "/admin/sektorler", label: "Sektörler", icon: Building2 },
{ href: "/admin/ekip", label: "Ekip", icon: UsersIcon },
{ href: "/admin/referanslar", label: "Referanslar", icon: MessageSquareQuote },
{ href: "/admin/seo", label: "SEO", icon: Search },
{ href: "/admin/iletisim", label: "Mesajlar", icon: Inbox },
+115
View File
@@ -0,0 +1,115 @@
"use client";
import { useActionState } from "react";
import { submitContact, type ContactFormState } from "@/app/actions";
import {
Search,
ArrowRight,
CheckCircle2,
AlertCircle,
Loader2,
} from "lucide-react";
const initial: ContactFormState = { ok: false, message: "" };
export function AuditForm() {
const [state, action, pending] = useActionState(submitContact, initial);
return (
<form action={action} className="space-y-4">
<input type="hidden" name="source" value="quick-site-audit" />
<input type="hidden" name="subject" value="Ücretsiz site analizi talebi" />
<div>
<label className="text-sm font-medium text-[var(--navy)]">
Web sitenizin adresi <span className="text-red-500">*</span>
</label>
<input
name="message"
required
placeholder="https://siteminizin-adresi.com"
className="mt-1.5 w-full rounded-xl border border-[var(--border)] bg-white px-4 py-3 text-sm outline-none transition placeholder:text-[var(--muted)]/60 focus:border-[var(--sky)] focus:ring-2 focus:ring-[var(--sky)]/20"
/>
</div>
<div className="grid gap-4 sm:grid-cols-2">
<div>
<label className="text-sm font-medium text-[var(--navy)]">
Adınız <span className="text-red-500">*</span>
</label>
<input
name="name"
required
placeholder="Adınız Soyadınız"
className="mt-1.5 w-full rounded-xl border border-[var(--border)] bg-white px-4 py-3 text-sm outline-none transition placeholder:text-[var(--muted)]/60 focus:border-[var(--sky)] focus:ring-2 focus:ring-[var(--sky)]/20"
/>
</div>
<div>
<label className="text-sm font-medium text-[var(--navy)]">
E-posta <span className="text-red-500">*</span>
</label>
<input
name="email"
type="email"
required
placeholder="ornek@firma.com"
className="mt-1.5 w-full rounded-xl border border-[var(--border)] bg-white px-4 py-3 text-sm outline-none transition placeholder:text-[var(--muted)]/60 focus:border-[var(--sky)] focus:ring-2 focus:ring-[var(--sky)]/20"
/>
</div>
</div>
<div>
<label className="text-sm font-medium text-[var(--navy)]">
Telefon (opsiyonel)
</label>
<input
name="phone"
type="tel"
inputMode="tel"
placeholder="+90 5xx xxx xx xx"
className="mt-1.5 w-full rounded-xl border border-[var(--border)] bg-white px-4 py-3 text-sm outline-none transition placeholder:text-[var(--muted)]/60 focus:border-[var(--sky)] focus:ring-2 focus:ring-[var(--sky)]/20"
/>
</div>
<button
type="submit"
disabled={pending}
className="inline-flex w-full items-center justify-center gap-2 rounded-xl bg-[var(--navy)] px-5 py-3 text-sm font-semibold text-white transition hover:bg-[var(--navy-700)] disabled:opacity-60"
>
{pending ? (
<>
<Loader2 className="size-4 animate-spin" />
Talep gönderiliyor
</>
) : (
<>
<Search className="size-4" />
Ücretsiz analiz raporumu istiyorum
<ArrowRight className="size-4" />
</>
)}
</button>
<p className="text-center text-[11px] text-[var(--muted)]">
Raporunuz 24 saat içinde e-posta adresinize gönderilir. Bilgileriniz gizli tutulur.
</p>
{state.message && (
<div
className={`flex items-start gap-2 rounded-xl border p-3 text-xs ${
state.ok
? "border-green-200 bg-green-50 text-green-800"
: "border-red-200 bg-red-50 text-red-800"
}`}
>
{state.ok ? (
<CheckCircle2 className="mt-0.5 size-4 shrink-0" />
) : (
<AlertCircle className="mt-0.5 size-4 shrink-0" />
)}
<span>{state.message}</span>
</div>
)}
</form>
);
}
+4
View File
@@ -113,6 +113,10 @@ export async function Footer() {
© {new Date().getFullYear()} {siteConfig.name}. Tüm hakları saklıdır.
</p>
<div className="flex flex-wrap items-center gap-3">
<Link href="/site-analizi" className="hover:text-white">
Ücretsiz Site Analizi
</Link>
<span></span>
<Link href="/cerez-politikasi" className="hover:text-white">
Çerez Politikası
</Link>
+79
View File
@@ -0,0 +1,79 @@
import { ShieldCheck, CheckCircle2 } from "lucide-react";
import Link from "next/link";
import { ArrowRight } from "lucide-react";
import type { SiteSettingsRow } from "@/lib/types";
const DEFAULT_ITEMS = [
"İlk tasarım taslağı ücretsiz",
"Ön ödeme garanti altında — müşteri devam etmek istemezse iade",
"1 yıl ücretsiz teknik destek",
"Kaynak kodlar size aittir, bağımlılık yok",
];
export function Guarantee({
settings,
}: {
settings?: SiteSettingsRow | null;
}) {
const title =
settings?.guarantee_title ??
"İlk taslak ücretsiz, memnun değilseniz devam etmiyoruz";
const description =
settings?.guarantee_description ??
"Görüşme + ihtiyaç analizinin ardından ilk tasarım taslağı ücretsizdir. Beğenmezseniz devam etmek zorunda değilsiniz. İşimizden eminiz, ama karar sizin.";
const items =
settings?.guarantee_items && settings.guarantee_items.length > 0
? settings.guarantee_items
: DEFAULT_ITEMS;
return (
<section className="relative overflow-hidden border-y border-[var(--border)] bg-gradient-to-br from-[var(--sky-50)]/60 via-white to-[var(--navy-50)]/40 py-20">
<div className="absolute -right-32 top-1/2 -z-0 size-[420px] -translate-y-1/2 rounded-full bg-[var(--sky)]/10 blur-3xl" aria-hidden />
<div className="relative mx-auto grid max-w-6xl items-center gap-12 px-6 md:grid-cols-[auto_1fr]">
<div className="flex justify-center md:justify-start">
<div className="relative">
<div
className="absolute inset-0 -z-10 rounded-full bg-[var(--sky)]/20 blur-2xl"
aria-hidden
/>
<div className="flex size-28 items-center justify-center rounded-full border-4 border-white bg-[var(--navy)] text-white shadow-xl shadow-[var(--navy)]/20 md:size-36">
<ShieldCheck className="size-12 md:size-16" />
</div>
</div>
</div>
<div>
<p className="text-xs font-semibold uppercase tracking-[0.18em] text-[var(--sky-600)]">
Risk almazsınız
</p>
<h2 className="mt-3 text-3xl font-bold tracking-tight text-[var(--navy)] sm:text-4xl">
{title}
</h2>
<p className="mt-4 max-w-2xl text-base leading-relaxed text-[var(--muted)]">
{description}
</p>
<ul className="mt-6 grid gap-3 sm:grid-cols-2">
{items.map((it, i) => (
<li
key={i}
className="flex items-start gap-2 rounded-xl border border-[var(--border)] bg-white p-3"
>
<CheckCircle2 className="mt-0.5 size-5 shrink-0 text-[var(--sky-600)]" />
<span className="text-sm text-[var(--foreground)]">{it}</span>
</li>
))}
</ul>
<Link
href="/iletisim"
className="mt-6 inline-flex items-center gap-2 rounded-full bg-[var(--navy)] px-5 py-3 text-sm font-semibold text-white transition hover:bg-[var(--navy-700)]"
>
Ücretsiz keşif görüşmesi
<ArrowRight className="size-4" />
</Link>
</div>
</div>
</section>
);
}
+51
View File
@@ -0,0 +1,51 @@
import Link from "next/link";
import { ArrowRight } from "lucide-react";
import { FaqList } from "@/components/faq-list";
import { SectionTitle } from "@/components/section-title";
import type { FaqItem, SiteSettingsRow } from "@/lib/types";
function parseFaq(items?: string[] | null): FaqItem[] {
if (!items) return [];
const out: FaqItem[] = [];
for (const raw of items) {
try {
const obj = JSON.parse(raw) as Partial<FaqItem>;
if (obj.q && obj.a) out.push({ q: obj.q, a: obj.a });
} catch {
/* ignore */
}
}
return out;
}
export function HomepageFaq({
settings,
}: {
settings?: SiteSettingsRow | null;
}) {
const items = parseFaq(settings?.homepage_faq);
if (items.length === 0) return null;
return (
<section className="border-t border-[var(--border)] py-20">
<div className="mx-auto grid max-w-6xl gap-12 px-6 lg:grid-cols-[1fr_2fr]">
<div className="lg:sticky lg:top-24 lg:self-start">
<SectionTitle
align="left"
eyebrow="SSS"
title="Aklınızdaki sorular"
description="Müşterilerimizin en sık sorduğu konular. Cevabı burada bulamadığınız her şey için bizi arayın."
/>
<Link
href="/iletisim"
className="mt-6 inline-flex items-center gap-2 rounded-full bg-[var(--navy)] px-5 py-2.5 text-sm font-medium text-white transition hover:bg-[var(--navy-700)]"
>
Sorunuz mu var?
<ArrowRight className="size-4" />
</Link>
</div>
<FaqList items={items} />
</div>
</section>
);
}
+57
View File
@@ -0,0 +1,57 @@
import Image from "next/image";
import { LinkedinIcon } from "@/components/social-icons";
import type { TeamMemberRow } from "@/lib/types";
export function TeamGrid({ members }: { members: TeamMemberRow[] }) {
if (members.length === 0) return null;
return (
<div className="grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
{members.map((m) => (
<article
key={m.$id}
className="overflow-hidden rounded-2xl border border-[var(--border)] bg-white transition hover:shadow-md"
>
<div className="relative aspect-square overflow-hidden bg-gradient-to-br from-[var(--sky-50)] to-[var(--navy-50)]">
{m.photo_url ? (
<Image
src={m.photo_url}
alt={m.name}
fill
sizes="(min-width: 1024px) 33vw, (min-width: 768px) 50vw, 100vw"
className="object-cover"
/>
) : (
<div className="flex h-full items-center justify-center text-6xl font-bold text-[var(--navy)]/30">
{m.name.charAt(0)}
</div>
)}
</div>
<div className="p-5">
<h3 className="text-base font-semibold text-[var(--navy)]">
{m.name}
</h3>
{m.role && (
<p className="text-xs text-[var(--sky-600)]">{m.role}</p>
)}
{m.bio && (
<p className="mt-3 text-sm leading-relaxed text-[var(--muted)]">
{m.bio}
</p>
)}
{m.linkedin_url && (
<a
href={m.linkedin_url}
target="_blank"
rel="noopener noreferrer"
className="mt-3 inline-flex items-center gap-1 text-xs font-medium text-[var(--sky-600)] hover:text-[var(--navy)]"
>
<LinkedinIcon className="size-3.5" />
LinkedIn'de bağlan
</a>
)}
</div>
</article>
))}
</div>
);
}