- {/* Phone — pill modunda gizlenir (header-scroll.tsx) */}
+ {/* Phone — full mode (XL) */}
{phone}
+ {/* "Ara" — pill mode'da görünür, kompakt */}
+
+
+ Ara
+
+ {/* Subtle grid + glow */}
+
+
+
+
+
+
Tüm hizmetler
+
+
+
+ {/* Left — content */}
+
+
+
+
+
+ Profesyonel hizmet
+
+
+
+
+ {service.title}
+
+
+ {service.description}
+
+
+ {/* Quick trust strip */}
+
+ {QUICK_TRUST.map((it) => (
+ -
+
+ {it}
+
+ ))}
+
+
+
+
+
+ {/* Right — hero card */}
+
+ {service.hero_image ? (
+
+
+ {/* Floating badge */}
+
+
+ Şimdi başla
+
+
+ İlk tasarım taslağı ücretsiz
+
+
+
+ ) : (
+
+ )}
+
+
+
+
+ );
+}
+
+function DecorativeServiceCard({ service }: { service: ServiceRow }) {
+ return (
+
+ {/* Outer gradient frame */}
+
+
+ {/* Animated dots */}
+
+
+ {/* Glow */}
+
+
+ {/* Card content */}
+
+
+
+
+
+
+
+ kovak.yazilim
+
+
+ {service.title}
+
+
+ Sektörünüze özel, profesyonel çözüm.
+
+
+
+ {/* Bottom badges */}
+
+
+ ⚡ Hızlı
+
+
+ 🛡️ Garantili
+
+
+ 📞 7/24 Destek
+
+
+
+
+
+
+ {/* Floating accent */}
+
+
+
+
+ );
+}
diff --git a/components/service-sidebar.tsx b/components/service-sidebar.tsx
new file mode 100644
index 0000000..48df19d
--- /dev/null
+++ b/components/service-sidebar.tsx
@@ -0,0 +1,146 @@
+import Link from "next/link";
+import { ArrowRight, MessageCircle, Phone, ShieldCheck } from "lucide-react";
+import { Icon } from "@/components/icon";
+import {
+ getSiteSettings,
+ listServices,
+} from "@/lib/data";
+import { siteConfig } from "@/lib/site-config";
+import { QuickLeadForm } from "@/components/quick-lead-form";
+
+export async function ServiceSidebar({
+ currentSlug,
+}: {
+ currentSlug: string;
+}) {
+ const [settings, services] = await Promise.all([
+ getSiteSettings(),
+ listServices(),
+ ]);
+
+ const otherServices = services.filter((s) => s.slug !== currentSlug).slice(0, 6);
+
+ const phoneRaw = settings?.contact_phone_raw ?? siteConfig.contact.phoneRaw;
+ const phone = settings?.contact_phone ?? siteConfig.contact.phone;
+ const wa = phoneRaw.replace(/[^\d]/g, "");
+ const waMessage = settings?.whatsapp_message ?? "";
+ const waHref = `https://wa.me/${wa}${
+ waMessage ? `?text=${encodeURIComponent(waMessage)}` : ""
+ }`;
+
+ return (
+
+ );
+}