"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import ParallaxAbout from '@/components/sections/about/ParallaxAbout';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import PricingCardSix from '@/components/sections/pricing/PricingCardSix';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Shield, Sparkles, Star, CreditCard, Crown } from "lucide-react";

export default function UkraineCarsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="mediumSizeLargeTitles"
      background="floatingGradient"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Catalog", id: "products" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "Testimonials", id: "testimonials" }
          ]}
          brandName="UkraineCars"
          bottomLeftText="Kyiv, Ukraine"
          bottomRightText="contact@ukrainecars.ua"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="UKRAINE CARS"
          description="Premium vehicle selection from trusted sellers across Ukraine. Discover exceptional cars with guaranteed quality and transparent pricing."
          buttons={[
            { text: "Explore Catalog", href: "products" },
            { text: "Schedule Test Drive", href: "contact" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/woman-choosing-car-car-showroom_1303-31962.jpg",              imageAlt: "Luxury sedan vehicle showcase"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/car-headlight-couple-making-deal-with-car-dealer_651396-1187.jpg",              imageAlt: "Sports car premium selection"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/couple-choosing-auto-car-showroom_651396-1159.jpg",              imageAlt: "Family SUV display"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
          logoLineHeight={1.05}
        />
      </div>

      <div id="about" data-section="about">
        <ParallaxAbout
          title="Your Trusted Ukrainian Automotive Partner"
          description="Since 2015, we've been connecting buyers with exceptional vehicles across Ukraine. Our commitment to quality, transparency, and customer satisfaction makes us the leading automotive marketplace in Eastern Europe."
          tag="About Us"
          tagIcon={Shield}
          imageSrc="https://img.b2bpic.net/free-photo/man-looking-car-thinking-purchase_1303-14587.jpg"
          imageAlt="Professional automotive dealership team"
          buttons={[
            { text: "Learn More", href: "contact" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardSeven
          title="Featured Vehicles"
          description="Browse our curated selection of premium cars available for immediate purchase. Each vehicle undergoes rigorous quality inspection."
          tag="New Arrivals"
          tagIcon={Sparkles}
          products={[
            {
              id: "1",              name: "BMW 3 Series",              price: "₴450,000",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-17456.jpg",              imageAlt: "BMW 3 Series luxury sedan"
            },
            {
              id: "2",              name: "Toyota Highlander",              price: "₴520,000",              imageSrc: "https://img.b2bpic.net/free-photo/automobile-headlight-couple-standing_651396-1147.jpg",              imageAlt: "Toyota Highlander SUV"
            },
            {
              id: "3",              name: "Volkswagen Golf",              price: "₴280,000",              imageSrc: "https://img.b2bpic.net/free-photo/young-family-choosing-car-car-showroom_1303-17380.jpg",              imageAlt: "Volkswagen Golf hatchback"
            },
            {
              id: "4",              name: "Mercedes-Benz C-Class",              price: "₴380,000",              imageSrc: "https://img.b2bpic.net/free-photo/happy-customers-car-dealership_23-2149106151.jpg",              imageAlt: "Mercedes-Benz C-Class sedan"
            },
            {
              id: "5",              name: "Porsche 911 Carrera",              price: "₴890,000",              imageSrc: "https://img.b2bpic.net/free-photo/aerial-view-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16021.jpg",              imageAlt: "Porsche 911 Carrera sports car"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="What Our Customers Say"
          description="Real experiences from satisfied buyers who found their perfect vehicle with Ukraine Cars."
          tag="Testimonials"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Oleksii Kovalenko",              role: "Business Owner",              company: "Tech Kyiv",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Oleksii Kovalenko portrait"
            },
            {
              id: "2",              name: "Maria Shevchenko",              role: "Marketing Director",              company: "Creative Agency",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",              imageAlt: "Maria Shevchenko portrait"
            },
            {
              id: "3",              name: "Andriy Petrov",              role: "Software Engineer",              company: "StartupUA",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",              imageAlt: "Andriy Petrov portrait"
            },
            {
              id: "4",              name: "Natalia Bondarenko",              role: "Doctor",              company: "Medical Center",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1633.jpg",              imageAlt: "Natalia Bondarenko portrait"
            },
            {
              id: "5",              name: "Dmitriy Lysenko",              role: "Architect",              company: "Design Studio",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/business-people-working-office-with-digital-tablet_1301-6633.jpg",              imageAlt: "Dmitriy Lysenko portrait"
            },
            {
              id: "6",              name: "Irina Volkova",              role: "Entrepreneur",              company: "Fashion Brand",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",              imageAlt: "Irina Volkova portrait"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardSix
          title="Service Packages"
          description="Choose the perfect support plan for your vehicle purchase journey."
          tag="Financing"
          tagIcon={CreditCard}
          plans={[
            {
              id: "basic",              price: "Free",              subtitle: "Essential vehicle information and browsing",              features: [
                "Access to full vehicle catalog",                "Vehicle history reports",                "Basic inspection photos",                "Contact seller directly",                "24/7 customer support"
              ],
              buttons: [
                { text: "Start Browsing", href: "products" }
              ]
            },
            {
              id: "plus",              price: "₴2,500",              subtitle: "Complete vehicle evaluation and support",              features: [
                "Professional inspection report",                "Extended vehicle records check",                "Price market analysis",                "Test drive coordination",                "Financing assistance",                "Home delivery available"
              ],
              buttons: [
                { text: "Get Premium Evaluation", href: "contact" }
              ]
            },
            {
              id: "elite",              price: "₴5,000",              subtitle: "Comprehensive white-glove service",              features: [
                "Dedicated sales consultant",                "Full mechanical inspection",                "Insurance quote assistance",                "Custom financing packages",                "Warranty packages",                "Priority delivery & setup"
              ],
              buttons: [
                { text: "Contact Elite Team", href: "contact" }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get In Touch"
          description="Ready to find your perfect vehicle? Contact our team for personalized assistance, test drive scheduling, or any questions about our inventory."
          inputs={[
            {
              id: "name",              label: "Full Name",              type: "text",              placeholder: "Your full name",              required: true
            },
            {
              id: "email",              label: "Email Address",              type: "email",              placeholder: "your@email.com",              required: true
            },
            {
              id: "phone",              label: "Phone Number",              type: "tel",              placeholder: "+380 XX XXX XXXX",              required: true
            }
          ]}
          textarea={{
            id: "message",            label: "Message",            placeholder: "Tell us about the vehicle you're interested in or your inquiry..."
          }}
          imageSrc="https://img.b2bpic.net/free-photo/car-headlight-people-observing-automobiles-showroom_651396-1157.jpg"
          imageAlt="Professional automotive showroom interior"
          mediaPosition="right"
          buttonText="Send Inquiry"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/young-handsome-man-car-showroom_1303-22855.jpg"
          imageAlt="Ukraine Cars dealership lot and facilities"
          columns={[
            {
              title: "Browse",              items: [
                { label: "Catalog", href: "products" },
                { label: "Featured Vehicles", href: "products" },
                { label: "New Arrivals", href: "products" },
                { label: "By Price", href: "products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Team", href: "about" },
                { label: "Contact Us", href: "contact" },
                { label: "Testimonials", href: "testimonials" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Help Center", href: "#" },
                { label: "Financing Options", href: "#" },
                { label: "Warranty Info", href: "#" },
                { label: "Schedule Test Drive", href: "contact" }
              ]
            }
          ]}
          logoText="Ukraine Cars"
          copyrightText="© 2025 Ukraine Cars. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}