"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, Clock, Crown, Feather, Heart, ShieldCheck, Smile, Sparkles, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumLarge"
        background="aurora"
        cardStyle="layered-gradient"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Главная",          id: "#home"},
        {
          name: "О нас",          id: "#about"},
        {
          name: "Услуги",          id: "#services"},
        {
          name: "Команда",          id: "#team"},
        {
          name: "Отзывы",          id: "#testimonials"},
        {
          name: "Цены",          id: "#pricing"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Контакты",          id: "#contact"}
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=jjs3g9"
      logoAlt="Mendeleev Dental Clinic logo"
      brandName="Mendeleev Dental Clinic"
      bottomLeftText="Современные решения"
      bottomRightText="+7 (XXX) XXX-XX-XX"
      button={{
        text: "Записаться на прием",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroCarouselLogo
      logoText="Mendeleev Dental Clinic"
      description="Стоматологическая клиника Менделеева сочетает современные технологии с индивидуальным подходом к лечению. Запишитесь на прием сегодня и ощутите разницу профессионального ухода."
      buttons={[
        {
          text: "Записаться на прием",          href: "#contact"}
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/dentist-equipment_23-2148104981.jpg",          imageAlt: "Современный интерьер стоматологической клиники"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/female-patient-opening-her-mouth-doctor-look-her-throat-otolaryngologist-examines-sore-throat-patient_657921-196.jpg",          imageAlt: "Стоматолог осматривает пациента"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-dentist-instruments_23-2151053308.jpg",          imageAlt: "Высокотехнологичное стоматологическое оборудование"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/afro-girl-dental-chair-with-dentist-assistant-around_651396-1409.jpg",          imageAlt: "Семья на приеме у стоматолога"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-female-dentist-showing-patient-dental-xray-dentistry-concept_169016-67041.jpg",          imageAlt: "Цифровой стоматологический рентген"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/big-happiness-beautiful-woman_329181-1147.jpg",          imageAlt: "Счастливый пациент с идеальной улыбкой"}
      ]}
      autoplayDelay={5000}
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Мы заботимся о вашей улыбке"
      metrics={[
        {
          icon: Award,
          label: "Лет опыта",          value: "15+"},
        {
          icon: Smile,
          label: "Счастливых улыбок",          value: "1000+"},
        {
          icon: Clock,
          label: "Процедур в месяц",          value: "200+"}
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Heart,
          title: "Современное оборудование",          description: "Используем новейшие технологии для точной диагностики и эффективного лечения."},
        {
          icon: Feather,
          title: "Индивидуальный подход",          description: "Разрабатываем план лечения, учитывая все особенности и пожелания каждого пациента."},
        {
          icon: ShieldCheck,
          title: "Безболезненное лечение",          description: "Применяем передовые методы анестезии, чтобы ваш визит был максимально комфортным."},
        {
          icon: Crown,
          title: "Полный спектр услуг",          description: "От профилактики до имплантации — все виды стоматологической помощи в одном месте."},
        {
          icon: Users,
          title: "Семейная стоматология",          description: "Забота о здоровье зубов всей семьи, включая детскую стоматологию."}
      ]}
      title="Наши профессиональные услуги"
      description="Мы предлагаем полный спектр стоматологических услуг, используя передовые технологии и индивидуальный подход к каждому пациенту."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTen
      useInvertedBackground={false}
      title="Наша команда экспертов"
      tag="Знакомьтесь"
      membersAnimation="slide-up"
      members={[
        {
          id: "dr-petrova",          name: "Др. Анна Петрова, Главный врач",          imageSrc: "http://img.b2bpic.net/free-photo/family-doctor-doctor-s-office_23-2148168485.jpg",          imageAlt: "Портрет доктора Анны Петровой"},
        {
          id: "dr-sidorov",          name: "Др. Иван Сидоров, Стоматолог-терапевт",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-doctor-medical-shirt-medic-pandemic-covid-nurse-emotions_179666-24177.jpg",          imageAlt: "Портрет доктора Ивана Сидорова"},
        {
          id: "dr-kuznetsova",          name: "Др. Елена Кузнецова, Ортодонт",          imageSrc: "http://img.b2bpic.net/free-photo/pretty-woman-playing-with-party-accesories_1187-3745.jpg",          imageAlt: "Портрет доктора Елены Кузнецовой"}
      ]}
      memberVariant="card"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Анна Смирнова",          role: "Менеджер",          company: "ООО 'Успех'",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-female-doctor-holding-stethoscope_268835-944.jpg",          imageAlt: "Фото Анны Смирновой"},
        {
          id: "2",          name: "Сергей Иванов",          role: "Предприниматель",          company: "ИП Иванов",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-successful-young-businessman_1262-1876.jpg",          imageAlt: "Фото Сергея Иванова"},
        {
          id: "3",          name: "Елена Морозова",          role: "Пенсионерка",          company: "Частный клиент",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/senior-business-man-clenching-his-teeth-while-talking-phone_1262-800.jpg",          imageAlt: "Фото Елены Морозовой"},
        {
          id: "4",          name: "Дмитрий Козлов",          role: "Студент",          company: "Университет",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/modern-man-bench_23-2147961432.jpg",          imageAlt: "Фото Дмитрия Козлова"},
        {
          id: "5",          name: "Ольга Васильева",          role: "Дизайнер",          company: "Студия Дизайна",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg",          imageAlt: "Фото Ольги Васильевой"}
      ]}
      title="Что говорят наши пациенты"
      description="Отзывы наших довольных клиентов — лучшее подтверждение качества наших услуг и заботы о каждом."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic-checkup",          badge: "Популярно",          badgeIcon: Star,
          price: "От 2 500 ₽",          name: "Базовый осмотр",          buttons: [
            {
              text: "Записаться",              href: "#contact"}
          ],
          features: [
            "Первичный осмотр и консультация",            "Диагностика состояния зубов",            "Составление плана лечения"]
        },
        {
          id: "professional-cleaning",          badge: "Рекомендуем",          badgeIcon: Sparkles,
          price: "От 5 000 ₽",          name: "Профессиональная чистка",          buttons: [
            {
              text: "Записаться",              href: "#contact"}
          ],
          features: [
            "Удаление зубного камня",            "Полировка зубов",            "Рекомендации по уходу"]
        },
        {
          id: "teeth-whitening",          badge: "Премиум",          badgeIcon: Award,
          price: "От 15 000 ₽",          name: "Отбеливание зубов",          buttons: [
            {
              text: "Записаться",              href: "#contact"}
          ],
          features: [
            "Профессиональное отбеливание",            "Защита эмали",            "Длительный результат"]
        }
      ]}
      title="Прозрачные цены на услуги"
      description="Выберите подходящий план или услугу. Мы предлагаем конкурентные цены и отсутствие скрытых платежей."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Сколько стоят ваши услуги?",          content: "Стоимость услуг зависит от необходимого лечения. Вы можете ознакомиться с примерным прайс-листом в разделе 'Цены' или записаться на первичную консультацию для точного расчета."},
        {
          id: "q2",          title: "Как записаться на прием?",          content: "Записаться на прием можно по телефону, через форму на сайте или лично в нашей клинике. Мы всегда готовы подобрать удобное для вас время."},
        {
          id: "q3",          title: "Работаете ли вы с детьми?",          content: "Да, наша клиника предлагает услуги детской стоматологии. Наши специалисты имеют опыт работы с маленькими пациентами и создают комфортную атмосферу."},
        {
          id: "q4",          title: "Принимаете ли вы полисы ДМС?",          content: "Мы работаем со многими страховыми компаниями по полисам ДМС. Пожалуйста, уточните детали по телефону или при посещении клиники."}
      ]}
      sideTitle="Часто задаваемые вопросы"
      sideDescription="Мы собрали ответы на самые популярные вопросы наших пациентов, чтобы вы могли найти нужную информацию быстро и легко."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Запись на прием"
      title="Свяжитесь с нами"
      description="Мы всегда готовы ответить на ваши вопросы и помочь с записью на прием в удобное для вас время. Заполните форму, и мы свяжемся с вами в ближайшее время."
      imageSrc="http://img.b2bpic.net/free-photo/medical-instruments_1157-18593.jpg"
      imageAlt="Чистые стоматологические инструменты"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Введите ваш email"
      buttonText="Отправить"
      termsText='Нажимая "Отправить", вы соглашаетесь с нашими Условиями и положениями.'
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/blur-shopping-mall_1203-7876.jpg"
      imageAlt="Интерьер стоматологической клиники"
      logoText="Mendeleev Dental Clinic"
      columns={[
        {
          title: "Услуги",          items: [
            {
              label: "Профилактика",              href: "#services"},
            {
              label: "Косметология",              href: "#services"},
            {
              label: "Имплантация",              href: "#services"},
            {
              label: "Ортодонтия",              href: "#services"}
          ]
        },
        {
          title: "Клиника",          items: [
            {
              label: "О нас",              href: "#about"},
            {
              label: "Команда",              href: "#team"},
            {
              label: "FAQ",              href: "#faq"}
          ]
        },
        {
          title: "Контакты",          items: [
            {
              label: "Записаться",              href: "#contact"},
            {
              label: "Наш адрес",              href: "#"},
            {
              label: "Телефон",              href: "#"}
          ]
        }
      ]}
      copyrightText="© 2024 Mendeleev Dental Clinic. Все права защищены."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
