"use client";

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

export default function BlogPage() {
  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="blog-intro" data-section="blog-intro">
        <SplitAbout
          title="Blog ve Haberler"
          description="Endüstri trendleri, teknoloji haberleri ve işletme ipuçlarından haberdar kalın. Düzenli güncellenmek uzman görüşlerimizi okuyun."
          tag="Blog"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          imagePosition="left"
          imageSrc="http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-13962.jpg"
          imageAlt="Blog ve haberler"
          mediaAnimation="slide-up"
          bulletPoints={[
            {
              title: "Düzenli İçerik",
              description: "Her hafta yeni makaleler ve güncellemeler paylaşıyoruz",
              icon: Award,
            },
            {
              title: "Uzman Görüşleri",
              description: "Sektör liderlerinden değerli fikirler ve tavsiyeler",
              icon: Zap,
            },
            {
              title: "Pratik Rehberler",
              description: "Uygulanabilir ipuçları ve en iyi uygulamalar",
              icon: Shield,
            },
          ]}
          buttons={[{ text: "Abone Olun", href: "/iletisim" }]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="blog-articles" data-section="blog-articles">
        <BlogCardTwo
          title="Son Haberler ve Güncellemeler"
          description="Endüstri trendleri, ipuçları ve şirketimizden son gelişmeler"
          tag="Blog"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          blogs={[
            {
              id: "1",
              category: ["Teknoloji", "Trend"],
              title: "2024 Dijital Dönüşüm Trendleri",
              excerpt:
                "Yeni yılda işletmeleri etkileyecek en önemli dijital trendleri keşfedin ve hazırlıklı olun.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-13962.jpg",
              imageAlt: "Dijital trendler",
              authorName: "Zeynep Demir",
              authorAvatar:
                "http://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",
              date: "15 Ocak 2024",
            },
            {
              id: "2",
              category: ["İş", "Strategi"],
              title: "Kurumsal Verimlilik Nasıl Artırılır",
              excerpt:
                "Verimlilik artırmanın en etkili yöntemlerini ve uygulanabilir stratejileri öğrenin.",
              imageSrc:
                "http://img.b2bpic.net/free-vector/instagram-post-template-design_742173-15387.jpg",
              imageAlt: "Verimlilik stratejileri",
              authorName: "Emre Yıldırım",
              authorAvatar:
                "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
              date: "10 Ocak 2024",
            },
            {
              id: "3",
              category: ["Güvenlik", "Rehber"],
              title: "Siber Güvenlik En İyi Uygulamalar",
              excerpt:
                "İşletmenizi siber tehditlere karşı korumanın pratik yollarını ve güvenlik protokollerini öğrenin.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/people-hangout-together-coffee-shop_53876-13962.jpg",
              imageAlt: "Siber güvenlik",
              authorName: "Can Korkmaz",
              authorAvatar:
                "http://img.b2bpic.net/free-vector/hand-drawn-people-avatar-collection_23-2148074529.jpg",
              date: "5 Ocak 2024",
            },
          ]}
          carouselMode="buttons"
        />
      </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>
  );
}