"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Award, Briefcase, Clock, Globe, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="none"
        cardStyle="gradient-mesh"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Bosh Sahifa",          id: "#hero"},
        {
          name: "Afzalliklar",          id: "#features"},
        {
          name: "Kurslar",          id: "#products"},
        {
          name: "Narxlar",          id: "#pricing"},
        {
          name: "Fikrlar",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Kontakt",          id: "#contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pntulf"
      logoAlt="TESOL & TEFL Academy logo"
      brandName="TESOL & TEFL Academy"
      bottomLeftText="Xalqaro O'qituvchilar Jamiyati"
      bottomRightText="info@tesolteflacademy.uz"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "radial-gradient"}}
      title="Xalqaro TEFL va TESOL sertifikatini oling"
      description="2 oy ichida xalqaro darajadagi sertifikatga ega bo'ling va professional ustoz sifatida faoliyat yuriting."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-black-youngster-sitting-cafeteria-speaking-smart-phone-having-broad-smile-good-mood-while-having-rest_273609-7466.jpg",          alt: "O'qituvchi 1"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-showing-thumbs-up-young-female-teacher-sitting-desk-with-school-tools-classroom_141793-133843.jpg",          alt: "O'qituvchi 2"},
        {
          src: "http://img.b2bpic.net/free-photo/expressive-young-woman-posing-studio_176474-27933.jpg",          alt: "O'qituvchi 3"},
        {
          src: "http://img.b2bpic.net/free-photo/serene-businessman-with-glasses_1098-719.jpg",          alt: "O'qituvchi 4"},
        {
          src: "http://img.b2bpic.net/free-photo/indoor-shot-beautiful-young-caucasian-female-wearing-polo-shirt-rectangular-glasses-smiling-happily-while-posing-isolated_273609-1875.jpg",          alt: "O'qituvchi 5"},
      ]}
      avatarText="Bizning bitiruvchilarimizga qo'shiling!"
      buttons={[
        {
          text: "Bepul konsultatsiya",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",          text: "Xalqaro Akkreditatsiya",          icon: Award,
        },
        {
          type: "text-icon",          text: "100+ Mamlakatlarda Ish",          icon: Globe,
        },
        {
          type: "text-icon",          text: "Tajribali Mentorlar",          icon: Users,
        },
        {
          type: "text-icon",          text: "Moslashuvchan Jadval",          icon: Clock,
        },
        {
          type: "text-icon",          text: "Ishga Joylashishga Ko'mak",          icon: Briefcase,
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",          title: "Ish joylari uchun keng imkoniyatlar",          description: "TEFL/TESOL sertifikati bilan siz butun dunyo bo'ylab ingliz tili o'qituvchisi sifatida ishlash imkoniyatiga ega bo'lasiz.",          tag: "Global ish",          imageSrc: "http://img.b2bpic.net/free-photo/graduation-concept-with-girl-holding-her-diploma_23-2148201861.jpg",          imageAlt: "Global sertifikat tan olinishi"},
        {
          id: "f2",          title: "Yuqori malaka va mahorat",          description: "Kurslarimiz sizni zamonaviy o'qitish metodologiyalari va amaliy ko'nikmalar bilan qurollantiradi.",          tag: "Professional rivojlanish",          imageSrc: "http://img.b2bpic.net/free-photo/hello-welcome-back-our-virtual-classroom_637285-9388.jpg",          imageAlt: "O'qituvchi kar'era o'sishi"},
        {
          id: "f3",          title: "Moslashuvchan o'qish",          description: "Online va gibrid kurs formatlari orqali o'qish jadvalingizga moslashtirishingiz mumkin.",          tag: "Qulaylik",          imageSrc: "http://img.b2bpic.net/free-photo/outdoor-shot-curly-haired-female-student-sits-outdoors-front-opened-laptop-computer-writes-down-notes-notepad-prepares-lesson-poses-against-modern-city-building-e-learning-concept_273609-62296.jpg",          imageAlt: "Moslashuvchan onlayn o'qish"},
      ]}
      title="Sertifikatning asosiy afzalliklari"
      description="TESOL va TEFL sertifikatlari sizga dunyo bo'ylab eshiklarni ochadi va yuqori darajadagi o'qituvchi bo'lishga yordam beradi."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Global Education",        "Language Link",        "EduConnect",        "World Teachers",        "Future Skills",        "Learn Abroad",        "Career Boost"]}
      title="Bizning sertifikatlarimiz dunyo tan olinadi"
      description="Minglab bitiruvchilarimiz va hamkorlarimiz bilan xalqaro miqyosda e'tirof etilgan sifatni kafolatlaymiz."
      speed={40}
      showCard={false}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "p1",          brand: "TEFL Online",          name: "Asosiy TEFL Kursi",          price: "600$",          rating: 5,
          reviewCount: "250+",          imageSrc: "http://img.b2bpic.net/free-photo/man-working-kitchen-home-quarantine-with-laptop_23-2148740917.jpg",          imageAlt: "Online TEFL kurs"},
        {
          id: "p2",          brand: "TESOL Hybrid",          name: "Gibrid TESOL Kursi",          price: "850$",          rating: 5,
          reviewCount: "180+",          imageSrc: "http://img.b2bpic.net/free-photo/student-online-cute-girl-glasses-sweater-studying-computer-taking-down-notes_140725-164149.jpg",          imageAlt: "Gibrid TESOL kurs"},
        {
          id: "p3",          brand: "Advanced",          name: "Malaka oshirish (Advanced)",          price: "450$",          rating: 5,
          reviewCount: "120+",          imageSrc: "http://img.b2bpic.net/free-photo/english-teacher-doing-her-class-with-whiteboard_23-2148999502.jpg",          imageAlt: "Malaka oshirish kurs"},
        {
          id: "p4",          brand: "Exam Prep",          name: "Imtihonga tayyorlov",          price: "300$",          rating: 4,
          reviewCount: "90+",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-still-life-hard-exams_23-2149314038.jpg",          imageAlt: "Imtihonga tayyorlov"},
        {
          id: "p5",          brand: "Practical",          name: "Amaliyot mashg'ulotlari",          price: "500$",          rating: 5,
          reviewCount: "150+",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-correcting-grammar-mistakes_23-2150171342.jpg",          imageAlt: "Amaliyot mashg'ulotlari"},
        {
          id: "p6",          brand: "Career Support",          name: "Ishga joylashishga yordam",          price: "200$",          rating: 4,
          reviewCount: "70+",          imageSrc: "http://img.b2bpic.net/free-photo/girl-computer-class-with-classmates_23-2147663638.jpg",          imageAlt: "Ishga joylashishga yordam"},
      ]}
      title="Kurs dasturi va moduli"
      description="Har bir modul sizni TEFL/TESOL sertifikati imtihonlariga to'liq tayyorlash uchun mo'ljallangan."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",          title: "Standard",          price: "600$",          period: "/kurs",          features: [
            "Asosiy TEFL/TESOL",            "1 oy kirish",            "Elektron materiallar",            "Online darslar"],
          button: {
            text: "Hoziroq sotib oling",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-cyber-monday-tag_23-2148657726.jpg",          imageAlt: "Standard tarif reja"},
        {
          id: "premium",          title: "Premium",          price: "850$",          period: "/kurs",          features: [
            "Standard +",            "Gibrid o'qitish",            "2 oy kirish",            "Mentorlik dasturi"],
          button: {
            text: "Hoziroq sotib oling",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/education-growth-concept-arrangement_23-2148721290.jpg",          imageAlt: "Premium tarif reja"},
        {
          id: "pro",          title: "Professional",          price: "1200$",          period: "/kurs",          features: [
            "Premium +",            "Amaliyot",            "Ishga joylashishga yordam",            "3 oy kirish"],
          button: {
            text: "Hoziroq sotib oling",            href: "#contact"},
          imageSrc: "http://img.b2bpic.net/free-photo/teacher-cute-instructor-suit-classrom-with-computer-whiteboard-holding-coffee-cup_140725-163309.jpg",          imageAlt: "Professional tarif reja"},
      ]}
      title="O'zingizga mos tarifni tanlang"
      description="TEFL va TESOL kurslarimiz uchun moslashuvchan narxlar. To'lov rejalari mavjud."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Dilshodbek T.",          date: "2023 yil sentyabr",          title: "A'lo darajadagi ta'lim",          quote: "TESOL & TEFL Academy'dagi kurslar menga o'qitish mahoratimni sezilarli darajada oshirishga yordam berdi. Darslar juda interaktiv va amaliy edi.",          tag: "O'qituvchi",          avatarSrc: "http://img.b2bpic.net/free-photo/black-young-woman-clenching-her-fists_197531-33127.jpg",          avatarAlt: "Dilshodbek T. avatari",          imageSrc: "http://img.b2bpic.net/free-photo/that-s-all-today-see-you-tomorrow_637285-8918.jpg",          imageAlt: "Dilshodbek T."},
        {
          id: "t2",          name: "Sarvinoz R.",          date: "2024 yil yanvar",          title: "Xalqaro darajadagi sertifikat",          quote: "Men har doim xalqaro sertifikatga ega bo'lishni orzu qilardim. Bu akademiya orqali orzularimga erishdim va hozir chet elda ishlayapman.",          tag: "Talaba",          avatarSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg",          avatarAlt: "Sarvinoz R. avatari",          imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-high-protocol-event_23-2150951349.jpg",          imageAlt: "Sarvinoz R."},
        {
          id: "t3",          name: "Jasur A.",          date: "2023 yil noyabr",          title: "Professional yondashuv",          quote: "O'qituvchilarning professionalizmi va kurs dasturining sifati meni hayratda qoldirdi. Har bir dars qiziqarli va tushunarli edi.",          tag: "O'quv markazi xodimi",          avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-correcting-grammar-mistakes_23-2150171360.jpg",          avatarAlt: "Jasur A. avatari",          imageSrc: "http://img.b2bpic.net/free-photo/classmates-writing-learning-study-session_23-2149265741.jpg",          imageAlt: "Jasur A."},
        {
          id: "t4",          name: "Madina K.",          date: "2024 yil aprel",          title: "Kelajak uchun investitsiya",          quote: "TEFL sertifikatini olish o'z kelajagimga qo'ygan eng yaxshi investitsiyam bo'ldi. Yangi imkoniyatlar ochildi va daromadim oshdi.",          tag: "Universitet talabasi",          avatarSrc: "http://img.b2bpic.net/free-photo/joyful-young-pretty-female-office-worker-sitting-desk-with-office-tools-showing-okey-gesture-her-thumb-up-isolated-olive-background_141793-63293.jpg",          avatarAlt: "Madina K. avatari",          imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-businessman-using-computer-while-working-office_637285-740.jpg",          imageAlt: "Madina K."},
        {
          id: "t5",          name: "Farxod M.",          date: "2023 yil avgust",          title: "Onlayn ta'lim sifati",          quote: "Onlayn kurs formatiga shubha bilan qaragandim, ammo TESOL & TEFL Academy bunga misol bo'ldi. Sifatli va interaktiv onlayn ta'limdan minnatdorman.",          tag: "O'qituvchi",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-eyeglasses_273609-14946.jpg",          avatarAlt: "Farxod M. avatari",          imageSrc: "http://img.b2bpic.net/free-photo/group-people-working-with-gadgets_23-2147664147.jpg",          imageAlt: "Farxod M."},
      ]}
      title="Bizning bitiruvchilarimiz nima deydi?"
      description="TESOL & TEFL Academy'da o'qish tajribasi haqida talabalarimizning fikrlari."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "TEFL va TESOL nima?",          content: "TEFL (Teaching English as a Foreign Language) va TESOL (Teaching English to Speakers of Other Languages) ingliz tilini chet elda yoki ingliz tilida so'zlashuvchilar bo'lmaganlarga o'rgatish uchun mo'ljallangan xalqaro sertifikatlardir."},
        {
          id: "q2",          title: "Sertifikat muddati qancha?",          content: "Kurs davomiyligi siz tanlagan dasturga bog'liq. Odatda, kurslarimiz 2 oydan 4 oygacha davom etadi, ammo moslashuvchan variantlar ham mavjud."},
        {
          id: "q3",          title: "To'lov usullari qanday?",          content: "Biz to'lovning bir nechta usullarini taklif qilamiz: bir martalik to'lov, bo'lib-bo'lib to'lash imkoniyati va kredit kartalar orqali to'lov. Bepul konsultatsiyada batafsil ma'lumot olishingiz mumkin."},
        {
          id: "q4",          title: "Sertifikat qaerda tan olinadi?",          content: "Bizning sertifikatlarimiz xalqaro miqyosda tan olingan va dunyoning ko'plab mamlakatlarida ingliz tili o'qituvchisi sifatida ishlash imkoniyatini beradi."},
        {
          id: "q5",          title: "Kursni tugatgandan so'ng ish topishga yordam berasizmi?",          content: "Ha, biz bitiruvchilarimizga ishga joylashishga yordam berish xizmatlarini taklif qilamiz, jumladan rezyume tayyorlash, intervyuga tayyorlanish va ish joylashuvini topishda ko'mak berish."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/excited-adult-students-sharing-ideas-project_74855-1822.jpg"
      imageAlt="O'qituvchi savollarga javob beradi"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Tez-tez beriladigan savollar"
      description="TEFL va TESOL sertifikatlari haqida ko'p beriladigan savollarga javoblar."
      faqsAnimation="slide-up"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Bog'lanish va Ro'yxatdan O'tish"
      title="Bepul konsultatsiya oling va ro'yxatdan o'ting"
      description="Sizning barcha savollaringizga javob beramiz, eng yaxshi kursni tanlashga yordam beramiz va ro'yxatdan o'tish imkoniyatini taqdim etamiz."
      imageSrc="http://img.b2bpic.net/free-photo/side-view-happy-woman-taking-notes_23-2148704201.jpg"
      imageAlt="Aloqa va ro'yxatdan o'tish formasi"
      mediaAnimation="slide-up"
      mediaPosition="left"
      inputPlaceholder="Email manzilingizni kiriting"
      buttonText="Ro'yxatdan o'tish"
      termsText="Ro'yxatdan o'tish tugmasini bosish orqali siz shartlar va sharoitlarimizga rozilik bildirasiz."
      onSubmit={() => alert('Ro\'yxatdan o\'tish muvaffaqiyatli!')}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="TESOL & TEFL Academy"
      columns={[
        {
          title: "Xizmatlar",          items: [
            {
              label: "TEFL Kursi",              href: "#products"},
            {
              label: "TESOL Kursi",              href: "#products"},
            {
              label: "Narxlar",              href: "#pricing"},
            {
              label: "Ishga joylashish",              href: "#"},
          ],
        },
        {
          title: "Kompaniya",          items: [
            {
              label: "Biz haqimizda",              href: "#"},
            {
              label: "Fikrlar",              href: "#testimonials"},
            {
              label: "Bog'lanish",              href: "#contact"},
          ],
        },
        {
          title: "Manbalar",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Blog",              href: "#"},
            {
              label: "Qoidalar",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 TESOL & TEFL Academy. Barcha huquqlar himoyalangan."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
