"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Phone, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="medium"
        background="fluid"
        cardStyle="subtle-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Главная",          id: "hero"},
        {
          name: "О нас",          id: "about"},
        {
          name: "Преимущества",          id: "features"},
        {
          name: "Достижения",          id: "metrics"},
        {
          name: "Услуги",          id: "pricing"},
        {
          name: "Отзывы",          id: "testimonials"},
        {
          name: "Контакты",          id: "contact"},
      ]}
      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=b4arn2"
      logoAlt="Логотип AutoPro"
      brandName="AutoPro"
      button={{
        text: "Записаться",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      title="AutoPro: Ваш Надёжный Автосервис в Алматы"
      description="Полный спектр услуг по ремонту и обслуживанию автомобилей любой марки. Быстро, профессионально, с гарантией качества."
      testimonials={[
        {
          name: "Алишер К.",          handle: "@AlisherK",          testimonial: "Отличный сервис! Быстро заменили масло, цены порадовали. Теперь только к вам!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-choosing-car-car-showroom_1303-21757.jpg",          imageAlt: "Отзыв клиента Алишера К."},
        {
          name: "Елена С.",          handle: "@ElenaS",          testimonial: "Проводила диагностику ходовой, нашли проблему, которую в других местах не видели. Спасибо!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-crazy-man-happy-expression_1194-1955.jpg",          imageAlt: "Отзыв клиента Елены С."},
        {
          name: "Марат Ж.",          handle: "@MaratZh",          testimonial: "Шиномонтаж сделали оперативно, без очереди. Качественно и недорого.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-mechanic-standing-repair-shop_1170-1348.jpg",          imageAlt: "Отзыв клиента Марата Ж."},
        {
          name: "Сергей П.",          handle: "@SergeyP",          testimonial: "Молодцы! Всегда доброжелательные и квалифицированные специалисты. Рекомендую AutoPro.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/concentrated-young-businessman-analyzing-documents-while-traveling_171337-16185.jpg",          imageAlt: "Отзыв клиента Сергея П."},
        {
          name: "Динара А.",          handle: "@DinaraA",          testimonial: "Удобное расположение и очень прозрачный прайс. Делают на совесть.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/repairman-looks-online-new-car-parts_482257-76170.jpg",          imageAlt: "Отзыв клиента Динары А."},
      ]}
      testimonialRotationInterval={5000}
      buttons={[
        {
          text: "Записаться на обслуживание",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",          alt: "Клиент 1"},
        {
          src: "http://img.b2bpic.net/free-photo/young-black-girl-happy-expression_1194-4250.jpg",          alt: "Клиент 2"},
        {
          src: "http://img.b2bpic.net/free-photo/bearded-man-brown-suit-wearing-glasses-looking-with-smile-happy-face_141793-111811.jpg",          alt: "Клиент 3"},
        {
          src: "http://img.b2bpic.net/free-photo/videographer-smiling-camera-working-computer-editing-video-footage-audio-app-sitting-mo_482257-2649.jpg",          alt: "Клиент 4"},
        {
          src: "http://img.b2bpic.net/free-photo/handsome-man-posing-with-coffee-cup_23-2148486199.jpg",          alt: "Довольный клиент"},
      ]}
      avatarText="Доверяют более 5000 клиентов"
      imageSrc="http://img.b2bpic.net/free-photo/mechanic-man-uniform-repairing-car-garage-service-station_613910-19555.jpg"
      imageAlt="Ремонт автомобиля в автосервисе"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",          text: "Быстрое обслуживание"},
        {
          type: "text",          text: "Гарантия качества"},
        {
          type: "text",          text: "Доступные цены"},
        {
          type: "text",          text: "Опытные мастера"},
        {
          type: "text",          text: "Современное оборудование"},
      ]}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="О Нас – Почему Выбирают AutoPro"
      description={[
        "AutoPro – это современный автосервис в Алматы, который предлагает полный спектр услуг по диагностике, ремонту и техническому обслуживанию автомобилей. Мы работаем с легковыми автомобилями всех марок и моделей, используя только высококачественное оборудование и проверенные запчасти.",        "Наша команда состоит из опытных и квалифицированных специалистов, которые регулярно проходят обучение и повышают свою квалификацию. Мы ценим каждого клиента и стремимся обеспечить максимальный комфорт и прозрачность на всех этапах обслуживания. Ваша безопасность и удовлетворённость – наш главный приоритет."]}
      buttons={[
        {
          text: "Наши Услуги",          href: "#pricing"},
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      textboxLayout="default"
      useInvertedBackground={false}
      animationType="depth-3d"
      negativeCard={{
        items: [
          "Долгие ожидания",          "Непрозрачные цены",          "Неопытные механики"],
      }}
      positiveCard={{
        items: [
          "Быстрое обслуживание",          "Честные цены",          "Опытные специалисты"],
      }}
      title="Наши Преимущества – Надёжность в Деталях"
      description="Мы предлагаем безупречное качество и индивидуальный подход к каждому автомобилю."
      tag="Наши преимущества"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Посмотреть все услуги",          href: "#pricing"},
      ]}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      textboxLayout="default"
      useInvertedBackground={true}
      animationType="scale-rotate"
      metrics={[
        {
          id: "1",          value: "10+",          title: "Лет на рынке",          description: "Опыт и надёжность",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-machine-mechanisms-processing-metal-product-photo-with-depth-field_645730-129.jpg",          imageAlt: "Иконка шестерёнки"},
        {
          id: "2",          value: "5000+",          title: "Довольных клиентов",          description: "Наша гордость и репутация",          imageSrc: "http://img.b2bpic.net/free-photo/smile-emoji-front-side_187299-39686.jpg",          imageAlt: "Иконка группы людей"},
        {
          id: "3",          value: "24/7",          title: "Поддержка",          description: "Всегда на связи",          imageSrc: "http://img.b2bpic.net/free-photo/call-center-agents-logging-customer-interactions-spreadsheet-document-pc_482257-117912.jpg",          imageAlt: "Иконка наушников"},
      ]}
      title="Наши Достижения в Цифрах"
      description="Гордимся каждым отремонтированным автомобилем и каждым довольным клиентом."
      tag="Статистика"
      buttons={[
        {
          text: "Узнать больше",          href: "#about"},
      ]}
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      animationType="blur-reveal"
      plans={[
        {
          id: "oil_change",          tag: "Базовая",          price: "5000 тг",          period: "за услугу",          description: "Быстрая и профессиональная замена моторного масла.",          button: {
            text: "Записаться",            href: "#contact"},
          featuresTitle: "Включает:",          features: [
            "Проверка уровня жидкостей",            "Визуальный осмотр двигателя",            "Гарантия на работы"],
        },
        {
          id: "diagnostics",          tag: "Стандарт",          price: "3000 тг",          period: "за услугу",          description: "Комплексная диагностика всех систем автомобиля.",          button: {
            text: "Записаться",            href: "#contact"},
          featuresTitle: "Включает:",          features: [
            "Компьютерная диагностика",            "Проверка подвески и рулевого",            "Оценка состояния тормозов"],
        },
        {
          id: "tire_fitting",          tag: "Эконом",          price: "2000 тг",          period: "за колесо",          description: "Профессиональный шиномонтаж и балансировка.",          button: {
            text: "Записаться",            href: "#contact"},
          featuresTitle: "Включает:",          features: [
            "Снятие/установка колеса",            "Балансировка",            "Проверка давления"],
        },
      ]}
      title="Наши Услуги и Цены"
      description="Выберите подходящую услугу для вашего автомобиля. Прозрачно и без скрытых платежей."
      tag="Прайс-лист"
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          title: "Оперативно и качественно!",          quote: "Очень доволен работой AutoPro. Быстро провели диагностику и устранили неисправность. Вежливый персонал, всё объяснили. Однозначно рекомендую!",          name: "Иван Петров",          role: "Владелец Toyota Camry",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-artisan-doing-woodcutting_52683-126484.jpg",          imageAlt: "Иван Петров, клиент AutoPro"},
        {
          id: "t2",          title: "Лучший шиномонтаж в городе!",          quote: "Каждый сезон приезжаю на шиномонтаж в AutoPro. Всегда быстро, аккуратно и по отличной цене. Проблем ни разу не было.",          name: "Анна Смирнова",          role: "Владелица Kia Rio",          imageSrc: "http://img.b2bpic.net/free-photo/clients-reaching-agreement-with-agent-dealership-after-driving-vehicle_482257-117294.jpg",          imageAlt: "Анна Смирнова, клиент AutoPro"},
        {
          id: "t3",          title: "Профессионалы своего дела",          quote: "Обратился с проблемой по двигателю, которую в других сервисах не могли решить. Здесь быстро выявили причину и качественно отремонтировали. Машина как новая!",          name: "Максим Ковалев",          role: "Владелец Mercedes-Benz",          imageSrc: "http://img.b2bpic.net/free-photo/solid-asian-man-white-shirt-sunglasses-posed-near-black-mafia-suv-car_627829-3654.jpg",          imageAlt: "Максим Ковалев, клиент AutoPro"},
        {
          id: "t4",          title: "Цены адекватные, качество на высоте",          quote: "Регулярно прохожу ТО в AutoPro. Цены приемлемые, качество работ стабильно высокое. Чувствуется, что ребята работают на совесть.",          name: "Ольга Новикова",          role: "Владелица Hyundai Elantra",          imageSrc: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",          imageAlt: "Ольга Новикова, клиент AutoPro"},
        {
          id: "t5",          title: "Удобно и надёжно",          quote: "Удобное расположение, легко записаться. Всегда прозрачно рассказывают о работах и стоимости. Полностью доверяю свой автомобиль только им.",          name: "Денис Морозов",          role: "Владелец Volkswagen Polo",          imageSrc: "http://img.b2bpic.net/free-photo/man-driving-car-focused-driver-daylight-calm-modern-interior_169016-68576.jpg",          imageAlt: "Денис Морозов, клиент AutoPro"},
        {
          id: "t6",          title: "Быстрое решение сложных задач",          quote: "Моя машина начала издавать странные звуки, никто не мог понять что это. В AutoPro нашли и устранили проблему за пару часов. Очень благодарен!",          name: "Евгений Краснов",          role: "Владелец Nissan Qashqai",          imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-business-man-car-showrrom_1303-21194.jpg",          imageAlt: "Евгений Краснов, клиент AutoPro"},
      ]}
      title="Отзывы Довольных Клиентов"
      description="Мы ценим доверие и стремимся превзойти ожидания каждого владельца автомобиля."
      tag="Наши клиенты"
      tagAnimation="none"
      buttonAnimation="none"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Контакты"
      title="Свяжитесь с Нами - Мы Готовы Помочь!"
      description="Оставьте свои контактные данные, и наш менеджер свяжется с вами для записи или консультации. Работаем без выходных."
      tagIcon={Phone}
      tagAnimation="none"
      inputPlaceholder="Ваш email или телефон"
      buttonText="Отправить заявку"
      termsText="Нажимая кнопку, вы соглашаетесь с нашей политикой конфиденциальности."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/abstract-blue-blur-background_1048-6184.jpg"
      imageAlt="Фон автосервиса"
      logoText="AutoPro"
      columns={[
        {
          title: "Услуги",          items: [
            {
              label: "Замена масла",              href: "#pricing"},
            {
              label: "Диагностика",              href: "#pricing"},
            {
              label: "Шиномонтаж",              href: "#pricing"},
            {
              label: "Все услуги",              href: "#pricing"},
          ],
        },
        {
          title: "Компания",          items: [
            {
              label: "О нас",              href: "#about"},
            {
              label: "Отзывы",              href: "#testimonials"},
            {
              label: "Контакты",              href: "#contact"},
          ],
        },
        {
          title: "Контакты",          items: [
            {
              label: "Алматы, ул. Желтоксан 123",              href: "#"},
            {
              label: "+7 (707) 123-45-67",              href: "tel:+77071234567"},
            {
              label: "info@autopro.kz",              href: "mailto:info@autopro.kz"},
          ],
        },
      ]}
      copyrightText="© 2024 AutoPro. Все права защищены."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
