"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
import SplitAbout from "@/components/sections/about/SplitAbout";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import { Sparkles, Award, Zap, Shield, Building2, BarChart3, Settings, CheckCircle, Users, TrendingUp, Mail } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { 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" },
  ];

  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" },
  ];

  const handleEmailSubmit = (email: string) => {
    console.log("Email submitted:", email);
  };

  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="hero" data-section="hero">
        <HeroBillboardDashboard
          title="Dijital Çözümlerin Gücü"
          description="İşletmenizi yeni seviyelere taşıyan kurumsal hizmetler ve çözümler. Başarı için gereken her şey burada."
          tag="Hoş Geldiniz"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Hizmetleri Keşfet", href: "/hizmetler" },
            { text: "İletişime Geç", href: "/iletisim" },
          ]}
          buttonAnimation="slide-up"
          dashboard={{
            title: "Kurumsal İstatistikler",
            logoIcon: Building2,
            imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-computer-with-data-charts-management-strategy-corporate-office-entrepreneur-using-technology-monitor-research-analysis-design-planning_482257-32048.jpg",
            searchPlaceholder: "Arama yapınız...",
            buttons: [
              { text: "Detaylar", href: "#" },
              { text: "İndir", href: "#" },
            ],
            sidebarItems: [
              { icon: Building2 },
              { icon: BarChart3 },
              { icon: Settings },
            ],
            stats: [
              {
                title: "Müşteri Memnuniyeti",
                values: [94, 96, 98],
                valuePrefix: "%",
                description: "Ortalama başarı oranı",
              },
              {
                title: "Tamamlanan Projeler",
                values: [145, 178, 203],
                description: "Başarılı görevler",
              },
              {
                title: "Aktif Takımlar",
                values: [12, 15, 18],
                description: "Profesyonel ekip üyesi",
              },
            ],
            chartTitle: "Aylık Performans",
            chartData: [
              { value: 65 },
              { value: 78 },
              { value: 85 },
              { value: 92 },
              { value: 88 },
            ],
            listTitle: "Son İşlemler",
            listItems: [
              { icon: CheckCircle, title: "Proje Tamamlandı", status: "Başarılı" },
              { icon: Users, title: "Yeni Takım Üyesi", status: "Aktif" },
              { icon: TrendingUp, title: "Ciro Artışı", status: "İyileştirildi" },
            ],
          }}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Hakkımızda"
          description="Yirmi yıldan fazla deneyim ile kurumsal çözümler sunuyor, işletmelerin dijital dönüşümüne öncülük ediyoruz. Müşteri odaklı yaklaşımımız ve inovatif stratejilerimiz bizi sektörde öncü konuma getirmiştir."
          tag="Kurumsal Kimlik"
          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 hakkında"
          mediaAnimation="slide-up"
          bulletPoints={[
            {
              title: "Deneyim",
              description: "20+ yıllık sektör deneyimi ve güvenilir hizmet sunumu",
              icon: Award,
            },
            {
              title: "İnovasyon",
              description: "Son teknolojiler ile sürekli gelişen çözümler",
              icon: Zap,
            },
            {
              title: "Güvenilirlik",
              description: "Müşteri memnuniyeti ve uzun vadeli ortaklıklar",
              icon: Shield,
            },
          ]}
          buttons={[{ text: "Daha Fazla Bilgi", href: "/hakkimizda" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSeven
          title="Sunduğumuz Hizmetler"
          description="Kapsamlı kurumsal çözümler ile işletmenizin tüm ihtiyaçlarını karşılıyoruz"
          tag="Hizmetler"
          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",
            },
            {
              id: 4,
              title: "Sistem Bakımı",
              description:
                "Düzenli sistem bakımı ve güncelleme hizmetleri ile teknolojik altyapınızı optimal seviyelerde tutuyoruz.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/server-hub-technicians-identify-hardware-issues-with-predictive-machine-learning_482257-130543.jpg",
              imageAlt: "Bakım hizmetleri",
            },
          ]}
        />
      </div>

      <div id="projects" data-section="projects">
        <ProductCardOne
          title="Başarılı Projelerimiz"
          description="Çeşitli sektörlerde başarıyla tamamladığımız projelerimiz"
          tag="Portfolio"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",
              name: "E-Ticaret Platformu",
              price: "50K+ Başarılı İşlem",
              imageSrc:
                "http://img.b2bpic.net/free-photo/working-office_1150-122.jpg",
              imageAlt: "E-ticaret projesi",
            },
            {
              id: "2",
              name: "Yönetim Sistemi",
              price: "30+ Kurumsal Müşteri",
              imageSrc:
                "http://img.b2bpic.net/free-photo/working-office_1150-122.jpg",
              imageAlt: "Yönetim sistem projesi",
            },
            {
              id: "3",
              name: "Mobil Uygulama",
              price: "100K+ İndirme",
              imageSrc:
                "http://img.b2bpic.net/free-photo/workspace-with-note-brick-wall_53876-31266.jpg",
              imageAlt: "Mobil uygulama projesi",
            },
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <PricingCardOne
          title="Ürün ve Çözümler"
          description="Farklı bütçe ve ihtiyaçlara uygun paket seçenekleri"
          tag="Fiyatlandırma"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          plans={[
            {
              id: "basic",
              badge: "Başlangıç",
              badgeIcon: Sparkles,
              price: "₺5.000",
              subtitle: "Küçük işletmeler için ideal",
              features: [
                "Temel danışmanlık",
                "Email desteği",
                "Aylık raporlar",
                "Güvenlik güncellemeleri",
              ],
            },
            {
              id: "pro",
              badge: "Popüler",
              badgeIcon: Award,
              price: "₺15.000",
              subtitle: "En çok tercih edilen paket",
              features: [
                "Kapsamlı danışmanlık",
                "Öncelikli destek",
                "Haftalık raporlar",
                "Sistem optimizasyonu",
                "Eğitim sunumları",
              ],
            },
            {
              id: "enterprise",
              badge: "Enterprise",
              badgeIcon: Shield,
              price: "₺50.000+",
              subtitle: "Büyük kuruluşlar için",
              features: [
                "Özel danışmanlık ekibi",
                "7/24 telefon desteği",
                "Gerçek zamanlı analitik",
                "Özelleştirilmiş çözümler",
                "Adanmış account manager",
              ],
            },
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Müşterilerimizin Görüşleri"
          description="Başarılı ortaklıklarımız ve müşteri memnuniyetimiz"
          tag="Referanslar"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          testimonials={[
            {
              id: "1",
              title: "Harika Danışmanlık Hizmeti",
              quote:
                "Şirketimizin dijital dönüşümü süreci çok kolaylaştı. Profesyonel ekibin rehberliğinde hedeflerimize kısa sürede ulaştık.",
              name: "Ahmet Yılmaz",
              role: "İcra Kurulu Başkanı",
              imageSrc:
                "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
              imageAlt: "Ahmet Yılmaz",
            },
            {
              id: "2",
              title: "İlişkili ve Güvenilir Partner",
              quote:
                "Yıllardan beri birlikte çalışıyoruz ve hiçbir sorunla karşılaşmadık. Destek ekipleri her zaman hazır.",
              name: "Ayşe Kaya",
              role: "Operasyon Müdürü",
              imageSrc:
                "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
              imageAlt: "Ayşe Kaya",
            },
            {
              id: "3",
              title: "Teknoloji Konusunda Uzman",
              quote:
                "Son teknolojiler konusunda onlardan daha iyi tavsiye alan yok. Çok memnunuz ve tavsiye ediyoruz.",
              name: "Mehmet Demir",
              role: "CTO",
              imageSrc:
                "http://img.b2bpic.net/free-vector/hand-drawn-people-avatar-collection_23-2148074529.jpg",
              imageAlt: "Mehmet Demir",
            },
            {
              id: "4",
              title: "Müthiş Sonuçlar Aldık",
              quote:
                "Verilen sonuçlar beklentilerimizi aştı. ROI açısından en iyi yatırımımız oldu.",
              name: "Fatma Çetin",
              role: "Pazarlama Direktörü",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Fatma Çetin",
            },
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Sıkça Sorulan Sorular"
          sideDescription="Hizmetlerimiz hakkında bilmeniz gereken her şey"
          textPosition="left"
          useInvertedBackground={true}
          animationType="smooth"
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",
              title: "Hizmetleriniz hangi sektörlere uygun?",
              content:
                "Finans, teknoloji, perakende, sağlık ve kamu sektörü dahil birçok alanda hizmet sunuyoruz. Her sektörün özel ihtiyaçlarına uygun çözümler geliştiririz.",
            },
            {
              id: "2",
              title: "Proje süresi ne kadar?",
              content:
                "Proje kapsamına bağlı olarak değişir. Basit projeler 2-4 hafta, kompleks projeler ise 3-6 ay sürebilir. Önceden detaylı zaman tahmini verilir.",
            },
            {
              id: "3",
              title: "Teknik destek hizmeti nasıl çalışır?",
              content:
                "7/24 teknik destek sağlıyor, sorunlarınız 24 saat içinde çözülüyor. E-mail, telefon ve canlı sohbet üzerinden destek sunuyoruz.",
            },
            {
              id: "4",
              title: "Sözleşme koşulları nelerdir?",
              content:
                "Esnek sözleşme seçenekleri sunuyoruz. Aylık, üç aylık veya yıllık planlar arasından seçebilirsiniz. Her plan özelleştirilebilir.",
            },
            {
              id: "5",
              title: "Eğitim desteği sağlıyor musunuz?",
              content:
                "Evet, tüm paketlerde eğitim desteği bulunur. Online veya yüz yüze eğitim seçenekleri mevcuttur.",
            },
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="İletişim"
          title="Bizimle İletişime Geçin"
          description="Sorularınız veya önerileriniz için bize yazın. En kısa sürede yanıt vereceğiz."
          tagIcon={Mail}
          tagAnimation="slide-up"
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground={true}
          inputPlaceholder="E-mail adresiniz"
          buttonText="Gönder"
          termsText="Gizlilik Politikamız'ı okuyarak kabul etmiş olursunuz."
          onSubmit={handleEmailSubmit}
        />
      </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>
  );
}