"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { CheckCircle, TrendingUp, Users, Zap, Clock, User, FileText } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        { name: "Главная", id: "hero" },
        { name: "Курсы", id: "subjects" },
        { name: "Преподаватели", id: "teachers" },
        { name: "ОГЭ и ЕГЭ", id: "features" },
        { name: "FAQ", id: "faq" }
      ]}
      brandName="УчисьЛегко"
      button={{ text: "Записаться", href: "#contact" }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Учись. Сдавай. Поступай."
      description="Школьная программа 5–11 класс. Подготовка к ОГЭ и ЕГЭ с гибким графиком и личным куратором."
      buttons={[
        { text: "Начать обучение", href: "#contact" },
        { text: "Посмотреть курсы", href: "#subjects" }
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-100541.jpg"
      imageAlt="Abstract luxury gradient blue background"
    />
  </div>

  <div id="stats" data-section="stats">
      <AboutMetric
      useInvertedBackground={false}
      title="Достижения учеников"
      metrics={[
        { icon: CheckCircle, label: "Средний балл", value: "84/100" },
        { icon: TrendingUp, label: "Прогресс", value: "67%" },
        { icon: Users, label: "Учеников", value: "5000+" }
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentySix
      textboxLayout="inline-image"
      useInvertedBackground={true}
      features={[
        { title: "Тренажёр ФИПИ", description: "Реальные задания, таймер и разбор ошибок.", buttonIcon: Zap, imageSrc: "http://img.b2bpic.net/free-photo/study-group-learning-library_23-2149215455.jpg" },
        { title: "Гибкое расписание", description: "Учитесь в удобное для вас время.", buttonIcon: Clock, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-studying-classroom_23-2150312861.jpg" },
        { title: "Личный куратор", description: "Поддержка 24/7 по любым вопросам.", buttonIcon: User, imageSrc: "http://img.b2bpic.net/free-photo/brainstroming-education-concept-two-students-discuss-their-subject-write-notebook-create-article-blog-discuss-ideas-development-sit-coworking-space-tutor-gives-private-lesson_273609-28933.jpg" },
        { title: "Отчёты родителям", description: "Еженедельная успеваемость в личном кабинете.", buttonIcon: FileText, imageSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-multiethnic-coworker-meet-together-preparing-project-discuss-ideas-productive-scientific-work_273609-44833.jpg" }
      ]}
      title="Почему мы"
      description="Платформа, которой доверяют родители"
    />
  </div>

  <div id="subjects" data-section="subjects">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        { id: "1", name: "Математика", price: "12 курсов", variant: "ОГЭ/ЕГЭ", imageSrc: "http://img.b2bpic.net/free-photo/smooth-flowing-blue-white-gradient-abstract_84443-73737.jpg" },
        { id: "2", name: "Русский язык", price: "12 курсов", variant: "ОГЭ/ЕГЭ", imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-88591.jpg" },
        { id: "3", name: "Физика", price: "12 курсов", variant: "ОГЭ/ЕГЭ", imageSrc: "http://img.b2bpic.net/free-photo/abstract-luxury-gradient-blue-background-smooth-dark-blue-with-black-vignette-studio-banner_1258-102394.jpg" },
        { id: "4", name: "Обществознание", price: "12 курсов", variant: "ОГЭ/ЕГЭ", imageSrc: "http://img.b2bpic.net/free-photo/digital-picture-world-from-outer-space_53876-104050.jpg" },
        { id: "5", name: "Английский", price: "12 курсов", variant: "ОГЭ/ЕГЭ", imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3810.jpg" },
        { id: "6", name: "Биология", price: "12 курсов", variant: "ОГЭ/ЕГЭ", imageSrc: "http://img.b2bpic.net/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3819.jpg" }
      ]}
      title="Наши предметы"
      description="Готовим к экзаменам по всем направлениям"
    />
  </div>

  <div id="teachers" data-section="teachers">
      <TeamCardSix
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      members={[
        { id: "1", name: "Анна Петрова", role: "Математика, 12 лет", imageSrc: "http://img.b2bpic.net/free-photo/photo-two-joyful-females-embrace-together_273609-28698.jpg" },
        { id: "2", name: "Игорь Сергеев", role: "Физика, 8 лет", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-age-woman-having-fun_23-2149269547.jpg" },
        { id: "3", name: "Елена Иванова", role: "Английский, 10 лет", imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-teacher-pink-blouse-green_140725-153904.jpg" },
        { id: "4", name: "Дмитрий Смирнов", role: "История, 5 лет", imageSrc: "http://img.b2bpic.net/free-photo/man-woman-sitting-cafe-studying_273609-13068.jpg" },
        { id: "5", name: "Мария Сидорова", role: "Химия, 6 лет", imageSrc: "http://img.b2bpic.net/free-photo/blond-female-dressed-white-shirt-eyeglasses-holds-tablet-pc-grey-background_613910-11913.jpg" }
      ]}
      title="Преподаватели"
      description="Опытные педагоги — выпускники топ-вузов"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        { id: "1", name: "Анна К.", role: "Мама ученика", company: "9 класс", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-concept-with-smiling-father-daughter_23-2147805472.jpg" },
        { id: "2", name: "Сергей И.", role: "Папа ученицы", company: "11 класс", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-girl-adopted-by-couple_23-2149574089.jpg" },
        { id: "3", name: "Ольга В.", role: "Мама ученика", company: "10 класс", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-kid-woman-taking-selfie_23-2149514084.jpg" },
        { id: "4", name: "Михаил П.", role: "Отец ученика", company: "9 класс", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/grandmother-granddaughter-enjoying-new-year-party_23-2149173226.jpg" },
        { id: "5", name: "Ирина С.", role: "Мама ученицы", company: "11 класс", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-women-hugging_23-2149304692.jpg" }
      ]}
      kpiItems={[
        { label: "Довольных мам", value: "98%" },
        { label: "Средний балл", value: "84+" },
        { label: "Учеников", value: "5000+" }
      ]}
      title="Отзывы"
      description="Мнение родителей"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{ variant: "sparkles-gradient" }}
      tag="Начать"
      title="Готовы начать?"
      description="Присоединяйтесь к нашей платформе для подготовки к экзаменам уже сегодня."
      buttons={[{ text: "Записаться на пробный урок", href: "#" }]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="УчисьЛегко"
      columns={[
        { title: "О школе", items: [{ label: "О нас", href: "#" }, { label: "Вакансии", href: "#" }] },
        { title: "Курсы", items: [{ label: "Математика", href: "#" }, { label: "Физика", href: "#" }] },
        { title: "Помощь", items: [{ label: "FAQ", href: "#" }, { label: "Контакты", href: "#" }] },
        { title: "Конфиденциальность", items: [{ label: "Оферта", href: "#" }, { label: "Политика", href: "#" }] }
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}