"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { CheckCircle, Shield, Target } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarStyleCentered
            navItems={[
              { name: "Asosiy", id: "hero" },
              { name: "Kurslar", id: "courses" },
              { name: "Mentorlar", id: "mentors" },
              { name: "FAQ", id: "faq" }
            ]}
            brandName="MTrade Academy"
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroBillboardScroll
            background={{ variant: "rotated-rays-animated-grid" }}
            title="Kelajak treyderlarini shu yerdan yetishtiramiz"
            description="Halol treydingni 0 dan o'rganing. 5 yillik tajriba, 400+ o'quvchi aksiya treyderi bo'lishdi."
            buttons={[
              { text: "Bepul start darsi", href: "#" },
              { text: "Kurslarni ko'rish", href: "#courses" }
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/3d-abstract-techno-background-with-particle-design_1048-12576.jpg"
          />
        </div>

        <div id="features" data-section="features">
          <FeatureCardTen
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
            features={[
              {
                title: "0 dan Professional darajagacha",                description: "Siz oldin treydingni bilmaysizmi? Hech qisi yo'q. Kurslarimizni boshlab, 0 dan professional treyder darajasiga yetishingiz mumkin.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-executive-working-with-his-tablet_1134-575.jpg", imageAlt: "finance growth icon" },
                items: [{ icon: CheckCircle, text: "Tizimli darslar" }],
                reverse: false
              },
              {
                title: "Halol treyding tamoyillari",                description: "Biz faqat halol va shariatga muvofiq treyding strategiyalarini o'rgatamiz. Moliyaviy savodxonlik va ishonchli vositalar bilan.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/united-arab-emirates-flag-with-banner_187299-35589.jpg", imageAlt: "finance growth icon" },
                items: [{ icon: Shield, text: "Shariatga muvofiq" }],
                reverse: true
              },
              {
                title: "Amaliy tajriba",                description: "Nafaqat nazariya, balki real bozorda amaliy savdo qilishni o'rganasiz. Shaxsiy mentorlik va jonli sessiyalar bilan.",                media: { imageSrc: "http://img.b2bpic.net/free-photo/smiling-blond-female-eyeglasses-holds-tablet-pc-take-away-coffee-cup_613910-2236.jpg?_wi=1", imageAlt: "finance growth icon" },
                items: [{ icon: Target, text: "Real bozor tajribasi" }],
                reverse: false
              }
            ]}
            title="Nima uchun aynan MTrade Academy?"
            description="Biz sizga nafaqat nazariy bilim, balki real bozorda ishlatiladigan amaliy ko'nikmalarni beramiz."
          />
        </div>

        <div id="courses" data-section="courses">
          <PricingCardOne
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={true}
            plans={[
              { id: "online-premium", badge: "ENG MASHHUR", price: "$250", subtitle: "4 oy (3 oy + 1 bonus)", features: ["10 bo'lim, 51 ta mavzu", "Shaxsiy mentor nazorati", "24/7 AI bot", "Zakrit kommyuniti"] },
              { id: "masofaviy-gibrid", badge: "INTENSIV", price: "$600", subtitle: "9 hafta", features: ["Live + Online format", "5 kishilik guruh", "Bepul signal kanali", "1:1 mentor sessiyasi"] }
            ]}
            title="Kurslarimiz"
            description="O'zingizga mos kursni tanlang va halol treyding yo'lida birinchi qadamni qo'ying. Eslatma: Intensiv guruh joylari juda cheklangan, shoshiling!"
          />
        </div>

        <div id="stats" data-section="stats">
          <MetricCardTwo
            animationType="slide-up"
            textboxLayout="split"
            gridVariant="uniform-all-items-equal"
            useInvertedBackground={false}
            metrics={[
              { id: "m1", value: "66%", description: "Birinchi oyda profitga chiqqanlar" },
              { id: "m2", value: "400+", description: "O'quvchilar soni" },
              { id: "m3", value: "5+", description: "Yillik tajriba" },
              { id: "m4", value: "50+", description: "Video darslar" }
            ]}
            title="Statistika"
            description="Muvaffaqiyatli o'quvchilar natijalari"
          />
        </div>

        <div id="mentors" data-section="mentors">
          <TeamCardEleven
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={true}
            groups={[
              {
                id: "team1",                groupTitle: "Mentorlar",                members: [
                  { id: "mentor-1", title: "Odilbek", subtitle: "CEO & Asoschisi", detail: "4 yillik tajriba, halol treyding yo'nalishi asoschisi." },
                  { id: "mentor-2", title: "Bunyodbek", subtitle: "Mentor", detail: "3+ yillik tajriba, 100+ o'quvchi." },
                  { id: "mentor-3", title: "Jamshid", subtitle: "Analitik", detail: "Texnik tahlil mutaxassisi." }
                ]
              }
            ]}
            title="Bizning mentorlarimiz"
            description="Tajribali professional treyderlar sizga yo'l boshlaydi."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardSix
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
            testimonials={[
              { id: "1", name: "Azizbekjon", handle: "O'quvchi", testimonial: "Menga juda yoqdi. Bot signalini olaman. Rahmat katta!", imageSrc: "http://img.b2bpic.net/free-photo/smiling-blond-female-eyeglasses-holds-tablet-pc-take-away-coffee-cup_613910-2236.jpg?_wi=2" },
              { id: "2", name: "Mironshoh Mirzayev", handle: "O'quvchi", testimonial: "Rahmat katta ustoz. Bu akademiya ajoyib.", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-bandana-studying-cafe_273609-13066.jpg" },
              { id: "3", name: "Alijon Valiyev", handle: "O'quvchi", testimonial: "Hammaga tavsiya qilaman! Eng yaxshi tanlov.", imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-holding-folder_74855-5075.jpg" },
              { id: "4", name: "Sardor Tolipov", handle: "O'quvchi", testimonial: "Professional akademiya, o'rganish juda qulay.", imageSrc: "http://img.b2bpic.net/free-photo/handsome-successful-young-male-entrepreneur-dressed-blue-shirt-smiling-developing-new-start-up-business-project-his-workplace-having-great-ideas-plans-using-modern-electronic-devices_343059-1582.jpg" },
              { id: "5", name: "Azizbekjon", handle: "O'quvchi", testimonial: "Tizim juda aniq va foydali.", imageSrc: "http://img.b2bpic.net/free-photo/passion-tenderness-wellbeing-concept-girl-accept-own-self-smiling-charming-grin-tilt-head-hugging-he_1258-137294.jpg" }
            ]}
            title="O'quvchilarimiz fikri"
            description="Bizning o'quvchilarimizning haqiqiy fikrlari va tajribalari."
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqDouble
            textboxLayout="split"
            useInvertedBackground={true}
            faqs={[
              { id: "q1", title: "Treydingni noldan o'rganish mumkinmi?", content: "Ha, bizning kurslar 0 dan boshlab o'rganish uchun mo'ljallangan." },
              { id: "q2", title: "Kurslar online yoki offline?", content: "Online va Gibrid formatlarda mavjud." },
              { id: "q3", title: "Sertifikat beriladimi?", content: "Ha, muvaffaqiyatli tugatgandan so'ng." },
              { id: "q4", title: "Qanday qo'llab-quvvatlash tizimi bor?", content: "24/7 AI bot, mentorlar va kommyuniti." }
            ]}
            title="Ko'p so'raladigan savollar"
            description="Eng ko'p beriladigan savollarga javoblar."
            faqsAnimation="slide-up"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactCTA
            useInvertedBackground={false}
            background={{ variant: "sparkles-gradient" }}
            tag="Aloqa"
            title="Bugun boshlang — halol treyding yo'lida"
            description="Professional treyderlar safiga qo'shiling."
            buttons={[{ text: "Ro'yxatdan o'tish", href: "#" }]}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterSimple
            columns={[
              { title: "MTrade Academy", items: [{ label: "Biz haqimizda", href: "#" }, { label: "Blog", href: "#" }] },
              { title: "Tez havolalar", items: [{ label: "Kurslar", href: "#" }, { label: "FAQ", href: "#" }] },
              { title: "Kontakt", items: [{ label: "+998 77 373 12 48", href: "tel:+998773731248" }] }
            ]}
            bottomLeftText="© 2026 MTRADE Academy."
            bottomRightText="Investitsiya maslahati emas."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
