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
+20 -1
View File
@@ -2,6 +2,8 @@ import type { Metadata } from "next";
import Image from "next/image";
import { SectionTitle } from "@/components/section-title";
import { CheckCircle2 } from "lucide-react";
import { TeamGrid } from "@/components/team-grid";
import { listTeamMembers } from "@/lib/data";
import { buildMetadata } from "@/lib/seo";
export async function generateMetadata(): Promise<Metadata> {
@@ -35,7 +37,9 @@ const values = [
},
];
export default function AboutPage() {
export default async function AboutPage() {
const team = await listTeamMembers();
return (
<>
<section className="mx-auto max-w-7xl px-6 py-20">
@@ -76,6 +80,21 @@ export default function AboutPage() {
</div>
</section>
{team.length > 0 && (
<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="Ekip"
title="İşi yapan insanları tanıyın"
description="Sizin projenizde birebir çalışacak ekip — geliştirici, tasarımcı ve proje yöneticileri."
/>
<div className="mt-12">
<TeamGrid members={team} />
</div>
</div>
</section>
)}
<section className="bg-[var(--navy)] py-20 text-white">
<div className="mx-auto grid max-w-7xl gap-12 px-6 md:grid-cols-3">
{[
+6
View File
@@ -11,6 +11,8 @@ import { LogoCloud } from "@/components/logo-cloud";
import { QuickLeadForm } from "@/components/quick-lead-form";
import { WhyUs } from "@/components/why-us";
import { ProcessSteps } from "@/components/process-steps";
import { Guarantee } from "@/components/guarantee";
import { HomepageFaq } from "@/components/homepage-faq";
import { OrganizationLd } from "@/components/json-ld";
import {
getSiteSettings,
@@ -118,6 +120,8 @@ export default async function Home() {
<WhyUs settings={settings} />
<Guarantee settings={settings} />
<ProcessSteps settings={settings} />
<section className="py-20">
@@ -165,6 +169,8 @@ export default async function Home() {
</section>
)}
<HomepageFaq settings={settings} />
<section className="relative overflow-hidden bg-[var(--navy)] py-20 text-white">
<div className="absolute -left-20 top-0 size-96 rounded-full bg-[var(--sky)]/20 blur-3xl" aria-hidden />
<div className="relative mx-auto max-w-4xl px-6 text-center">
+43
View File
@@ -7,6 +7,23 @@ import { marked } from "marked";
import { getProjectBySlug, listProjects } from "@/lib/data";
import { buildMetadata } from "@/lib/seo";
import { Gallery } from "@/components/gallery";
import { TrendingUp } from "lucide-react";
import type { ProjectMetric } from "@/lib/types";
function parseMetrics(items?: string[] | null): ProjectMetric[] {
if (!items) return [];
const out: ProjectMetric[] = [];
for (const raw of items) {
try {
const obj = JSON.parse(raw) as Partial<ProjectMetric>;
if (obj.value && obj.label) out.push({ value: obj.value, label: obj.label });
} catch {
const [value, label] = raw.split("|").map((s) => s.trim());
if (value && label) out.push({ value, label });
}
}
return out;
}
export async function generateMetadata({
params,
@@ -41,6 +58,8 @@ export default async function ProjectDetailPage({
? (marked.parse(project.content, { async: false }) as string)
: "";
const metrics = parseMetrics(project.metrics);
const meta: { icon: React.ReactNode; label: string; value: string }[] = [];
if (project.client_name)
meta.push({ icon: <Building2 className="size-4" />, label: "Müşteri", value: project.client_name });
@@ -140,6 +159,30 @@ export default async function ProjectDetailPage({
/>
</div>
)}
{metrics.length > 0 && (
<div className="mt-10">
<p className="flex items-center gap-1.5 text-xs font-semibold uppercase tracking-[0.18em] text-[var(--sky-600)]">
<TrendingUp className="size-3.5" />
Sonuçlar
</p>
<div className="mt-4 grid gap-4 sm:grid-cols-2 lg:grid-cols-4">
{metrics.map((m, i) => (
<div
key={i}
className="rounded-2xl border border-[var(--border)] bg-gradient-to-br from-white to-[var(--sky-50)]/40 p-6"
>
<p className="text-3xl font-bold text-[var(--navy)] md:text-4xl">
{m.value}
</p>
<p className="mt-1 text-xs text-[var(--muted)]">
{m.label}
</p>
</div>
))}
</div>
</div>
)}
</div>
</section>
+210
View File
@@ -0,0 +1,210 @@
import Image from "next/image";
import Link from "next/link";
import type { Metadata } from "next";
import { notFound } from "next/navigation";
import { ArrowRight, ArrowLeft, CheckCircle2 } from "lucide-react";
import { marked } from "marked";
import {
getIndustryBySlug,
listProjects,
listServices,
getSiteSettings,
} from "@/lib/data";
import { buildMetadata } from "@/lib/seo";
import { ProjectsGrid } from "@/components/projects-grid";
import { ServicesGrid } from "@/components/services-grid";
import { TrustBand } from "@/components/trust-band";
import { Guarantee } from "@/components/guarantee";
import { QuickLeadForm } from "@/components/quick-lead-form";
import { FaqList } from "@/components/faq-list";
import { FaqLd } from "@/components/json-ld";
import { SectionTitle } from "@/components/section-title";
import type { FaqItem } from "@/lib/types";
export async function generateMetadata({
params,
}: {
params: Promise<{ slug: string }>;
}): Promise<Metadata> {
const { slug } = await params;
const industry = await getIndustryBySlug(slug);
if (!industry) return { title: "Sektör bulunamadı" };
return buildMetadata(`/sektor/${slug}`, {
title: industry.seo_title || industry.title,
description: industry.seo_description || industry.subtitle || undefined,
});
}
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 default async function IndustryPage({
params,
}: {
params: Promise<{ slug: string }>;
}) {
const { slug } = await params;
const industry = await getIndustryBySlug(slug);
if (!industry) notFound();
const [services, projects, settings] = await Promise.all([
listServices(),
listProjects({ limit: 6 }),
getSiteSettings(),
]);
const faqItems = parseFaq(industry.faq);
const html = industry.content
? (marked.parse(industry.content, { async: false }) as string)
: "";
return (
<>
<FaqLd items={faqItems} />
<section className="relative overflow-hidden border-b border-[var(--border)]">
<div className="absolute inset-0 hero-grid opacity-50" aria-hidden />
<div className="relative mx-auto max-w-7xl px-6 py-20">
<Link
href="/"
className="inline-flex items-center gap-1 text-sm text-[var(--muted)] hover:text-[var(--navy)]"
>
<ArrowLeft className="size-3.5" /> Anasayfa
</Link>
<div className="mt-6 grid items-center gap-12 lg:grid-cols-[1.2fr_1fr]">
<div>
<span className="inline-flex items-center gap-2 rounded-full border border-[var(--sky)]/30 bg-[var(--sky-50)] px-3 py-1 text-xs font-medium text-[var(--sky-600)]">
Sektöre özel çözüm
</span>
<h1 className="mt-5 text-4xl font-bold leading-tight tracking-tight text-[var(--navy)] sm:text-5xl">
{industry.title}
</h1>
{industry.subtitle && (
<p className="mt-5 max-w-xl text-lg leading-relaxed text-[var(--muted)]">
{industry.subtitle}
</p>
)}
<div className="mt-8 flex flex-col gap-3 sm:flex-row">
<Link
href="/iletisim"
className="inline-flex items-center justify-center gap-2 rounded-full bg-[var(--navy)] px-6 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>
<Link
href="/site-analizi"
className="inline-flex items-center justify-center gap-2 rounded-full border border-[var(--border)] bg-white px-6 py-3 text-sm font-medium text-[var(--navy)] transition hover:border-[var(--navy)]"
>
Ücretsiz site analizi
</Link>
</div>
</div>
<div className="lg:pl-6">
<QuickLeadForm
title="Sektörünüze özel teklif"
description="Adınızı ve telefonunuzu bırakın, sektör uzmanımız 30 dakika içinde sizi arasın."
buttonLabel="Beni hemen arayın"
/>
</div>
</div>
</div>
</section>
<TrustBand settings={settings} />
{industry.features && industry.features.length > 0 && (
<section className="border-b border-[var(--border)] py-20">
<div className="mx-auto max-w-7xl px-6">
<SectionTitle
eyebrow="Neler dahil?"
title="Sektörünüze uygun, hazır çözümler"
description={`${industry.title} alanında deneyimimizle geliştirdiğimiz fonksiyonlar.`}
/>
<ul className="mt-12 grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
{industry.features.map((f) => (
<li
key={f}
className="flex items-start gap-2 rounded-2xl border border-[var(--border)] bg-white p-5"
>
<CheckCircle2 className="mt-0.5 size-5 shrink-0 text-[var(--sky-600)]" />
<span className="text-sm text-[var(--foreground)]">{f}</span>
</li>
))}
</ul>
</div>
</section>
)}
{html && (
<section className="py-16">
<div className="mx-auto max-w-3xl px-6">
<article
className="prose prose-lg max-w-none text-[var(--foreground)]"
dangerouslySetInnerHTML={{ __html: html }}
/>
</div>
</section>
)}
<Guarantee settings={settings} />
{projects.length > 0 && (
<section className="border-y border-[var(--border)] py-20">
<div className="mx-auto max-w-7xl px-6">
<SectionTitle
eyebrow="Referanslar"
title="Benzer projelerimiz"
description="Sektörünüz veya benzer alanlarda tamamladığımız işler."
/>
<div className="mt-12">
<ProjectsGrid projects={projects} />
</div>
</div>
</section>
)}
{services.length > 0 && (
<section className="py-20">
<div className="mx-auto max-w-7xl px-6">
<SectionTitle
eyebrow="Hizmetler"
title="Sunduğumuz çözümler"
description="Sektörünüze uygun hizmet paketlerimiz."
/>
<div className="mt-12">
<ServicesGrid services={services} />
</div>
</div>
</section>
)}
{faqItems.length > 0 && (
<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]">
<SectionTitle
align="left"
eyebrow="SSS"
title={`${industry.title} sektörü soruları`}
/>
<FaqList items={faqItems} />
</div>
</section>
)}
</>
);
}
+137
View File
@@ -0,0 +1,137 @@
import type { Metadata } from "next";
import { Search, Gauge, Smartphone, TrendingUp, Lock, FileText } from "lucide-react";
import { AuditForm } from "@/components/audit-form";
import { buildMetadata } from "@/lib/seo";
export async function generateMetadata(): Promise<Metadata> {
return buildMetadata("/site-analizi", {
title: "Ücretsiz Site Analizi",
description:
"Web sitenizin SEO, hız, mobil uyumluluk ve dönüşüm performansını ölçen ücretsiz analiz raporu. 24 saat içinde e-postanıza.",
});
}
const CHECKS = [
{
icon: Gauge,
title: "Sayfa hızı (Core Web Vitals)",
description: "LCP, INP, CLS skorları + iyileştirme önerileri.",
},
{
icon: Smartphone,
title: "Mobil uyumluluk",
description: "Mobile-friendly testi + responsive sorunları.",
},
{
icon: TrendingUp,
title: "SEO temelleri",
description: "Meta etiketler, schema, sitemap, internal linking analizi.",
},
{
icon: Lock,
title: "Güvenlik & SSL",
description: "HTTPS, güvenlik başlıkları, açık güvenlik açıkları taraması.",
},
{
icon: FileText,
title: "İçerik kalitesi",
description: "Heading yapısı, alt text, içerik uzunluğu, okunabilirlik.",
},
{
icon: Search,
title: "Rakip karşılaştırması",
description: "Sektörünüzdeki 2-3 rakiple anahtar metriklerin kıyaslanması.",
},
];
export default function AuditPage() {
return (
<>
<section className="relative overflow-hidden">
<div className="absolute inset-0 hero-grid opacity-50" aria-hidden />
<div className="absolute -right-32 top-1/2 -z-0 size-[420px] -translate-y-1/2 rounded-full bg-gradient-to-br from-[var(--sky)]/20 to-transparent blur-3xl" aria-hidden />
<div className="relative mx-auto grid max-w-7xl items-start gap-12 px-6 py-20 lg:grid-cols-[1.1fr_1fr]">
<div>
<span className="inline-flex items-center gap-2 rounded-full border border-[var(--sky)]/30 bg-[var(--sky-50)] px-3 py-1 text-xs font-medium text-[var(--sky-600)]">
Ücretsiz taahhüt yok
</span>
<h1 className="mt-5 text-4xl font-bold leading-tight tracking-tight text-[var(--navy)] sm:text-5xl">
Web sitenizin <span className="gradient-text">satış kapasitesini</span> 24 saatte ölçelim
</h1>
<p className="mt-5 max-w-xl text-lg leading-relaxed text-[var(--muted)]">
Mevcut sitenizin SEO, hız, mobil uyumluluk ve dönüşüm
performansını analiz edip, neyin daha çok müşteri getireceğini
net bir raporla gösteriyoruz.
</p>
<ul className="mt-8 space-y-2.5 text-sm text-[var(--foreground)]">
<li className="flex items-start gap-2">
<span className="mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-full bg-[var(--sky-50)] text-xs text-[var(--sky-600)]">
</span>
Sitenizin Google'da neden yeterince görünmediği
</li>
<li className="flex items-start gap-2">
<span className="mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-full bg-[var(--sky-50)] text-xs text-[var(--sky-600)]">
</span>
Ziyaretçi neden müşteriye dönüşmüyor somut nedenler
</li>
<li className="flex items-start gap-2">
<span className="mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-full bg-[var(--sky-50)] text-xs text-[var(--sky-600)]">
</span>
Rakiplerinize göre hangi alanlarda gerideniz
</li>
<li className="flex items-start gap-2">
<span className="mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-full bg-[var(--sky-50)] text-xs text-[var(--sky-600)]">
</span>
Öncelikli iyileştirme listesi (etki/efor matrisli)
</li>
</ul>
</div>
<div className="rounded-2xl border border-[var(--border)] bg-white p-6 shadow-xl shadow-[var(--navy)]/5 sm:p-8">
<AuditForm />
</div>
</div>
</section>
<section className="border-y border-[var(--border)] bg-[var(--navy-50)]/40 py-20">
<div className="mx-auto max-w-7xl px-6">
<h2 className="text-2xl font-bold text-[var(--navy)] sm:text-3xl">
Raporda neler var?
</h2>
<p className="mt-2 max-w-2xl text-sm text-[var(--muted)]">
Otomatik araç çıktısı değil uzmanlarımızın değerlendirdiği,
önceliklendirilmiş ve eyleme dökülebilir bir doküman.
</p>
<div className="mt-10 grid gap-6 sm:grid-cols-2 lg:grid-cols-3">
{CHECKS.map((c) => {
const Icon = c.icon;
return (
<div
key={c.title}
className="rounded-2xl border border-[var(--border)] bg-white p-6"
>
<div className="flex size-11 items-center justify-center rounded-xl bg-[var(--navy-50)] text-[var(--navy)]">
<Icon className="size-5" />
</div>
<h3 className="mt-4 text-base font-semibold text-[var(--navy)]">
{c.title}
</h3>
<p className="mt-1 text-sm leading-relaxed text-[var(--muted)]">
{c.description}
</p>
</div>
);
})}
</div>
</div>
</section>
</>
);
}