"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Factory, Car, Globe, Users, Zap, Mail } from "lucide-react";

export default function UkrainianCarsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="largeSizeMediumTitles"
      background="grid"
      cardStyle="inset"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="outline"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Ukrainian Cars"
          navItems={[
            { name: "Heritage", id: "about" },
            { name: "Models", id: "products" },
            { name: "Innovations", id: "features" },
            { name: "Stories", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Ukrainian Cars"
          description="Explore the innovation, craftsmanship, and heritage of vehicles built in Ukraine"
          imageSrc="https://img.b2bpic.net/free-photo/retro-car-parked-grass_158595-1891.jpg"
          imageAlt="Ukrainian automotive heritage and modern vehicles"
          frameStyle="card"
          logoLineHeight={1.1}
        />
      </div>

      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Discover Our Legacy"
          description="Three pillars define Ukrainian automotive excellence"
          tabs={[
            { id: "heritage", label: "Heritage" },
            { id: "innovation", label: "Innovation" },
            { id: "craftsmanship", label: "Craftsmanship" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/headlight-lamp-car_1203-7156.jpg"
          imageAlt="Ukrainian automotive manufacturing and craftsmanship"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEight
          title="What Sets Ukrainian Cars Apart"
          description="A journey through precision, performance, and pride"
          tag="Our Process"
          tagIcon={Zap}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Design Excellence",              description: "Every curve, every line reflects decades of automotive passion and Eastern European engineering tradition. Our designers blend form with function seamlessly.",              imageSrc: "https://img.b2bpic.net/free-photo/retro-car-parked-grass_158595-1892.jpg"
            },
            {
              id: 2,
              title: "Precision Engineering",              description: "Built in state-of-the-art facilities with rigorous quality control. Every component meets international standards. Performance you can trust.",              imageSrc: "https://img.b2bpic.net/free-photo/headlight-lamp-car_1203-7156.jpg"
            },
            {
              id: 3,
              title: "Raw Performance",              description: "Engineered for power, efficiency, and reliability. Our vehicles deliver exceptional performance on every road, in every condition.",              imageSrc: "https://img.b2bpic.net/free-photo/grey-coupe-rainy-highway-motion-focus_169016-69693.jpg"
            },
            {
              id: 4,
              title: "Sustainable Future",              description: "Leading the charge toward eco-friendly mobility. Our electric and hybrid lines prove sustainability doesn't compromise on power.",              imageSrc: "https://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-car_23-2149571904.jpg"
            }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardSeven
          title="Our Signature Models"
          description="Explore our carefully curated collection of premium Ukrainian-engineered vehicles"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          products={[
            {
              id: "1",              name: "Zirka Sedan",              price: "$24,500",              imageSrc: "https://img.b2bpic.net/free-photo/silver-luxury-sedan-parked-port_114579-5199.jpg",              imageAlt: "Zirka Sedan - Premium executive vehicle"
            },
            {
              id: "2",              name: "Vikhr GT Sport",              price: "$38,900",              imageSrc: "https://img.b2bpic.net/free-photo/grey-coupe-rainy-highway-motion-focus_169016-69693.jpg",              imageAlt: "Vikhr GT Sport - High-performance coupe"
            },
            {
              id: "3",              name: "Stepan Family SUV",              price: "$32,500",              imageSrc: "https://img.b2bpic.net/free-photo/black-sedan-wet-highway-rain-rainy-drive_169016-69903.jpg",              imageAlt: "Stepan Family SUV - Versatile crossover"
            },
            {
              id: "4",              name: "Zorya Electric",              price: "$41,200",              imageSrc: "https://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-car_23-2149571904.jpg",              imageAlt: "Zorya Electric - Next-generation EV"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="By The Numbers"
          description="The scale and success of Ukrainian automotive innovation"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              icon: Factory,
              title: "Years Building",              value: "50+"
            },
            {
              id: "2",              icon: Car,
              title: "Models Produced",              value: "15"
            },
            {
              id: "3",              icon: Globe,
              title: "Countries Reached",              value: "30+"
            },
            {
              id: "4",              icon: Users,
              title: "Satisfied Owners",              value: "250K+"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Trusted by Enthusiasts Worldwide"
          description="Real stories from owners who chose Ukrainian innovation"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              title: "The Perfect Balance of Power and Reliability",              quote: "I purchased the Vikhr GT Sport three years ago and it's exceeded every expectation. The engineering is impeccable, the performance is exhilarating, and the build quality rivals cars costing twice as much. Ukrainian engineering at its finest.",              name: "Dmytro Kovalenko",              role: "Automotive Enthusiast",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2150171293.jpg",              imageAlt: "Dmytro Kovalenko"
            },
            {
              id: "2",              title: "Family Car, Serious Performance",              quote: "The Stepan SUV is our daily driver. It's spacious, comfortable, and yet the handling is surprisingly sporty. My kids love it, my wife appreciates the safety features, and I enjoy the drive. Best investment we've made.",              name: "Olena Bondarenko",              role: "Family-Focused Driver",              imageSrc: "https://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg",              imageAlt: "Olena Bondarenko"
            },
            {
              id: "3",              title: "Setting Industry Standards",              quote: "As an automotive journalist, I've tested hundreds of vehicles globally. The Zirka Sedan demonstrates that Ukrainian manufacturers understand what modern buyers demand: efficiency, innovation, and uncompromising quality.",              name: "Viktor Petrov",              role: "Automotive Journalist",              imageSrc: "https://img.b2bpic.net/free-photo/young-handsome-man-car-showroom_1303-17460.jpg",              imageAlt: "Viktor Petrov"
            },
            {
              id: "4",              title: "The Future is Green and Made in Ukraine",              quote: "I switched to the Zorya Electric last year and haven't looked back. The range is impressive, the charging is convenient, and knowing I'm driving a sustainable vehicle engineered in Ukraine makes me proud.",              name: "Kateryna Shevchenko",              role: "Sustainability Advocate",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-salesman-car-dealership_23-2148130114.jpg",              imageAlt: "Kateryna Shevchenko"
            },
            {
              id: "5",              title: "Exceptional Customer Care",              quote: "Beyond the vehicle itself, the customer service and support network across Eastern Europe is outstanding. They truly care about owner satisfaction. That's what separates Ukrainian Cars from the rest.",              name: "Andrii Lysenko",              role: "Business Owner",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-with-crossed-arms_23-2147956339.jpg",              imageAlt: "Andrii Lysenko"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Connected"
          title="Join Our Community"
          description="Subscribe to receive exclusive updates about new models, special events, and insider stories from the world of Ukrainian automotive innovation."
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/financial-independent-woman-buying-new-car_23-2149571904.jpg"
          imageAlt="Zorya Electric vehicle showcase"
          mediaPosition="right"
          tagIcon={Mail}
          inputPlaceholder="your@email.com"
          buttonText="Subscribe Now"
          termsText="We respect your privacy. Unsubscribe at any time. We only send updates about new models and special offers."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Heritage", href: "about" },
                { label: "Careers", href: "https://careers.ukrainiancars.example" }
              ]
            },
            {
              title: "Models",              items: [
                { label: "Zirka Sedan", href: "products" },
                { label: "Vikhr GT Sport", href: "products" },
                { label: "Stepan SUV", href: "products" },
                { label: "Zorya Electric", href: "products" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Documentation", href: "https://docs.ukrainiancars.example" },
                { label: "Support", href: "contact" },
                { label: "Blog", href: "https://blog.ukrainiancars.example" }
              ]
            }
          ]}
          copyrightText="© 2025 Ukrainian Cars | Engineered with Pride"
        />
      </div>
    </ThemeProvider>
  );
}