"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import BlogCardTwo from "@/components/sections/blog/BlogCardTwo";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";

export default function EventsPage() {
  const navItems = [
    { name: "Ana Sayfa", id: "/" },
    { name: "Öğretmenler", id: "/teachers" },
    { name: "Etkinlikler", id: "/events" },
    { name: "Çalışma Programı", id: "/schedule" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="noise"
      cardStyle="layered-gradient"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Öğretmen Platformu"
          bottomLeftText="Eğitim Topluluğu"
          bottomRightText="info@platform.com"
        />
      </div>

      <div id="events" data-section="events">
        <BlogCardTwo
          blogs={[
            {
              id: "1",
              category: ["Matematik"],
              title: "Trigonometri Ustalaşma Sürümü",
              excerpt:
                "Trigonometri kurallarını derinlemesine öğrenin, örnekler ve pratik problemlerle desteklenen kapsamlı ders.",
              imageSrc:
                "http://img.b2bpic.net/free-vector/modern-background-with-geometric-shapes_23-2147546962.jpg?_wi=2",
              imageAlt: "mathematics geometry trigonometry education board",
              authorName: "Ayşe Kaya",
              authorAvatar:
                "http://img.b2bpic.net/free-photo/young-female-glasses-workplace_1301-980.jpg",
              date: "25 Ocak 2025",
            },
            {
              id: "2",
              category: ["İngilizce"],
              title: "İngilizce Konuşma Atölyesi",
              excerpt:
                "Günlük İngilizce konuşma becerilerinizi geliştirin, doğal diyaloglar ve kültürel bağlam ile.",
              imageSrc:
                "http://img.b2bpic.net/free-vector/language-concept-background_23-2147872796.jpg?_wi=2",
              imageAlt: "english language learning book study",
              authorName: "Mehmet Yıldız",
              authorAvatar:
                "http://img.b2bpic.net/free-photo/portrait-businessman-office-3_1262-1489.jpg",
              date: "27 Ocak 2025",
            },
            {
              id: "3",
              category: ["Kimya"],
              title: "Kimya Deneyimleri Laboratuvarı",
              excerpt:
                "Sanal laboratuvarıyla pratik deneyimler gain ve kimyasal reaksiyonları canlı tutun.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-laboratory-test-tubes_23-2148891898.jpg?_wi=2",
              imageAlt: "chemistry laboratory science experiment beakers",
              authorName: "Zeynep Demir",
              authorAvatar:
                "http://img.b2bpic.net/free-photo/woman-posing-with-books_23-2148680219.jpg",
              date: "29 Ocak 2025",
            },
            {
              id: "4",
              category: ["Tarih"],
              title: "Osmanlı İmparatorluğu Hikayesi",
              excerpt:
                "Osmanlı tarihinin önemli dönemleri, simgesel olaylar ve kültürel etkilerin kapsamlı incelemesi.",
              imageSrc:
                "http://img.b2bpic.net/free-photo/view-ancient-paper-scroll-writing-documenting_23-2151751754.jpg?_wi=2",
              imageAlt: "history book ancient civilization artifacts",
              authorName: "İbrahim Çelik",
              authorAvatar:
                "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-looking-satisfied_1298-169.jpg",
              date: "31 Ocak 2025",
            },
          ]}
          title="Yaklaşan Etkinlikler"
          description="Etkileşimli ders saatleri ve webinarlar"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
          carouselMode="buttons"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          faqs={[
            {
              id: "1",
              title: "Öğretmen seçerken nelere dikkat etmeliyim?",
              content:
                "Öğretmen profillerinde deneyim, uzmanlık alanı ve öğrenci puanlarını inceleyebilirsiniz. İlk dersini denemek için \"İletişime Geç\" düğmesini kullanarak öğretmenle bağlantı kurabilirsiniz.",
            },
            {
              id: "2",
              title: "Ders saatlerini nasıl düzenleyebilirim?",
              content:
                "Çalışma Programı sayfasında haftalık ders takvimini görebilirsiniz. Istediğiniz ders saatine tıklayarak \"Katıl\" butonu ile kaydolabilirsiniz.",
            },
            {
              id: "3",
              title: "Etkinliklere nasıl katılabilirim?",
              content:
                "Etkinlikler sayfasında tüm yaklaşan dersleri ve webinarları görebilirsiniz. İlgilendiğiniz etkinliğin \"Kayıt Ol\" düğmesine tıklayarak katılabilirsiniz.",
            },
            {
              id: "4",
              title: "Ödeme seçenekleri nelerdir?",
              content:
                "Kredi kartı, banka havalesi ve e-cüzdan gibi çeşitli ödeme yöntemlerini destekliyoruz. Ödeme bilgileri gizli ve güvenlidir.",
            },
            {
              id: "5",
              title: "Dersi iptal etmek istiyorsam ne yapmalıyım?",
              content:
                "Dersin başlamasından en az 24 saat önce iptal edebilirsiniz. Profil bölümünde 'Kayıtlı Dersler' kısmından ders iptalini gerçekleştirebilirsiniz.",
            },
          ]}
          sideTitle="Sık Sorulan Sorular"
          sideDescription="Platformumuz hakkında bilmeniz gereken her şey"
          textPosition="left"
          useInvertedBackground={false}
          animationType="smooth"
          faqsAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Öğretmen Platformu"
          leftLink={{
            text: "Gizlilik Politikası",
            href: "#",
          }}
          rightLink={{
            text: "Kullanım Şartları",
            href: "#",
          }}
        />
      </div>
    </ThemeProvider>
  );
}