"use client";

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

export default function AboutPage() {
  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="about-main" data-section="about-main">
        <SplitAbout
          title="Şirketimizin Hikayesi"
          description="Yirmi yıldan fazla bir süredir, dijital dönüşümün öncüsü olarak işletmeleri başarıya taşıyoruz. Müşteri odaklı yaklaşımımız ve inovatif çözümlerimiz, bizimi sektörde güvenilir bir partner haline getirmiştir."
          tag="Misyon & Vizyon"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          imagePosition="right"
          imageSrc="http://img.b2bpic.net/free-photo/multiethnic-coworkers-looking-revenue-figures-tablet-diverse-office_482257-126319.jpg"
          imageAlt="Şirket misyonu"
          mediaAnimation="slide-up"
          bulletPoints={[
            {
              title: "Misyon",
              description: "İşletmelere dijital çözümler sunarak kalkınmalarına katılmak",
              icon: Lightbulb,
            },
            {
              title: "Vizyon",
              description: "Teknoloji ve inovasyonda global bir lider olmak",
              icon: Users,
            },
            {
              title: "Değerler",
              description: "Müşteri memnuniyeti, güvenilirlik ve sürekli gelişim",
              icon: Heart,
            },
          ]}
          buttons={[{ text: "Ekibimizi Tanıyın", href: "/hakkimizda" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="values" data-section="values">
        <FeatureCardSeven
          title="Kurumsal Değerlerimiz"
          description="Başarımızın temelini oluşturan temel ilkeler ve değerlerimiz"
          tag="Değerler"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="blur-reveal"
          features={[
            {
              id: 1,
              title: "Müşteri Memnuniyeti",
              description:
                "Müşteri ihtiyaçlarını anlama ve beklentileri aşan çözümler geliştirme konusunda kararlıyız.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
              imageAlt: "Müşteri memnuniyeti",
            },
            {
              id: 2,
              title: "İnovasyon",
              description:
                "Teknolojinin sınırlarını zorlamak ve yeni fikirler geliştirmek bizim DNA'mızdır.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/ideas-light-bulb-creativity-imagination-inspiration-concept_53876-147720.jpg",
              imageAlt: "İnovasyon ve yaratıcılık",
            },
            {
              id: 3,
              title: "Etik ve Sorumluluk",
              description:
                "Şeffaflık, dürüstlük ve sosyal sorumluluk tüm faaliyetlerimizin merkezindedir.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
              imageAlt: "Etik ve sorumluluk",
            },
          ]}
        />
      </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>
  );
}