"use client"; import { motion, useScroll, useTransform } from "framer-motion"; import { useRef } from "react"; import type { DemoData } from "@/data/demos"; import AnimatedCounter from "@/components/ui/AnimatedCounter"; const easeOutExpo = [0.16, 1, 0.3, 1] as [number, number, number, number]; const fadeUp = { hidden: { opacity: 0, y: 40 }, show: { opacity: 1, y: 0, transition: { duration: 0.7, ease: easeOutExpo } }, }; const stagger = { hidden: {}, show: { transition: { staggerChildren: 0.1 } } }; export default function KurumsalTemplate({ data }: { data: DemoData }) { const { firma, istatistikler, hizmetler, yorumlar, projeler = [], ekip = [] } = data; const heroRef = useRef(null); const { scrollYProgress } = useScroll({ target: heroRef, offset: ["start start", "end start"] }); const heroY = useTransform(scrollYProgress, [0, 1], ["0%", "20%"]); return (
{/* ── HEADER ── */}
{firma.logoEmoji}
{firma.adi}
Teklif Al
{/* ── HERO ── */}
{/* Subtle grid pattern */}
{firma.sehir} · {istatistikler[0]?.deger} Lojistik Hizmeti Lojistikte
Yeni Nesil Ağı.
{firma.slogan}. Tedarik zincirinizin uçtan uca akışını optimize etmek için geliştirilmiş son derece güvenli ve anlık takip edilebilen operasyon sistemleri. Teklif Al → Referanslar {/* Stats row */} {istatistikler.map((s, i) => (
{s.etiket}
))}
{/* Bento grid right side */} {hizmetler.slice(0, 4).map((h, i) => (
{h.ikon}

{h.baslik}

{h.aciklama}

))}
{/* ── HİZMETLER TAM ── */}
Uçtan Uca Çözümler

Kapsamlı Lojistik Paketi

Operasyonel mükemmeliyetçiliği temel alan depolama, yurt içi dağıtım ve anlık takip sistemlerimizle tedarik zincirinize tam entegrasyon sunuyoruz.

{hizmetler.map((h, i) => (
{h.ikon}

{h.baslik}

{h.aciklama}

))}
{/* ── REFERANSLAR ── */}
Güçlü Referanslar

Birlikte Yol Aldıklarımız

{projeler.map((p, i) => (
{p.ikon}

{p.baslik}

{p.sektor}

{p.aciklama}

))}
{/* ── EKİP ── */} {ekip.length > 0 && (
Operasyon Liderleri

Yönetim Ekibimiz

{ekip.map((k, i) => (
{k.emoji}

{k.ad}

{k.rol}

))}
)} {/* ── YORUMLAR ── */}
Müşteri Deneyimleri

Ortaklarımız Ne Söylüyor?

{yorumlar.map((y, i) => (
{[...Array(y.puan)].map((_, j) => ( ))}

“{y.yorum}”

{y.emoji}

{y.yazar}

{y.tarih}

))}
{/* ── İLETİŞİM ── */}
Operational Blueprint

Birlikte Değer Katalım

Hacminiz ve operasyon sıklığınız ne olursa olsun, lojistik süreçlerinizi en güvenli hatlarla optimize etmek üzere teklif isteyin.

📞 {firma.telefon} ✉️ {firma.email}
{/* ── FOOTER ── */}

© 2026 {firma.adi}. Tüm hakları saklıdır.

Gizlilik Politikası

); }