"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import FaqBase from "@/components/sections/faq/FaqBase";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { CheckCircle, HelpCircle } from "lucide-react";

export default function ServicesPage() {
  const navItems = [
    { name: "Hizmetler", id: "services" },
    { name: "Araçlarımız", id: "products" },
    { name: "Neden Biz", id: "metrics" },
    { name: "SSS", id: "faq" },
    { name: "İletişim", id: "contact" },
  ];

  const footerColumns = [
    {
      items: [
        { label: "Ana Sayfa", href: "/" },
        { label: "Hakkımızda", href: "/hakkimizda" },
        { label: "Hizmetler", href: "/hizmetler" },
        { label: "Ürünler", href: "/urunler" },
      ],
    },
    {
      items: [
        { label: "Kiralama", href: "/hizmetler#kiralama" },
        { label: "Satış", href: "/urunler" },
        { label: "Servis", href: "/hizmetler#servis" },
        { label: "Bakım", href: "/hizmetler#bakim" },
      ],
    },
    {
      items: [
        { label: "Sık Sorulan Sorular", href: "#faq" },
        { label: "İletişim", href: "/iletisim" },
        { label: "Gizlilik Politikası", href: "#" },
        { label: "Kullanım Şartları", href: "#" },
      ],
    },
    {
      items: [
        { label: "Bize Yazın", href: "mailto:info@timforklift.com.tr" },
        { label: "Çağrı Merkezi", href: "tel:+901234567890" },
        { label: "Acil Servis", href: "tel:+901234567890" },
        { label: "Ticaret Mühendisliği", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="compact"
      sizing="medium"
      background="blurBottom"
      cardStyle="glass-depth"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="Tim Forklift" navItems={navItems} />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Hizmetlerimiz - Tam Kapsamlı Çözümler"
          description="Forklift kiralama, satış, bakım ve revizyon hizmetlerinde uzman. Her ihtiyaca uygun, güvenilir ve profesyonel çözümler sunuyoruz."
          background={{ variant: "animated-grid" }}
          tag="Profesyonel Hizmetler"
          tagIcon={CheckCircle}
          buttons={[
            { text: "İletişime Geçin", href: "/iletisim" },
            { text: "Teklif İsteyin", href: "/iletisim" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg?_wi=4"
          imageAlt="Forklift Hizmetleri"
        />
      </div>

      <div id="services-detail" data-section="services-detail">
        <FeatureCardNine
          title="Hizmet Alanlarımız"
          description="Forklift ve istifleme ekipmanlarında tam kapsamlı çözümleri sunuyoruz. Satış, kiralama, bakım, revizyon ve yedek parça konusunda uzmunuz."
          tag="Tam Kapsamlı Hizmetler"
          tagIcon={CheckCircle}
          features={[
            {
              id: 1,
              title: "Satış ve Kiralama",              description: "Tüm markalardan forklift satış ve aylık/yıllık esnek kiralama seçenekleri. Her ihtiyaca uygun çözümler ve finansal opsiyonlar sunuyoruz.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/forklift-operator-loading-cargo-while-working-warehouse-his-colleagues-are-background_637285-4210.jpg?_wi=5"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/factory-worker-protective-suit-with-hardhat-driving-forklift_342744-43.jpg?_wi=6"},
            },
            {
              id: 2,
              title: "Satış Sonrası Güçlü Servis",              description: "Sattığımız her ürünün arkasında duruyoruz. Periyodik bakım, revizyon ve 2. el hizmetleri Türkiye genelinde garantili olarak sunarız.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-blue-car-garage-with-tools_1157-46532.jpg?_wi=6"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workers-checking-inventory-large-distribution-warehouse-storage_342744-1538.jpg?_wi=5"},
            },
            {
              id: 3,
              title: "Gezici Servis Ağı",              description: "2.800+ aktif makineye hizmet veren Türkiye geneli gezici servis ağımız. Acil durumlarda 2 saat içinde hızlı müdahale garantisi.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-repairs-blue-car-garage-with-tools_1157-46532.jpg?_wi=7"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workers-checking-inventory-large-distribution-warehouse-storage_342744-1538.jpg?_wi=6"},
            },
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Hizmetler Hakkında Sık Sorulan Sorular"
          description="Kiralama seçenekleri, servis hizmetleri ve teknik detaylar hakkında merak ettiklerinizi yanıtlıyoruz."
          tag="Bilgiler"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "1",              title: "Hangi kiralama seçenekleri mevcut?",              content: "Aylık, yıllık ve esnek kiralama seçenekleri sunuyoruz. 1.5T ile 3.5T arası kapasitelerde akülü, lityum ve motorlu modeller mevcuttur. Hızlı teslimat ve kurulum hizmeti sağlarız."},
            {
              id: "2",              title: "Satış sonrası hizmetler nelerdir?",              content: "Sattığımız her forklift 2 yıl garanti ile gelir. Periyodik bakım ve revizyon hizmetleri bizim sorumluluğumuzda. Türkiye genelinde gezici servis ekibimiz acil durumlarda hızlı müdahale sağlar."},
            {
              id: "3",              title: "Tüm markalar için servis yapıyor musunuz?",              content: "Evet, Toyota, Hyster, Yale, Linde, BYD, Heli ve diğer tüm markalardan forklift satırız. Kiralama seçeneklerimiz de tüm markalar için mevcuttur. Yedek parça tedariki ve servis tüm markalarda garantilidir."},
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          faqsAnimation="slide-up"
          animationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis logoText="Tim Forklift A.Ş." columns={footerColumns} />
      </div>
    </ThemeProvider>
  );
}