"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { BookOpen } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="small"
        sizing="mediumLarge"
        background="fluid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Asosiy",
          id: "hero",
        },
        {
          name: "Haqida",
          id: "about",
        },
        {
          name: "Yo'nalishlar",
          id: "features",
        },
        {
          name: "Jamoa",
          id: "team",
        },
        {
          name: "Bog'lanish",
          id: "contact",
        },
      ]}
      brandName="Jondor 2-sonli KHM"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "gradient-bars",
      }}
      title="Jondor 2-sonli Kasb-hunar Maktabi"
      description="Kelajak kasblarini bugundan egallang. Bizning maktabimiz sizga sifatli ta'lim va amaliy ko'nikmalarni taqdim etadi."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/confident-guy-with-crossed-arms-standing-front-stairs_74855-1571.jpg",
          alt: "Staff member",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg",
          alt: "Staff member",
        },
        {
          src: "http://img.b2bpic.net/free-photo/side-view-business-people-working-together_23-2150384881.jpg",
          alt: "Staff member",
        },
        {
          src: "http://img.b2bpic.net/free-photo/three-friends-studying-from-documents-notebooks-library_23-2149283307.jpg",
          alt: "Student studying",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-people-library_23-2149204735.jpg",
          alt: "Student at library",
        },
      ]}
      buttons={[
        {
          text: "Hujjat topshirish",
          href: "#contact",
        },
      ]}
      marqueeItems={[
        {
          type: "text",
          text: "Zamonaviy Ta'lim",
        },
        {
          type: "text",
          text: "Amaliy Ko'nikmalar",
        },
        {
          type: "text",
          text: "Kafolatlangan Ish",
        },
        {
          type: "text",
          text: "Tajribali Ustozlar",
        },
        {
          type: "text",
          text: "Kelajak Kasblari",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Biz haqimizda"
      title="Ta'lim sifati va kelajak"
      description="Maktabimiz o'quvchilarni zamonaviy kasblarga o'rgatish va mehnat bozoriga tayyorlashga ixtisoslashgan."
      subdescription="Bizning maqsadimiz – har bir o'quvchiga amaliy tajriba va chuqur nazariy bilimlarni berish."
      imageSrc="http://img.b2bpic.net/free-photo/multiethnic-scholars-library-engaged-remote-learning-with-their-mentor_482257-119542.jpg"
      mediaAnimation="slide-up"
      icon={BookOpen}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyOne
      useInvertedBackground={true}
      title="Ta'lim Yo'nalishlari"
      description="Biz taklif etadigan asosiy yo'nalishlar va imkoniyatlar:"
      accordionItems={[
        {
          id: "f1",
          title: "IT va Dasturlash",
          content: "Zamonaviy dasturlash tillari va kompyuter savodxonligi.",
        },
        {
          id: "f2",
          title: "Texnik xizmat ko'rsatish",
          content: "Mexanika va texnik uskunalar bilan ishlash.",
        },
        {
          id: "f3",
          title: "Qurilish va Dizayn",
          content: "Qurilish yo'nalishidagi zamonaviy texnologiyalar.",
        },
        {
          id: "f4",
          title: "Iqtisodiyot va Buxgalteriya",
          content: "Moliyaviy hisobot va boshqaruv asoslari.",
        },
        {
          id: "f5",
          title: "Xizmat ko'rsatish sohasi",
          content: "Mehmonxona va restoran boshqaruvi.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-speaker-talking-looking-colleagues_74855-4326.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "m1",
          name: "Ali Valiyev",
          role: "Direktor",
          description: "Ko'p yillik pedagogik tajribaga ega rahbar.",
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-colleagues-work-front-view_23-2149741162.jpg",
        },
        {
          id: "m2",
          name: "Salima Qodirova",
          role: "Metodist",
          description: "Ta'lim sifatini nazorat qiluvchi yetakchi mutaxassis.",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-library_23-2148680199.jpg",
        },
        {
          id: "m3",
          name: "Bahodir Tursunov",
          role: "Ustoz",
          description: "Amaliyot va texnik yo'nalishlar bo'yicha ekspert.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-economist_1098-16135.jpg",
        },
      ]}
      title="Bizning Pedagoglar"
      description="O'z tajribasi bilan o'rtoqlashuvchi professional ustozlarimiz."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",
          name: "Azizbek",
          role: "Bitiruvchi",
          company: "IT kompaniya",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-student-graduation-cap_93675-133878.jpg",
        },
        {
          id: "t2",
          name: "Dilshoda",
          role: "Bitiruvchi",
          company: "Dizayn studiya",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/group-students-celebrating-graduation-together-wearing-face-masks_1303-27689.jpg",
        },
        {
          id: "t3",
          name: "Jasur",
          role: "Bitiruvchi",
          company: "Texnik markaz",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-charming-dark-skinned-man-with-afro-hairstyle-walking-with-girlfriend-park-smiling-broadly-camera-while-being-good-mood-siblings-spending-time-together_176420-42416.jpg",
        },
        {
          id: "t4",
          name: "Madina",
          role: "Bitiruvchi",
          company: "Maktab",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/blonde-girl-putting-hand-head-thinking-about-something-graduation-gown-cap-looking-pensive_176474-82584.jpg",
        },
        {
          id: "t5",
          name: "Sardor",
          role: "Bitiruvchi",
          company: "Loyiha",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/problem-solving-concept-with-rocket_23-2149908694.jpg",
        },
      ]}
      kpiItems={[
        {
          value: "500+",
          label: "Bitiruvchilar",
        },
        {
          value: "95%",
          label: "Ish bilan ta'minlangan",
        },
        {
          value: "15",
          label: "Yo'nalishlar",
        },
      ]}
      title="Bitiruvchilarimiz fikrlari"
      description="Bizning maktabni bitirgan o'quvchilar nima deydi?"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "O'qish muddati qancha?",
          content: "Yo'nalishga qarab 1 yoki 2 yil.",
        },
        {
          id: "q2",
          title: "Diplom beriladimi?",
          content: "Ha, davlat standarti bo'yicha diplom beriladi.",
        },
        {
          id: "q3",
          title: "Qanday hujjatlar kerak?",
          content: "Pasport nusxasi, diplom/attestat, va fotosurat.",
        },
      ]}
      title="Savollar"
      description="Ko'p so'raladigan savollar va javoblar."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "metric-1",
          value: "12",
          description: "O'quv xonalari",
        },
        {
          id: "metric-2",
          value: "45",
          description: "Malakali ustozlar",
        },
        {
          id: "metric-3",
          value: "100%",
          description: "Amaliy mashg'ulotlar",
        },
      ]}
      title="Statistikamiz"
      description="Bizning yutuqlarimiz raqamlarda."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      text="Biz bilan bog'laning! Hujjat topshirish yoki qo'shimcha savollar uchun: P493+XHP, Tabagar, Buxoro Viloyati, Uzbekistan."
      buttons={[
        {
          text: "Qo'ng'iroq qilish",
          href: "tel:+998000000000",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Jondor 2-sonli KHM"
      leftLink={{
        text: "Maxfiylik siyosati",
        href: "#",
      }}
      rightLink={{
        text: "Barcha huquqlar himoyalangan © 2024",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
