"use client"

import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import SplitAbout from '@/components/sections/about/SplitAbout';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { CheckCircle, CreditCard, Truck, Shield, Zap, Award, TrendingUp, Smile, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="smallMedium"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="layered-gradient"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="AutoUkraine"
          navItems={[
            { name: "Browse Cars", id: "vehicles" },
            { name: "Services", id: "services" },
            { name: "About Us", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero" className="min-h-screen flex items-center justify-center">
        <HeroLogoBillboardSplit
          logoText="AutoUkraine"
          description="Find Your Dream Car in Ukraine Today. Browse a wide selection of reliable used and new vehicles from trusted Ukrainian sellers."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Explore Cars Now", href: "#vehicles" },
            { text: "Learn More", href: "#about" }
          ]}
          layoutOrder="default"
          imageSrc="https://img.b2bpic.net/free-photo/feeling-good-girl-modern-car-salon-daytime-indoors-buying-new-vehicle_146671-16520.jpg"
          imageAlt="Premium vehicle showcase"
          frameStyle="card"
          logoLineHeight={1.1}
        />
      </div>

      <div id="vehicles" data-section="vehicles" className="py-20">
        <ProductCardThree
          title="Browse Our Vehicles"
          description="Explore our carefully curated selection of reliable cars, each inspected and verified for quality and safety."
          products={[
            {
              id: "1",              name: "Toyota Camry 2019",              price: "₴450,000",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-choosing-car-car-showroom_1303-17456.jpg",              imageAlt: "Toyota Camry sedan",              initialQuantity: 1
            },
            {
              id: "2",              name: "Hyundai Santa Fe 2020",              price: "₴580,000",              imageSrc: "https://img.b2bpic.net/free-photo/let-s-go-job-modern-stylish-bearded-businessman-automobile-saloon_146671-16682.jpg",              imageAlt: "Hyundai Santa Fe SUV",              initialQuantity: 1
            },
            {
              id: "3",              name: "Skoda Octavia 2018",              price: "₴420,000",              imageSrc: "https://img.b2bpic.net/free-photo/senior-man-car-showroom-choosing-car_1303-18967.jpg",              imageAlt: "Skoda Octavia compact car",              initialQuantity: 1
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
        />
      </div>

      <div id="services" data-section="services" className="py-20">
        <FeatureHoverPattern
          title="Toyota Camry 2019"
          description="Comprehensive automotive solutions designed to give you confidence in every purchase."
          features={[
            {
              icon: CheckCircle,
              title: "Full Vehicle Inspection",              description: "Every vehicle undergoes rigorous multi-point inspection to ensure reliability and safety standards."
            },
            {
              icon: CreditCard,
              title: "Flexible Financing",              description: "Competitive rates and flexible payment plans tailored to your budget and financial situation."
            },
            {
              icon: Truck,
              title: "Fast Delivery",              description: "Quick and secure delivery across Ukraine with professional handling of your new purchase."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
        />
      </div>

      <div id="about" data-section="about" className="py-20">
        <SplitAbout
          title="Why Choose AutoUkraine"
          description="With over 10 years of experience in the automotive industry, we are committed to transparency, quality, and customer satisfaction."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/car-headlight-couple-making-deal-with-car-dealer_651396-1187.jpg"
          imageAlt="AutoUkraine dealership showroom"
          bulletPoints={[
            {
              icon: Shield,
              title: "Trusted Sellers",              description: "All vehicles verified and certified by licensed professionals with full transparency."
            },
            {
              icon: Zap,
              title: "Quick Process",              description: "Streamlined buying experience from browse to delivery in minimal time."
            },
            {
              icon: Award,
              title: "Warranty Support",              description: "Extended warranty options and after-sales service support for peace of mind."
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics" className="py-20">
        <MetricCardOne
          title="Our Track Record"
          description="Proven success metrics demonstrating our commitment to Ukrainian car buyers."
          metrics={[
            {
              id: "1",              value: "5,000+",              title: "Cars Sold",              description: "Successfully matched buyers with quality vehicles since inception.",              icon: TrendingUp
            },
            {
              id: "2",              value: "98%",              title: "Satisfaction",              description: "Customer satisfaction rate across all vehicle purchases and transactions.",              icon: Smile
            },
            {
              id: "3",              value: "24/7",              title: "Support",              description: "Round-the-clock customer support to assist with inquiries and concerns.",              icon: Phone
            },
            {
              id: "4",              value: "10+",              title: "Years",              description: "A decade of trusted service in Ukraine's automotive marketplace.",              icon: Award
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          gridVariant="uniform-all-items-equal"
        />
      </div>

      <div id="testimonials" data-section="testimonials" className="py-20">
        <TestimonialCardFive
          title="What Our Customers Say"
          description="Real testimonials from satisfied buyers across Ukraine who found their perfect vehicles with us."
          testimonials={[
            {
              id: "1",              name: "Dmytro Kovalenko, Business Owner",              date: "Date: 15 November 2024",              title: "Excellent experience from start to finish!",              quote: "AutoUkraine made the entire process smooth and transparent. I found the perfect family car within a week. Highly recommend to anyone looking for quality vehicles in Ukraine.",              tag: "Premium Plus",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-face-portrait-wearing-suit_53876-148135.jpg"
            },
            {
              id: "2",              name: "Mariya Shevchenko, Professional",              date: "Date: 22 October 2024",              title: "Professional and trustworthy service",              quote: "The team thoroughly explained every aspect of the vehicle inspection. Their financing options were flexible and competitive. This is exactly what I was looking for.",              tag: "Standard Plus",              avatarSrc: "https://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/confident-european-businessman-smiling-closeup-portrait-jobs-career-campaign_53876-128975.jpg"
            },
            {
              id: "3",              name: "Oleh Petrenko, Young Professional",              date: "Date: 08 October 2024",              title: "Fast delivery and excellent quality",              quote: "Got my car delivered within days. The inspection report was detailed and honest. No hidden costs or surprises. AutoUkraine sets the standard for transparency.",              tag: "Standard",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg"
            },
            {
              id: "4",              name: "Natalia Lysenko, Family Manager",              date: "Date: 25 September 2024",              title: "Best customer support in the industry",              quote: "Their after-sales support is outstanding. They answered all my questions and provided helpful maintenance advice. I feel confident with my purchase.",              tag: "Premium",              avatarSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg"
            },
            {
              id: "5",              name: "Serhiy Bondarenko, Entrepreneur",              date: "Date: 12 September 2024",              title: "Found exactly what I needed",              quote: "Their inventory is impressive and the selection process is easy. The team listened to my needs and helped me find the perfect vehicle within budget.",              tag: "Standard Plus",              avatarSrc: "https://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg"
            },
            {
              id: "6",              name: "Kateryna Voronina, Teacher",              date: "Date: 30 August 2024",              title: "Transparent pricing, no surprises",              quote: "Everything was clearly explained upfront. No hidden fees or pressure tactics. This level of honesty is rare in the auto business. Will definitely recommend.",              tag: "Standard",              avatarSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg",              imageSrc: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact" className="py-20">
        <ContactText
          text="Ready to find your dream car? Contact our team today for personalized assistance and special offers."
          animationType="entrance-slide"
          buttons={[
            { text: "Get in Touch", href: "mailto:info@autourraine.ua" },
            { text: "Call Us Now", href: "tel:+380123456789" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="AutoUkraine"
        />
      </div>
    </ThemeProvider>
  );
}