"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Sparkles, Zap } from "lucide-react";

export default function SpeedUAPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeMediumTitles"
      background="plain"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Каталог", id: "catalog" },
            { name: "Особливості", id: "features" },
            { name: "Ціни", id: "pricing" },
            { name: "Відгуки", id: "testimonials" },
            { name: "Контакти", id: "contact" }
          ]}
          brandName="SpeedUA"
          bottomLeftText="Київ, Україна"
          bottomRightText="contact@speedua.ua"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Найбільш Екзотичні Спортивні Автомобілі в Україні"
          description="Відкрийте світ люксу та екстремальної продуктивності. Наша колекція об'єднує найпрестижніші спортивні машини для водіїв, які цінують швидкість, стиль та інновацію."
          tag="Преміальний каталог"
          tagIcon={Zap}
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/high-speed-silver-sport-car-driving-highway-sunny-weather_114579-4031.jpg"
          imageAlt="Екзотичний спортивний автомобіль"
          buttons={[
            { text: "Переглянути каталог", href: "catalog" },
            { text: "Замовити тест-драйв", href: "contact" }
          ]}
        />
      </div>

      <div id="catalog" data-section="catalog">
        <ProductCardOne
          title="Наш каталог"
          description="Вибір найпрестижніших спортивних автомобілів світу, представлених у Європі та готових до доставки в Україну."
          tag="Екзотичні машини"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          carouselMode="buttons"
          products={[
            {
              id: "ferrari-488",              name: "Ferrari 488 GTB",              price: "€280,000",              imageSrc: "https://img.b2bpic.net/free-photo/sunset-supercar_23-2151955610.jpg",              imageAlt: "Ferrari 488 GTB"
            },
            {
              id: "lamborghini-huracan",              name: "Lamborghini Huracán",              price: "€240,000",              imageSrc: "https://img.b2bpic.net/free-photo/black-sedan-car-driving-bridge-road_114579-4023.jpg",              imageAlt: "Lamborghini Huracán"
            },
            {
              id: "porsche-911",              name: "Porsche 911 Turbo",              price: "€195,000",              imageSrc: "https://img.b2bpic.net/free-photo/white-coupe-sport-car-parking-bridge_114579-4006.jpg",              imageAlt: "Porsche 911 Turbo"
            }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEight
          title="Технологічна досконалість"
          description="Кожен автомобіль оснащений передовими технологіями та найвищими характеристиками продуктивності."
          tag="Інноваційні можливості"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Потужність двигуна",              description: "До 800 кінських сил з турбіонованими движками та гібридними системами для максимальної продуктивності.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-groom-near-car_8353-61.jpg"
            },
            {
              id: 2,
              title: "Прискорення",              description: "0-100 км/год за 2.5 секунди - розвивайте найвищі швидкості на закритих трасах.",              imageSrc: "https://img.b2bpic.net/free-photo/night-drive-supercar_23-2151955579.jpg"
            },
            {
              id: 3,
              title: "Керованість",              description: "Матрична підвіска та електронні системи керування забезпечують ідеальну стабільність у будь-яких умовах.",              imageSrc: "https://img.b2bpic.net/free-photo/grey-silver-color-sport-car-front-side-view-with-red-wheels-road_114579-1163.jpg"
            },
            {
              id: 4,
              title: "Люксовий інтер'єр",              description: "Неаполітанська шкіра, кольчужне золото та цифровиці 8K дисплеї в кожному автомобілі.",              imageSrc: "https://img.b2bpic.net/free-photo/black-sport-car-front-side-salon-view-black-wheel-with-metallic-silver-color-direction-door-open_114579-1166.jpg"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          title="Варіанти придбання"
          description="Вибирайте найкращий варіант для себе: від короткострокової оренди до повного придбання преміального автомобіля."
          tag="Гнучкі умови"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "rental",              price: "від €500/день",              name: "Короткострокова оренда",              buttons: [
                { text: "Замовити тест-драйв", href: "contact" }
              ],
              features: [
                "Вибір до 15 автомобілів",                "Водій-супровідник",                "Страховка включена",                "Технічна підтримка 24/7",                "Доставка до готелю"
              ]
            },
            {
              id: "lease",              badge: "Найпопулярніший",              badgeIcon: Sparkles,
              price: "від €8,000/місяць",              name: "Річна оренда",              buttons: [
                { text: "Розпочати оренду", href: "contact" }
              ],
              features: [
                "До 12 місяців користування",                "Обслуговування включене",                "Мотор-страховка",                "Прямий контакт з менеджером",                "Гнучкі умови розірвання контракту"
              ]
            },
            {
              id: "purchase",              price: "від €195,000",              name: "Повне придбання",              buttons: [
                { text: "Консультація спеціаліста", href: "contact" }
              ],
              features: [
                "Офіційна гарантія виробника",                "Безповоротне використання",                "Реєстрація у МТСБУ",                "Допомога з найму фінансування",                "Послуги після-продажного обслуговування"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Вибір спортивного автомобіля через SpeedUA став найкращим рішенням для мене. Команда запропонувала саме те, що мені було потрібно, та забезпечила неймовірне обслуговування протягом усього процесу. Рекомендую всім!"
          rating={5}
          author="Олександр Петров, Вінниця"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              alt: "Олександр Петров"
            },
            {
              src: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              alt: "Марія Кравченко"
            },
            {
              src: "https://img.b2bpic.net/free-photo/handsome-groom-classy-black-suit-stands-dark-room_8353-7083.jpg",              alt: "Ігор Сидоренко"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",              alt: "Анна Вовк"
            }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Свяжитесь с нами"
          description="Залишіть свої контактні дані, и наша команда зв'яжеться з вами в найкоротший час для обговорення вибору та умов придбання спортивного автомобіля."
          inputs={[
            {
              label: "Ваше ім'я",              type: "text",              placeholder: "Ваше ім'я",              required: true
            },
            {
              label: "Email адреса",              type: "email",              placeholder: "Email адреса",              required: true
            },
            {
              label: "Номер телефону",              type: "tel",              placeholder: "Номер телефону",              required: true
            }
          ]}
          textarea={{
            label: "Повідомлення",            placeholder: "Розповідайте про ваш вибір та вподобання...",            required: true
          }}
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/mini-coupe-high-speed-drive-road-with-front-lights_114579-5040.jpg"
          imageAlt="SpeedUA виставка"
          mediaPosition="right"
          buttonText="Надіслати запит"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Компанія",              items: [
                { label: "Про нас", href: "#about" },
                { label: "Каталог", href: "catalog" },
                { label: "Блог", href: "#blog" }
              ]
            },
            {
              title: "Послуги",              items: [
                { label: "Оренда", href: "pricing" },
                { label: "Придбання", href: "pricing" },
                { label: "Тест-драйв", href: "contact" }
              ]
            },
            {
              title: "Контакти",              items: [
                { label: "contact@speedua.ua", href: "mailto:contact@speedua.ua" },
                { label: "+38 099 123 45 67", href: "tel:+380991234567" },
                { label: "Київ, Україна", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 SpeedUA | Всі права захищені"
        />
      </div>
    </ThemeProvider>
  );
}