"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import PricingCardOne from "@/components/sections/pricing/PricingCardOne";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { Sparkles, Award, Shield } from "lucide-react";

export default function ProductsPage() {
  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="products-showcase" data-section="products-showcase">
        <ProductCardOne
          title="Başarılı Projelerimiz"
          description="Çeşitli sektörlerde başarıyla tamamladığımız projelerimiz ve ürünlerimiz"
          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="pricing-plans" data-section="pricing-plans">
        <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="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>
  );
}