"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
import ProductCardThree from "@/components/sections/product/ProductCardThree";
import TextAbout from "@/components/sections/about/TextAbout";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import BlogCardThree from "@/components/sections/blog/BlogCardThree";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBase from "@/components/sections/footer/FooterBase";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="large"
      background="circleGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="EduSupply Pro"
          navItems={[
            { name: "Ürünler", id: "categories" },
            { name: "Katalog", id: "catalog" },
            { name: "Hakkımızda", id: "about" },
            { name: "Avantajlar", id: "advantages" },
            { name: "İletişim", id: "contact" },
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="EduSupply Pro"
          description="Kaliteli eğitim materyalleri, okul mobilyaları ve laboratuvar ekipmanlarıyla okulunuzun öğrenme ortamını zenginleştirin."
          buttons={[
            { text: "Ürünleri İncele", href: "#categories" },
            { text: "Katalogu İndir", href: "#catalog" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "circleGradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/girls-participating-course-library-joining-live-video-webinar_482257-123474.jpg"
          imageAlt="Classroom environment with students learning"
          mediaAnimation="blur-reveal"
          frameStyle="card"
          ariaLabel="Hero section for educational supplies"
        />
      </div>

      <div id="categories" data-section="categories">
        <FeatureCardMedia
          title="Ürün Kategorilerimiz"
          description="Okul, anaokulu ve laboratuvar için tam kapsamlı eğitim çözümleri"
          tag="Ürünler"
          features={[
            {
              id: "kindergarten",              title: "Anaokulu Eğitim Gereçleri",              description: "Çocukların gelişimini destekleyen eğitim materyalleri ve oyuncaklar",              tag: "Erken Eğitim",              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-little-kid-playing-indoors_23-2149513073.jpg",              imageAlt: "Kindergarten educational materials"},
            {
              id: "furniture",              title: "Okul Mobilyaları",              description: "Ergonomik ve dayanıklı okul masa, sandalye ve depolama çözümleri",              tag: "Mobilya",              imageSrc: "http://img.b2bpic.net/free-photo/training-items-athletics_23-2151077750.jpg",              imageAlt: "School furniture and desks"},
            {
              id: "laboratory",              title: "Laboratuvar Ekipmanları",              description: "Bilim eğitimi için profesyonel laboratuvar araçları ve ekipmanları",              tag: "Laboratuvar",              imageSrc: "http://img.b2bpic.net/free-photo/laboratory-supplies-medical-work_23-2149744712.jpg",              imageAlt: "Laboratory equipment for science education"},
            {
              id: "materials",              title: "Eğitim Materyalleri",              description: "Öğretim ve öğrenme için kapsamlı eğitim kitapları ve kaynak materyalleri",              tag: "Kaynaklar",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-back-school-stationery-with-multicolored-pencils-medical-mask_23-2148587535.jpg",              imageAlt: "Educational materials and learning resources"},
            {
              id: "toys",              title: "Oyuncak ve Zeka Geliştirici Ürünler",              description: "Kritik düşünme ve yaratıcılığı teşvik eden eğitici oyuncaklar",              tag: "Geliştirme",              imageSrc: "http://img.b2bpic.net/free-photo/kids-playing-birthday-game_23-2148779565.jpg",              imageAlt: "Educational toys for cognitive development"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="catalog" data-section="catalog">
        <ProductCardThree
          title="Dijital Katalog"
          description="Ürünlerimizi çevrimiçi olarak inceleyebilir, kataloğu indirilebilir, sayfaları tura çıkabilirsiniz."
          tag="Katalog"
          products={[
            {
              id: "catalog-main",              name: "2024-2025 Ürün Kataloğu",              price: "İndir",              imageSrc: "http://img.b2bpic.net/free-vector/environment-instagram-stories-collection_23-2148931697.jpg?_wi=1",              imageAlt: "Digital product catalog",              initialQuantity: 1,
            },
            {
              id: "catalog-main-2",              name: "2024-2025 Ürün Kataloğu",              price: "İndir",              imageSrc: "http://img.b2bpic.net/free-vector/environment-instagram-stories-collection_23-2148931697.jpg?_wi=2",              imageAlt: "Digital product catalog preview",              initialQuantity: 1,
            },
            {
              id: "catalog-main-3",              name: "2024-2025 Ürün Kataloğu",              price: "İndir",              imageSrc: "http://img.b2bpic.net/free-vector/environment-instagram-stories-collection_23-2148931697.jpg?_wi=3",              imageAlt: "Complete product catalog download",              initialQuantity: 1,
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground={false}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Öne Çıkan Ürünler"
          description="En popüler ve çok kullanılan eğitim ürünlerimizi keşfettin"
          tag="Seçkin Ürünler"
          products={[
            {
              id: "product-1",              name: "Ergonomik Öğrenci Masası - Ayarlanabilir Yükseklik",              price: "₺2,450",              imageSrc: "http://img.b2bpic.net/free-photo/chairs-with-blue-orange-pillows_250224-143.jpg?_wi=1",              imageAlt: "Adjustable student desk",              initialQuantity: 1,
            },
            {
              id: "product-2",              name: "Profesyonel Dijital Mikroskop 40-1000X",              price: "₺3,890",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-scientists-working-with-microscope_23-2148970008.jpg",              imageAlt: "Digital microscope for laboratory",              initialQuantity: 1,
            },
            {
              id: "product-3",              name: "STEM Eğitim Seti - 50 Parça",              price: "₺1,290",              imageSrc: "http://img.b2bpic.net/free-photo/cute-little-girls-moulding-from-plasticine-pink-table_158595-5989.jpg",              imageAlt: "STEM educational toy set",              initialQuantity: 1,
            },
            {
              id: "product-4",              name: "Ergonomik Öğrenci Masası - Ayarlanabilir Yükseklik",              price: "₺2,450",              imageSrc: "http://img.b2bpic.net/free-photo/chairs-with-blue-orange-pillows_250224-143.jpg?_wi=2",              imageAlt: "Adjustable student desk",              initialQuantity: 1,
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          gridVariant="four-items-2x2-equal-grid"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Hakkımızda"
          title="20 Yıldan Fazla Eğitim Hizmetinde Liderlik"
          buttons={[
            { text: "Daha Fazla Bilgi", href: "#contact" },
          ]}
          useInvertedBackground={false}
        />
      </div>

      <div id="advantages" data-section="advantages">
        <MetricCardTwo
          title="Neden Biz Seçmeliyiz?"
          description="Eğitim kurumlarının güvendiği kalite ve hizmet"
          tag="Avantajlar"
          metrics={[
            { id: "1", value: "En Yüksek", description: "Kalite Standartları" },
            { id: "2", value: "Güvenli", description: "Öğrenciler İçin" },
            { id: "3", value: "Hızlı", description: "Teslimat" },
            { id: "4", value: "Uygun", description: "Fiyatlar" },
            { id: "5", value: "Uzman", description: "Destek Ekibi" },
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="references" data-section="references">
        <SocialProofOne
          title="Güvendiğimiz Kurumlar"
          description="Türkiye'nin önde gelen eğitim kurumları EduSupply Pro ürünlerini kullanmaktadır"
          tag="Referanslar"
          textboxLayout="default"
          useInvertedBackground={false}
          names={[
            "Ankara Fen Lisesi",            "İstanbul Eğitim Akademisi",            "İzmir Bilim ve Teknoloji Enstitüsü",            "Bursa Devlet Üniversitesi",            "Antalya Özel Okulları",            "Gaziantep Eğitim Merkezi",            "Adana Teknoloji Lisesi"]}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="blog" data-section="blog">
        <BlogCardThree
          title="Blog ve Makaleler"
          description="Eğitim materyalleri, sınıf tasarımı ve okul ekipmanları hakkında içerik"
          tag="Bilgi Merkezi"
          blogs={[
            {
              id: "blog-1",              category: "Sınıf Tasarımı",              title: "Modern Sınıf Tasarımının Öğrenme Üzerine Etkisi",              excerpt: "Eğitim ortamının fiziksel tasarımı öğrenci başarısını doğrudan etkiler. Ergonomik mobilyalar ve doğru aydınlandırma konusunu keşfedin.",              imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-school-classroom-with-state-art-architecture_23-2150906300.jpg",              imageAlt: "Modern classroom design",              authorName: "Dr. Ayşe Yıldız",              authorAvatar: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-with-trendy-hairstyle_23-2149430887.jpg",              date: "15 Ocak 2025"},
            {
              id: "blog-2",              category: "Eğitim Materyalleri",              title: "Etkili Eğitim Materyallerinin Özellikleri",              excerpt: "Kaliteli eğitim materyallerinin seçimi öğrencilerin motivasyonunu artırır. En iyi seçenekler ve uygulamalar hakkında bilgi alın.",              imageSrc: "http://img.b2bpic.net/free-photo/back-school-accessories-pencils-books-set-school-supplies-light-background-copy-space-text-education-concept-mockup-template-banner_166373-2805.jpg",              imageAlt: "Educational materials",              authorName: "Prof. Mehmet Demir",              authorAvatar: "http://img.b2bpic.net/free-photo/blond-businessman-with-glasses_1098-57.jpg",              date: "20 Ocak 2025"},
            {
              id: "blog-3",              category: "Okul Ekipmanları",              title: "Laboratuvar Ekipmanlarının Doğru Kullanımı",              excerpt: "Bilim eğitimi için laboratuvar ekipmanlarının düzgün kurulumu ve bakımı. Güvenlik ve verimlilik için ipuçları.",              imageSrc: "http://img.b2bpic.net/free-photo/back-school-concept-with-apple-chair_52683-89927.jpg",              imageAlt: "Laboratory equipment setup",              authorName: "Doç. Fatma Şahin",              authorAvatar: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg",              date: "25 Ocak 2025"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Müşteri Yorumları"
          description="Eğitim kurumlarından aldığımız değerli feedback"
          tag="Referanslar"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Zeynep Kaya",              handle: "@ZeynepKaya",              testimonial: "EduSupply Pro ürünleri sayesinde sınıfımızın verimliliği %40 arttı. Müştteri hizmeti mükemmel.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg?_wi=1",              imageAlt: "Zeynep Kaya"},
            {
              id: "2",              name: "İbrahim Çetin",              handle: "@IbrahimCetin",              testimonial: "Laboratuvar ekipmanları yüksek kaliteli ve dayanıklı. Öğrencilerim çok memnun.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-blond-woman-with-trendy-hairstyle_23-2149430887.jpg",              imageAlt: "İbrahim Çetin"},
            {
              id: "3",              name: "Gülşah Erdoğan",              handle: "@GulsahErdogan",              testimonial: "Eğitim materyalleri gerçekten çocukların gelişimine yardımcı. İnsan eder bana çok yerinde tavsiye.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-with-glasses_1098-57.jpg",              imageAlt: "Gülşah Erdoğan"},
            {
              id: "4",              name: "Ahmet Yılmaz",              handle: "@AhmetYilmaz",              testimonial: "Okul mobilyaları çok ergonomik ve uzun ömürlü. Tavsiye ederim.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-students-classroom_329181-13021.jpg",              imageAlt: "Ahmet Yılmaz"},
            {
              id: "5",              name: "Nuriye Leman",              handle: "@NuriyeLeman",              testimonial: "Hızlı teslimat ve uygun fiyatlar. Bütün ihtiyaçlarımız EduSupply Pro'dan karşılanıyor.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-takes-selfie-with-her-phone-emotions-concept_169016-64227.jpg",              imageAlt: "Nuriye Leman"},
            {
              id: "6",              name: "Rıza Kılıç",              handle: "@RizaKilic",              testimonial: "Kurumsal müşterilere çok güzel hizmet veriyorlar. Uzun vadeli partnerlik için ideal.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1625.jpg?_wi=2",              imageAlt: "Rıza Kılıç"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Okul ve eğitim kurumunuz için uygun çözümler bulmak mı istiyorsunuz? Uzman ekibimiz sizin ihtiyaçlarınızı anlamak ve en iyi ürünleri önerileri için hazırız."
          animationType="entrance-slide"
          buttons={[
            { text: "Bizimle İletişime Geçin", href: "#contact-form" },
            { text: "Hızlı Teklif Al", href: "#quote" },
          ]}
          background={{ variant: "circleGradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="EduSupply Pro"
          copyrightText="© 2025 EduSupply Pro - Tüm Hakları Saklıdır"
          columns={[
            {
              title: "Ürünler",              items: [
                { label: "Okul Mobilyaları", href: "#categories" },
                { label: "Laboratuvar Ekipmanları", href: "#categories" },
                { label: "Eğitim Materyalleri", href: "#categories" },
                { label: "Oyuncak ve Zeka Geliştirici", href: "#categories" },
              ],
            },
            {
              title: "Şirket",              items: [
                { label: "Hakkımızda", href: "#about" },
                { label: "Blog", href: "#blog" },
                { label: "İletişim", href: "#contact" },
                { label: "Katalog İndir", href: "#catalog" },
              ],
            },
            {
              title: "İletişim",              items: [
                { label: "E-posta: info@edusupplypro.com", href: "#" },
                { label: "Telefon: +90 212 XXX XXXX", href: "#" },
                { label: "Adres: İstanbul, Türkiye", href: "#" },
                { label: "Çalışma Saatleri: 09:00-18:00", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}