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:
@@ -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 },
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
@@ -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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user