"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { BarChart, CheckCircle, FileText, Lightbulb, Shield, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="large"
        background="fluid"
        cardStyle="outline"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Anasayfa",
          id: "#home",
        },
        {
          name: "Nasıl Çalışır?",
          id: "#about",
        },
        {
          name: "Özellikler",
          id: "#features",
        },
        {
          name: "İlerleme",
          id: "#metrics",
        },
        {
          name: "Yorumlar",
          id: "#testimonials",
        },
        {
          name: "Tüyolar",
          id: "#blog",
        },
        {
          name: "İletişim",
          id: "#contact",
        },
      ]}
      brandName="Sınav Kurtarıcı AI"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardCarousel
      background={{
        variant: "radial-gradient",
      }}
      title="Sınav Kurtarıcı AI"
      description="6. sınıf sınavlarına akıllı, düzenli ve kişiye özel çalışma sistemi ile hazırlan. Notların düşük olabilir ama bu son değil. Doğru planla sınava hazırlanabilir ve kendini toparlayabilirsin."
      buttons={[
        {
          text: "6. Sınıfa Başla",
          href: "#features",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/urban-girl-resting-cafe-talking-mobile-phone-looking_197531-30961.jpg",
          imageAlt: "AI destekli çalışan 6. sınıf öğrencisi",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/happy-teenage-girl-headphones-works-laptop-emotions-concept_169016-65316.jpg",
          imageAlt: "Beyaz tahtada matematik problemi çözen öğrenci",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-drawing-showing-triangle-blackboard-children_259150-60360.jpg",
          imageAlt: "Sınavlara güvenle hazırlanan neşeli bir öğrenci",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-composition-different-books_23-2148883811.jpg",
          imageAlt: "Yapay zeka öğrenme algoritmaları",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-laptop-high-angle_23-2150132314.jpg",
          imageAlt: "Öğretmen notlarını analiz eden bir arayüz",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/manager-working-together-with-disabled-man_23-2148483890.jpg",
          imageAlt: "Sesli anlatım dinleyen ve ders çalışan bir öğrenci",
        },
      ]}
      ariaLabel="Sınav Kurtarıcı AI ana sayfası"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Sınav Kurtarıcı AI Nasıl Çalışır?"
      description="Sınav Kurtarıcı AI, seni adım adım başarıya taşıyan kişiye özel bir rehberdir. Önce ders seviyeni ve sınav bilgilerini alırız. Hocanın notlarını analiz eder, sana özel bir çalışma planı oluştururuz. Konuları interaktif Beyaz Tahta üzerinde anlatır, örnek sorular çözer ve mini testlerle bilgini pekiştiririz. Yanlışlarını detaylıca analiz edip eksiklerini kapatır ve son olarak sınav provasıyla seni tamamen hazırlarız. Her adımda yanındayız!"
      imageSrc="http://img.b2bpic.net/free-photo/learn-education-study-lesson-graphic_53876-120351.jpg"
      imageAlt="AI destekli öğrenme akış şeması"
      ariaLabel="Uygulama çalışma prensibi"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Sparkles,
          title: "Kişiye Özel Çalışma Planı",
          description: "Sana özel oluşturulan ders programlarıyla en verimli şekilde çalış.",
        },
        {
          icon: Lightbulb,
          title: "AI Öğretmen Desteği",
          description: "Yapay zeka öğretmeninden anında yardım ve açıklama al.",
        },
        {
          icon: FileText,
          title: "Hocanın Notlarını Analiz Etme",
          description: "Hocanın gönderdiği not, fotoğraf ve mesajları AI ile incele.",
        },
        {
          icon: CheckCircle,
          title: "Test ve Yanlış Analizi",
          description: "Çözdüğün testlerin sonuçlarını gör, yanlışlarını öğren ve tekrar et.",
        },
        {
          icon: Shield,
          title: "Acil Sınav Kurtarma Modu",
          description: "Sınava çok az zaman kala en kritik noktalara odaklan.",
        },
        {
          icon: BarChart,
          title: "Sesli Anlatım ve Beyaz Tahta",
          description: "Konuları interaktif beyaz tahta ve sesli anlatımla daha iyi anla.",
        },
      ]}
      title="Neden Sınav Kurtarıcı AI?"
      description="Notlarını yükseltmek ve sınav stresini yenmek için ihtiyacın olan tüm özellikler burada!"
      ariaLabel="Uygulama özellikleri"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "metric-1",
          value: "1500+",
          title: "Çözülen Soru",
          description: "Her gün daha fazla soru çözerek pratik yapıyorsun.",
          imageSrc: "http://img.b2bpic.net/free-photo/girl-blackboard-with-hands-up_23-2147663408.jpg",
          imageAlt: "Sınav başarısını kutlayan öğrenci",
        },
        {
          id: "metric-2",
          value: "85%",
          title: "Başarı Oranı",
          description: "Yanlışlarını düzelterek başarı oranını artırıyorsun.",
          imageSrc: "http://img.b2bpic.net/free-photo/professional-boardroom-computer-screen-showcases-business-data-statistics-aiding-executives_482257-133141.jpg",
          imageAlt: "Eğitim ilerleme grafiği",
        },
        {
          id: "metric-3",
          value: "Seviye 5",
          title: "Test Ustası",
          description: "Yeni seviyelerle öğrenme yolculuğunda ilerliyorsun.",
          imageSrc: "http://img.b2bpic.net/free-photo/depiction-human-brain-intellect-as-lightbulb_23-2150936745.jpg",
          imageAlt: "Fikir ve zeka sembolü",
        },
      ]}
      title="Başarı Panelin Seninle!"
      description="İlerlemeni takip et, puanlarını topla, seviye atla ve rozetleri kap! Hedeflerine ulaşmak hiç bu kadar motive edici olmamıştı."
      ariaLabel="Başarı ve ilerleme metrikleri"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Elif Yılmaz",
          handle: "@elifyilmaz",
          testimonial: "Matematik benim için kabustu ama Sınav Kurtarıcı AI sayesinde hem konuları anladım hem de notumu 45'ten 80'e çıkardım!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-clever-caucasian-scholar-posing-with-her-textbooks-library_482257-123312.jpg",
          imageAlt: "Neşeli öğrenci Elif Yılmaz",
        },
        {
          id: "2",
          name: "Can Demir",
          handle: "@candemir",
          testimonial: "AI öğretmenin kişisel planları ve yanlış analizleri sayesinde sınavdan korkmayı bıraktım. Artık daha bilinçli çalışıyorum.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/sad-teenage-girl-with-book-her-hands-emotion-concept_169016-66374.jpg",
          imageAlt: "Ders çalışan öğrenci Can Demir",
        },
        {
          id: "3",
          name: "Zeynep Kaya",
          handle: "@zeynepkaya",
          testimonial: "Beyaz tahta modu harika! Görsel anlatımlar sayesinde Fen Bilgisi konuları çok daha akılda kalıcı oldu. Kesinlikle tavsiye ederim.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-wooden-plane_1187-909.jpg",
          imageAlt: "Mutlu öğrenci Zeynep Kaya",
        },
        {
          id: "4",
          name: "Ali Veli",
          handle: "@aliveli",
          testimonial: "Sınavıma bir gün kala 'Acil Kurtarma Modu' hayatımı kurtardı. Önemli yerleri hızlıca tekrar ettim ve çok iyi bir not aldım.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/child-getting-education-home_23-2149736790.jpg",
          imageAlt: "Odaklanmış öğrenci Ali Veli",
        },
        {
          id: "5",
          name: "Ayşe Deniz",
          handle: "@aysedeniz",
          testimonial: "AI öğretmenim sayesinde İngilizce kelimeleri çok daha kolay ezberledim. Testler ve kelime kartları çok işe yarıyor.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-boy-watching-television_53876-30540.jpg",
          imageAlt: "Tablet kullanan öğrenci Ayşe Deniz",
        },
      ]}
      showRating={true}
      title="Öğrencilerimiz Neler Söyledi?"
      description="Sınav Kurtarıcı AI ile notlarını yükselten ve sınav korkusunu yenen öğrencilerden gerçek başarı hikayeleri."
      ariaLabel="Öğrenci yorumları"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Boş panik yok, planlı çalışma var.",
        "Şimdi çalışırsan sınav günü daha rahat olursun.",
        "Yanlış yapmak sorun değil, yanlışını öğrenmemek sorun.",
        "Bugün küçük bir çalışma, yarın büyük bir fark oluşturur.",
        "Zaman azsa bile hâlâ yapılacak şeyler var.",
        "Pes etmek yok, önce konu sonra test.",
        "Başarmak için ilk adım inanmaktır.",
      ]}
      title="Motivasyon Sözleriyle Sınava Hazırlık"
      description="Sınav Kurtarıcı AI, sadece ders değil, aynı zamanda doğru düşünme biçimi de öğretir. Unutma:"
      speed={60}
      showCard={true}
      ariaLabel="Motivasyonel sözler"
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="AI Öğretmeninden Çalışma Tüyoları"
      description="Sınavlarına daha verimli hazırlanmak için uzman AI öğretmenimizin hazırladığı rehberler ve ipuçları."
      blogs={[
        {
          id: "1",
          category: "Çalışma Tüyoları",
          title: "Sınav Stresiyle Başa Çıkma Yolları",
          excerpt: "Sınav kaygısını azaltmak ve odaklanmanı artırmak için etkili yöntemler.",
          imageSrc: "http://img.b2bpic.net/free-photo/contemplative-afro-female-freelancer-drinks-caffeine-beverage-from-cup-looks-pensively-aside-dressed-yellow-sweater-uses-laptop_273609-34368.jpg",
          imageAlt: "Çalışma masası düzenleyen öğrenci",
          authorName: "AI Öğretmen",
          authorAvatar: "asset://ai-avatar",
          date: "24 Nisan 2024",
        },
        {
          id: "2",
          category: "AI Rehberliği",
          title: "Kişiye Özel Plan Neden Önemli?",
          excerpt: "AI'ın sana özel planlar oluşturmasının öğrenme hızına etkisi.",
          imageSrc: "http://img.b2bpic.net/free-photo/smart-positive-smile-asian-male-businessman-video-conference-remote-working-discuss-concersation-about-strategy-business-planing-new-business-startup-ideas-conceptbusiness-meeting-online-via-laptop_609648-746.jpg",
          imageAlt: "Yapay zeka öğrenme konsepti",
          authorName: "AI Öğretmen",
          authorAvatar: "asset://ai-avatar",
          date: "18 Nisan 2024",
        },
        {
          id: "3",
          category: "Sınav Stratejileri",
          title: "Yanlışlarından Ders Çıkarmanın Püf Noktaları",
          excerpt: "Yanlışlarını nasıl analiz etmeli ve bir daha aynı hatayı yapmamak için neler yapmalısın?",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-portrait-pretty-young-woman-relaxing-grass-park_231208-8062.jpg",
          imageAlt: "Sınav stresini yenen öğrenci",
          authorName: "AI Öğretmen",
          authorAvatar: "asset://ai-avatar",
          date: "12 Nisan 2024",
        },
      ]}
      ariaLabel="AI öğretmeninden blog yazıları"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "Sınav Kurtarıcı AI hangi sınıf seviyelerine uygun?",
          content: "Şu anda sadece 6. sınıf öğrencileri için kişiye özel sınav hazırlık hizmeti sunmaktayız. Gelecekte farklı sınıf seviyelerini de desteklemeyi planlıyoruz.",
        },
        {
          id: "faq-2",
          title: "Hocanın notlarını yüklemek güvenli mi?",
          content: "Evet, yüklediğiniz tüm notlar ve mesajlar gizli tutulur ve yalnızca size özel çalışma planı oluşturmak için AI tarafından analiz edilir. Verileriniz üçüncü şahıslarla paylaşılmaz.",
        },
        {
          id: "faq-3",
          title: "AI öğretmen gerçekten her soruyu cevaplayabilir mi?",
          content: "AI öğretmenimiz, 6. sınıf müfredatına uygun konularda ve sınav hazırlığı süreçlerinde size rehberlik etmek üzere tasarlanmıştır. Anlamadığınız konuları açıklayabilir, ek örnekler sunabilir ve testlerdeki yanlışlarınızı detaylıca anlatabilir.",
        },
        {
          id: "faq-4",
          title: "Acil Sınav Kurtarma Modu gerçekten işe yarıyor mu?",
          content: "Kesinlikle! Bu mod, sınava kısa süre kala en önemli konulara odaklanarak ve hızlı testlerle eksiklerinizi kapatarak maksimum verim almanızı sağlar. Birçok öğrencimiz bu mod sayesinde son anda büyük başarılar elde etti.",
        },
        {
          id: "faq-5",
          title: "Puan ve rozet sistemi ne işe yarar?",
          content: "Puan ve rozet sistemi, çalışma motivasyonunuzu artırmak için tasarlanmıştır. Her tamamladığınız görev, çözdüğünüz test ve düzelttiğiniz yanlış size puan kazandırır, yeni seviyelere ulaşmanızı ve özel rozetler toplamanızı sağlar. Bu sayede öğrenme süreci daha eğlenceli hale gelir.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-notebook-business-roles-concept_23-2149382436.jpg"
      imageAlt="Düşünen öğrenci"
      mediaAnimation="opacity"
      title="Merak Ettiklerin Var Mı?"
      description="Sınav Kurtarıcı AI hakkında sıkça sorulan sorulara hızlı cevaplar."
      faqsAnimation="slide-up"
      ariaLabel="Sıkça sorulan sorular"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Bize Ulaşın"
      description="Sınav Kurtarıcı AI hakkında sorularınız, önerileriniz veya destek talepleriniz için bize yazın. En kısa sürede size geri dönüş yapacağız."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Adınız Soyadınız",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "E-posta Adresiniz",
          required: true,
        },
        {
          name: "subject",
          type: "text",
          placeholder: "Konu",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Mesajınız...",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/young-screenwriter-using-laptop-computer-create-her-fist-bestseller-novel-looking-optimistic_197531-22257.jpg"
      imageAlt="Dizüstü bilgisayar kullanan öğrenci"
      buttonText="Mesaj Gönder"
      ariaLabel="İletişim formu"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-school-supplies-with-medical-mask-copy-space_23-2148575160.jpg"
      imageAlt="Eğitim teknolojisi arka planı"
      logoText="Sınav Kurtarıcı AI"
      columns={[
        {
          title: "Hızlı Linkler",
          items: [
            {
              label: "Anasayfa",
              href: "#home",
            },
            {
              label: "Özellikler",
              href: "#features",
            },
            {
              label: "Yorumlar",
              href: "#testimonials",
            },
            {
              label: "Tüyolar",
              href: "#blog",
            },
          ],
        },
        {
          title: "Destek",
          items: [
            {
              label: "Sıkça Sorulan Sorular",
              href: "#faq",
            },
            {
              label: "İletişim",
              href: "#contact",
            },
          ],
        },
        {
          title: "Hukuksal",
          items: [
            {
              label: "Gizlilik Politikası",
              href: "#",
            },
            {
              label: "Kullanım Koşulları",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Sınav Kurtarıcı AI. Tüm hakları saklıdır."
      ariaLabel="Site alt bilgi"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
