"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Car, Shield, Zap, Users, Quote } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="medium"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          navItems={[
            { name: "Легковые", id: "cars" },
            { name: "Новые авто", id: "new-cars" },
            { name: "Все для авто", id: "auto-parts" },
            { name: "Поддержка", id: "support" },
            { name: "Продать авто", id: "sell-car" }
          ]}
          brandName="AUTO.RIA"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          background={{ variant: "sparkles-gradient" }}
          title="Найдите свой идеальный автомобиль"
          description="Более 500,000 объявлений о продаже подержанных и новых автомобилей от частных лиц и автосалонов"
          tag="AUTO.RIA"
          tagIcon={Car}
          imageSrc="https://cdn0.riastatic.com/photosnew/auto/photo/skoda_octavia__257817970fx.jpg"
          imageAlt="Skoda Octavia 2002"
          buttons={[
            { text: "Найти авто", href: "#cars" },
            { text: "Продать авто", href: "#sell-car" }
          ]}
        />
      </div>

      <div id="featured-cars" data-section="featured-cars">
        <ProductCardOne
          products={[
            {
              id: "1",              name: "Skoda Octavia 2002",              price: "1,600$",              imageSrc: "https://cdn0.riastatic.com/photosnew/auto/photo/skoda_octavia__257817970fx.jpg",              imageAlt: "Skoda Octavia 2002"
            },
            {
              id: "2",              name: "Skoda Octavia 2003",              price: "5,800$",              imageSrc: "https://cdn4.riastatic.com/photosnew/auto/photo/skoda_octavia__465178559fx.jpg",              imageAlt: "Skoda Octavia 2003"
            },
            {
              id: "3",              name: "Skoda Octavia 2002",              price: "4,500$",              imageSrc: "https://cdn0.riastatic.com/photosnew/auto/photo/skoda_octavia__619565065fx.jpg",              imageAlt: "Skoda Octavia 2002"
            },
            {
              id: "4",              name: "Skoda Octavia 2001",              price: "5,000$",              imageSrc: "https://cdn1.riastatic.com/photosnew/auto/photo/skoda_octavia__533487281fx.jpg",              imageAlt: "Skoda Octavia 2001"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          title="Рекомендуемые автомобили"
          description="Популярные модели Skoda Octavia с отличным соотношением цены и качества"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          features={[
            {
              title: "Проверенные объявления",              description: "Все автомобили проходят тщательную проверку на подлинность данных и техническое состояние",              imageSrc: "https://cdn2.riastatic.com/photosnew/auto/photo/skoda_octavia__558583392fx.jpg",              imageAlt: "Проверка автомобиля"
            },
            {
              title: "Безопасные сделки",              description: "Гарантируем безопасность покупки с проверкой документов и истории автомобиля",              imageSrc: "https://cdn0.riastatic.com/photosnew/auto/photo/skoda_octavia__593425245fx.jpg",              imageAlt: "Безопасная сделка"
            },
            {
              title: "Поддержка 24/7",              description: "Наша служба поддержки работает круглосуточно для решения любых вопросов",              imageSrc: "https://cdn.riastatic.com/photosnewr/auto/photo/skoda-octavia__489319107-460x345.jpg",              imageAlt: "Поддержка клиентов"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          title="Почему выбирают AUTO.RIA"
          description="Ведущая платформа для покупки и продажи автомобилей в Украине"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          testimonials={[
            {
              id: "1",              name: "Дмитрий Иванов",              role: "Покупатель из Киева",              testimonial: "Отличный сервис! Купил Skoda Octavia через AUTO.RIA - все прошло быстро и безопасно. Рекомендую всем!",              icon: Quote
            },
            {
              id: "2",              name: "Анна Петренко",              role: "Продавец из Одессы",              testimonial: "Продала свою машину за неделю! Много откликов, удобная платформа, отзывчивая поддержка.",              icon: Quote
            },
            {
              id: "3",              name: "Сергей Коваленко",              role: "Автодилер",              testimonial: "Работаю с AUTO.RIA уже 5 лет. Лучшая площадка для продажи автомобилей - высокая конверсия и качественные лиды.",              icon: Quote
            }
          ]}
          title="Отзывы наших клиентов"
          description="Более 2 миллионов довольных пользователей выбрали AUTO.RIA"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Связаться с нами"
          tagIcon={Users}
          title="Остались вопросы?"
          description="Подпишитесь на нашу рассылку и получайте уведомления о новых автомобилях и специальных предложениях"
          inputPlaceholder="Введите ваш email"
          buttonText="Подписаться"
          termsText="Нажимая 'Подписаться', вы соглашаетесь с нашими Условиями использования и Политикой конфиденциальности."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          columns={[
            {
              title: "Покупателям",              items: [
                { label: "Поиск автомобилей", href: "#cars" },
                { label: "Новые авто", href: "#new-cars" },
                { label: "Проверка VIN", href: "#vin-check" },
                { label: "Автокредит", href: "#credit" }
              ]
            },
            {
              title: "Продавцам",              items: [
                { label: "Подать объявление", href: "#sell" },
                { label: "Оценка авто", href: "#evaluation" },
                { label: "Реклама", href: "#advertising" },
                { label: "Автосалонам", href: "#dealers" }
              ]
            },
            {
              title: "Поддержка",              items: [
                { label: "Помощь", href: "#help" },
                { label: "Контакты", href: "#contacts" },
                { label: "О компании", href: "#about" },
                { label: "Вакансии", href: "#jobs" }
              ]
            }
          ]}
          logoText="AUTO.RIA"
          copyrightText="© 2025 | AUTO.RIA - ведущий автомобильный портал Украины"
        />
      </div>
    </ThemeProvider>
  );
}