"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Award, Zap, Shield } from "lucide-react";

export default function ServicesPage() {
  const navItemsForNavbar = [
    { name: "Ana Sayfa", id: "/" },
    { name: "Hakkımızda", id: "/hakkimizda" },
    { name: "Hizmetler", id: "/hizmetler" },
    { name: "Ürünler", id: "/urunler" },
    { name: "SSS", id: "/iletisim" },
    { name: "Haberler", id: "/haberler" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={navItemsForNavbar}
          button={{ text: "İletişim", href: "/iletisim" }}
          brandName="Şirketim"
        />
      </div>

      <div id="services-intro" data-section="services-intro">
        <SplitAbout
          title="Hizmet Portföyümüz"
          description="Kurumsal başarının tüm unsurlarını kapsayan kapsamlı hizmet yelpazesi. İşletmenizin benzersiz ihtiyaçlarına uygun özel çözümler sunuyoruz."
          tag="Hizmetler"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          imagePosition="left"
          imageSrc="http://img.b2bpic.net/free-photo/multiethnic-coworkers-looking-revenue-figures-tablet-diverse-office_482257-126319.jpg"
          imageAlt="Hizmetler"
          mediaAnimation="slide-up"
          bulletPoints={[
            {
              title: "Geniş Kapsam",
              description: "Danışmanlıktan uygulamaya kadar tüm alanlarda destek",
              icon: Award,
            },
            {
              title: "Uzman Ekip",
              description: "Sektör deneyimine sahip profesyonel danışmanlar",
              icon: Zap,
            },
            {
              title: "Sonuç Odaklı",
              description: "Ölçülebilir sonuçlar ve uzun vadeli başarı",
              icon: Shield,
            },
          ]}
          buttons={[{ text: "Teklif İsteyin", href: "/iletisim" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="services-detailed" data-section="services-detailed">
        <FeatureCardSeven
          title="Sunduğumuz Hizmetler"
          description="Kapsamlı kurumsal çözümler ile işletmenizin tüm ihtiyaçlarını karşılıyoruz"
          tag="Hizmetler Detayı"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="blur-reveal"
          features={[
            {
              id: 1,
              title: "Kurumsal Danışmanlık",
              description:
                "İşletmenizin stratejik hedeflerine ulaşmak için kapsamlı danışmanlık hizmetleri ve uzman rehberliği sağlıyoruz.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/male-executive-explaining-graph_1098-2160.jpg",
              imageAlt: "Danışmanlık hizmeti",
            },
            {
              id: 2,
              title: "Dijital Tasarım",
              description:
                "Profesyonel ve kullanıcı dostu dijital arayüzler tasarlayarak markanızı güçlü şekilde sunuyoruz.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/ideas-light-bulb-creativity-imagination-inspiration-concept_53876-147720.jpg",
              imageAlt: "Tasarım çözümleri",
            },
            {
              id: 3,
              title: "Teknoloji Desteği",
              description:
                "7/24 teknik destek ve sorun çözme hizmetleri ile sistem güvenilirliğinizi sağlıyoruz.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/sales-assistant-being-employed-customer-care-support-job-working-telemarketing-call-center-helpdesk-female-receptionist-with-helpline-service-helping-clients-remote-communication_482257-43021.jpg",
              imageAlt: "Teknik destek",
            },
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Şirketim"
          columns={[
            {
              title: "Ürün",
              items: [
                { label: "Hizmetler", href: "/hizmetler" },
                { label: "Paketler", href: "/urunler" },
                { label: "Fiyatlandırma", href: "/urunler" },
              ],
            },
            {
              title: "Şirket",
              items: [
                { label: "Hakkımızda", href: "/hakkimizda" },
                { label: "Projeler", href: "/" },
                { label: "Haberler", href: "/haberler" },
              ],
            },
            {
              title: "Destek",
              items: [
                { label: "SSS", href: "/iletisim" },
                { label: "İletişim", href: "/iletisim" },
                { label: "Dokümanlar", href: "/" },
              ],
            },
            {
              title: "Yasal",
              items: [
                { label: "Gizlilik Politikası", href: "/" },
                { label: "Kullanım Şartları", href: "/" },
                { label: "İletişim Bilgisi", href: "/iletisim" },
              ],
            },
          ]}
          copyrightText="© 2024 | Şirketim. Tüm Hakları Saklıdır."
        />
      </div>
    </ThemeProvider>
  );
}