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
@@ -0,0 +1,16 @@
import { notFound } from "next/navigation";
import { getRow } from "@/lib/data";
import { TABLES } from "@/lib/appwrite-rest";
import type { TeamMemberRow } from "@/lib/types";
import { TeamMemberForm } from "../../form";
export default async function EditTeamPage({
params,
}: {
params: Promise<{ id: string }>;
}) {
const { id } = await params;
const row = await getRow<TeamMemberRow>(TABLES.teamMembers, id);
if (!row) notFound();
return <TeamMemberForm row={row} />;
}
+71
View File
@@ -0,0 +1,71 @@
import { Save } from "lucide-react";
import {
Field,
FormActions,
FormShell,
GhostLink,
PageHeader,
PrimaryButton,
Textarea,
} from "@/components/admin/form";
import { saveTeamMember } from "@/lib/admin-actions";
import type { TeamMemberRow } from "@/lib/types";
export function TeamMemberForm({ row }: { row?: TeamMemberRow }) {
return (
<div>
<PageHeader
title={row ? "Üyeyi düzenle" : "Yeni ekip üyesi"}
backHref="/admin/ekip"
/>
<form action={saveTeamMember}>
{row && <input type="hidden" name="id" value={row.$id} />}
<FormShell>
<div className="grid gap-5 md:grid-cols-2">
<Field label="Ad Soyad" name="name" required defaultValue={row?.name} />
<Field
label="Pozisyon / Rol"
name="role"
defaultValue={row?.role}
placeholder="Kurucu / Geliştirici / Tasarımcı"
/>
<Field
label="Fotoğraf URL"
name="photo_url"
type="url"
defaultValue={row?.photo_url}
help="Medya kütüphanesinden URL kopyalayın."
/>
<Field
label="LinkedIn URL"
name="linkedin_url"
type="url"
defaultValue={row?.linkedin_url}
/>
<Field
label="Sıra"
name="order"
type="number"
defaultValue={row?.order ?? 0}
/>
</div>
<div className="mt-5">
<Textarea
label="Biyografi"
name="bio"
rows={4}
defaultValue={row?.bio}
placeholder="2-3 cümle özet — uzmanlık, deneyim, ilgi alanı."
/>
</div>
<FormActions>
<GhostLink href="/admin/ekip">İptal</GhostLink>
<PrimaryButton>
<Save className="size-4" /> Kaydet
</PrimaryButton>
</FormActions>
</FormShell>
</form>
</div>
);
}
+5
View File
@@ -0,0 +1,5 @@
import { TeamMemberForm } from "../form";
export default function NewTeamPage() {
return <TeamMemberForm />;
}
+79
View File
@@ -0,0 +1,79 @@
import Link from "next/link";
import { Edit, Plus } from "lucide-react";
import { PageHeader } from "@/components/admin/form";
import { DeleteButton } from "@/components/admin/delete-button";
import { listTeamMembers } from "@/lib/data";
import { deleteTeamMember } from "@/lib/admin-actions";
export default async function TeamAdminPage() {
const members = await listTeamMembers();
return (
<div>
<PageHeader
title="Ekip"
description="Hakkımızda sayfasında gösterilen ekip üyeleri."
action={
<Link
href="/admin/ekip/new"
className="inline-flex items-center gap-2 rounded-full bg-[var(--navy)] px-4 py-2 text-sm font-medium text-white transition hover:bg-[var(--navy-700)]"
>
<Plus className="size-4" /> Yeni üye
</Link>
}
/>
<div className="mt-6 grid gap-4 md:grid-cols-2">
{members.length === 0 && (
<div className="rounded-2xl border border-dashed border-[var(--border)] bg-white p-12 text-center text-sm text-[var(--muted)] md:col-span-2">
Henüz ekip üyesi yok.
</div>
)}
{members.map((m) => (
<div
key={m.$id}
className="rounded-2xl border border-[var(--border)] bg-white p-5"
>
<div className="flex items-start justify-between gap-3">
<div className="flex items-center gap-3">
{m.photo_url ? (
// eslint-disable-next-line @next/next/no-img-element
<img
src={m.photo_url}
alt={m.name}
className="size-12 rounded-full object-cover"
/>
) : (
<div className="flex size-12 items-center justify-center rounded-full bg-[var(--navy-50)] text-sm font-semibold text-[var(--navy)]">
{m.name.charAt(0)}
</div>
)}
<div>
<p className="font-semibold text-[var(--navy)]">{m.name}</p>
<p className="text-xs text-[var(--muted)]">
{m.role ?? "—"} {m.order != null && `• Sıra: ${m.order}`}
</p>
</div>
</div>
<div className="flex gap-1.5">
<Link
href={`/admin/ekip/${m.$id}/edit`}
className="inline-flex items-center gap-1 rounded-md border border-[var(--border)] bg-white px-2 py-1 text-xs font-medium text-[var(--navy)] hover:bg-[var(--navy-50)]"
>
<Edit className="size-3" /> Düzenle
</Link>
<form action={deleteTeamMember}>
<input type="hidden" name="id" value={m.$id} />
<DeleteButton />
</form>
</div>
</div>
{m.bio && (
<p className="mt-3 text-sm text-[var(--muted)] line-clamp-3">
{m.bio}
</p>
)}
</div>
))}
</div>
</div>
);
}
+27
View File
@@ -114,6 +114,33 @@ export async function ProjectForm({ project }: { project?: ProjectRow }) {
}
help="Her satıra bir URL. Medya kütüphanesinden URL'leri kopyalayın."
/>
<Textarea
label="Sonuç metrikleri"
name="metrics"
rows={4}
defaultValue={(() => {
if (!project?.metrics) return "";
return project.metrics
.map((raw) => {
try {
const m = JSON.parse(raw) as {
value?: string;
label?: string;
};
return m.value && m.label ? `${m.value} | ${m.label}` : "";
} catch {
return "";
}
})
.filter(Boolean)
.join("\n");
})()}
placeholder={
"+150% | Organik trafik artışı\n2x | Dönüşüm oranı\n-40% | Sayfa yüklenme süresi"
}
help='Her satır "Değer | Etiket". Proje detay sayfasında büyük metric kartları olarak gösterilir.'
/>
</div>
<div className="mt-5">
@@ -0,0 +1,16 @@
import { notFound } from "next/navigation";
import { getRow } from "@/lib/data";
import { TABLES } from "@/lib/appwrite-rest";
import type { IndustryRow } from "@/lib/types";
import { IndustryForm } from "../../form";
export default async function EditIndustryPage({
params,
}: {
params: Promise<{ id: string }>;
}) {
const { id } = await params;
const row = await getRow<IndustryRow>(TABLES.industries, id);
if (!row) notFound();
return <IndustryForm row={row} />;
}
+140
View File
@@ -0,0 +1,140 @@
import { Save } from "lucide-react";
import {
Checkbox,
Field,
FormActions,
FormShell,
GhostLink,
PageHeader,
PrimaryButton,
Textarea,
} from "@/components/admin/form";
import { saveIndustry } from "@/lib/admin-actions";
import type { FaqItem, IndustryRow } from "@/lib/types";
function faqToText(items?: string[] | null): string {
if (!items) return "";
const parsed: FaqItem[] = [];
for (const raw of items) {
try {
const obj = JSON.parse(raw) as Partial<FaqItem>;
if (obj.q && obj.a) parsed.push({ q: obj.q, a: obj.a });
} catch {
/* ignore */
}
}
return parsed.map((it) => `${it.q}\n${it.a}`).join("\n---\n");
}
export function IndustryForm({ row }: { row?: IndustryRow }) {
return (
<div>
<PageHeader
title={row ? "Sektörü düzenle" : "Yeni sektör"}
backHref="/admin/sektorler"
description="Örn: 'Avukat web tasarımı', 'Doktor web tasarımı', 'İnşaat firması web tasarımı'"
/>
<form action={saveIndustry}>
{row && <input type="hidden" name="id" value={row.$id} />}
<FormShell>
<div className="grid gap-5 md:grid-cols-2">
<Field
label="Başlık"
name="title"
required
defaultValue={row?.title}
placeholder="Avukat Web Tasarımı"
/>
<Field
label="Slug"
name="slug"
defaultValue={row?.slug}
placeholder="avukat-web-tasarimi"
/>
<Field
label="Hero görsel URL"
name="hero_image"
type="url"
defaultValue={row?.hero_image}
/>
<Field
label="Sıra"
name="order"
type="number"
defaultValue={row?.order ?? 0}
/>
</div>
<div className="mt-5 space-y-5">
<Textarea
label="Alt başlık / kısa açıklama"
name="subtitle"
rows={2}
defaultValue={row?.subtitle}
placeholder="Avukatlar için KVKK uyumlu, randevu sistemli, SEO odaklı modern web siteleri."
/>
<Textarea
label="İçerik (Markdown)"
name="content"
rows={10}
defaultValue={row?.content}
placeholder="## Sektör özellikleri\n\nAvukatlar için..."
/>
<Textarea
label="Özellikler"
name="features"
rows={3}
defaultValue={row?.features?.join(", ")}
placeholder="KVKK uyumlu form, Randevu sistemi, Blog modülü, Çoklu dil"
help="Virgülle ayırın."
/>
<Textarea
label="SSS"
name="faq"
rows={8}
defaultValue={faqToText(row?.faq)}
placeholder={"Avukatlar için web sitesi neden önemli?\nKVKK uyumu için..."}
help='Her blok "---" ile ayrılır. İlk satır soru, kalanı cevap.'
/>
</div>
<h3 className="mt-8 text-sm font-semibold uppercase tracking-wider text-[var(--muted)]">
SEO
</h3>
<div className="mt-3 space-y-5">
<Field
label="SEO başlığı"
name="seo_title"
defaultValue={row?.seo_title}
placeholder="Avukat Web Tasarımı | Kocaeli — KVKK Uyumlu Modern Site"
/>
<Textarea
label="SEO açıklaması"
name="seo_description"
rows={2}
defaultValue={row?.seo_description}
/>
</div>
<div className="mt-5">
<Checkbox
label="Öne çıkar"
name="featured"
defaultChecked={row?.featured ?? false}
/>
</div>
<FormActions>
<GhostLink href="/admin/sektorler">İptal</GhostLink>
<PrimaryButton>
<Save className="size-4" /> Kaydet
</PrimaryButton>
</FormActions>
</FormShell>
</form>
</div>
);
}
@@ -0,0 +1,5 @@
import { IndustryForm } from "../form";
export default function NewIndustryPage() {
return <IndustryForm />;
}
+83
View File
@@ -0,0 +1,83 @@
import Link from "next/link";
import { Edit, ExternalLink, Plus } from "lucide-react";
import { PageHeader } from "@/components/admin/form";
import { DeleteButton } from "@/components/admin/delete-button";
import { listIndustries } from "@/lib/data";
import { deleteIndustry } from "@/lib/admin-actions";
export default async function IndustriesAdminPage() {
const items = await listIndustries();
return (
<div>
<PageHeader
title="Sektörler"
description="SEO odaklı sektör landing sayfaları. /sektor/[slug] üzerinden yayınlanır."
action={
<Link
href="/admin/sektorler/new"
className="inline-flex items-center gap-2 rounded-full bg-[var(--navy)] px-4 py-2 text-sm font-medium text-white transition hover:bg-[var(--navy-700)]"
>
<Plus className="size-4" /> Yeni sektör
</Link>
}
/>
<div className="mt-6 overflow-hidden rounded-2xl border border-[var(--border)] bg-white">
<table className="w-full text-sm">
<thead className="bg-[var(--navy-50)] text-xs uppercase tracking-wider text-[var(--muted)]">
<tr>
<th className="px-4 py-3 text-left">Sıra</th>
<th className="px-4 py-3 text-left">Başlık</th>
<th className="px-4 py-3 text-left">Slug</th>
<th className="px-4 py-3 text-left">Öne çıkan</th>
<th className="px-4 py-3 text-right">İşlem</th>
</tr>
</thead>
<tbody>
{items.length === 0 && (
<tr>
<td colSpan={5} className="px-4 py-12 text-center text-[var(--muted)]">
Henüz sektör eklenmemiş.
</td>
</tr>
)}
{items.map((it) => (
<tr key={it.$id} className="border-t border-[var(--border)]">
<td className="px-4 py-3 text-[var(--muted)]">{it.order ?? 0}</td>
<td className="px-4 py-3 font-medium text-[var(--navy)]">{it.title}</td>
<td className="px-4 py-3 text-[var(--muted)]">{it.slug}</td>
<td className="px-4 py-3">
{it.featured && (
<span className="rounded-full bg-[var(--sky-50)] px-2 py-0.5 text-xs text-[var(--sky-600)]">
Öne çıkan
</span>
)}
</td>
<td className="px-4 py-3">
<div className="flex items-center justify-end gap-2">
<Link
href={`/sektor/${it.slug}`}
target="_blank"
className="rounded-md border border-[var(--border)] p-1.5 text-[var(--muted)] hover:text-[var(--navy)]"
>
<ExternalLink className="size-3.5" />
</Link>
<Link
href={`/admin/sektorler/${it.$id}/edit`}
className="inline-flex items-center gap-1 rounded-md border border-[var(--border)] bg-white px-2.5 py-1.5 text-xs font-medium text-[var(--navy)] hover:bg-[var(--navy-50)]"
>
<Edit className="size-3.5" /> Düzenle
</Link>
<form action={deleteIndustry}>
<input type="hidden" name="id" value={it.$id} />
<DeleteButton />
</form>
</div>
</td>
</tr>
))}
</tbody>
</table>
</div>
</div>
);
}
+57
View File
@@ -11,6 +11,7 @@ import {
import { getSiteSettings } from "@/lib/data";
import { saveSiteSettings } from "@/lib/admin-actions";
import type {
FaqItem,
ProcessStep,
StatItem,
TrustItem,
@@ -88,6 +89,20 @@ function processToText(items?: string[] | null): string {
return parsed.map((p) => `${p.title}\n${p.description}`).join("\n---\n");
}
function faqToText(items?: string[] | null): string {
if (!items) return "";
const parsed: FaqItem[] = [];
for (const raw of items) {
try {
const obj = JSON.parse(raw) as Partial<FaqItem>;
if (obj.q && obj.a) parsed.push({ q: obj.q, a: obj.a });
} catch {
/* ignore */
}
}
return parsed.map((it) => `${it.q}\n${it.a}`).join("\n---\n");
}
function Section({
title,
description,
@@ -457,6 +472,48 @@ export default async function SiteSettingsPage() {
help='Her blok "---" ile ayrılır. İlk satır başlık, sonrası açıklama.'
/>
</Section>
<Section
title="Risk reversal / Garanti bölümü"
description="Anasayfada güven yaratan büyük garanti satırı."
>
<Field
label="Garanti başlığı"
name="guarantee_title"
defaultValue={s?.guarantee_title}
placeholder="İlk taslak ücretsiz, memnun değilseniz devam etmiyoruz"
/>
<Textarea
label="Garanti açıklaması"
name="guarantee_description"
rows={3}
defaultValue={s?.guarantee_description}
/>
<Textarea
label="Garanti maddeleri"
name="guarantee_items"
rows={5}
defaultValue={s?.guarantee_items?.join("\n")}
placeholder={"İlk tasarım taslağı ücretsiz\n1 yıl ücretsiz teknik destek\nKaynak kodlar size aittir"}
help="Her satır bir madde. Checklist olarak gösterilir."
/>
</Section>
<Section
title="Anasayfa SSS"
description="Reklam trafiği için kritik — fiyat, süre, ödeme gibi en sık soruları yanıtlar."
>
<Textarea
label="SSS"
name="homepage_faq"
rows={20}
defaultValue={faqToText(s?.homepage_faq)}
placeholder={
"Bir web sitesi ne kadar sürer?\n2-3 hafta…\n---\nFiyatlar ne kadar?\n15.000₺'den başlar…"
}
help='Her blok "---" ile ayrılır. İlk satır soru, kalanı cevap.'
/>
</Section>
</div>
<FormActions>