"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { CheckCircle, Mail, Shield, Sparkles, TrendingUp } from "lucide-react";

export default function AutoElitePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="medium"
      background="none"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="AutoElite"
          navItems={[
            { name: "Inventory", id: "features" },
            { name: "About", id: "about" },
            { name: "Why Us", id: "metric" },
            { name: "Contact", id: "contact" },
            { name: "Services", id: "about" }
          ]}
          button={{
            text: "Browse Cars",            href: "features"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Drive Your Dreams Home"
          description="Discover our premium selection of luxury and performance vehicles. Handpicked, meticulously maintained, and ready for your next adventure."
          tag="Premium Automotive Selection"
          tagIcon={Sparkles}
          background={{ variant: "plain" }}
          imageSrc="https://img.b2bpic.net/free-photo/car-headlight-couple-making-deal-with-car-dealer_651396-1187.jpg"
          imageAlt="Luxury sports car in premium showroom"
          imagePosition="right"
          buttons={[
            { text: "Explore Inventory", href: "features" },
            { text: "Schedule Test Drive", href: "contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="Why Choose Us"
          tagIcon={Shield}
          title="Your trusted partner in finding the perfect vehicle. We combine decades of automotive expertise with transparent pricing and exceptional customer service."
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn Our Story", href: "#" },
            { text: "View Benefits", href: "#" }
          ]}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardSix
          title="Our Vehicle Process"
          description="Each vehicle undergoes rigorous inspection and certification to ensure top quality and reliability."
          tag="Quality Assurance"
          tagIcon={CheckCircle}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Inspection & Evaluation",              description: "Comprehensive multi-point inspection covering engine, transmission, electrical, and safety systems",              imageSrc: "https://img.b2bpic.net/free-photo/young-family-choosing-car-car-showroom_1303-17380.jpg"
            },
            {
              id: 2,
              title: "Certification & Documentation",              description: "Full service history verification, title review, and complete documentation package",              imageSrc: "https://img.b2bpic.net/free-photo/automobile-headlight-couple-standing_651396-1147.jpg"
            },
            {
              id: 3,
              title: "Detailing & Presentation",              description: "Professional detailing, touch-ups, and preparation to showcase each vehicle perfectly",              imageSrc: "https://img.b2bpic.net/free-photo/aerial-view-female-customer-modern-stylish-bearded-businessman-automobile-saloon_146671-16021.jpg"
            }
          ]}
        />
      </div>

      <div id="metric" data-section="metric">
        <MetricCardTwo
          title="AutoElite by the Numbers"
          description="Industry-leading performance and customer satisfaction metrics"
          tag="Track Record"
          tagIcon={TrendingUp}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          metrics={[
            {
              id: "1",              value: "5,000+",              description: "Vehicles Sold Successfully"
            },
            {
              id: "2",              value: "98%",              description: "Customer Satisfaction Rate"
            },
            {
              id: "3",              value: "25+",              description: "Years Industry Experience"
            },
            {
              id: "4",              value: "48hr",              description: "Average Sale Completion"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Updates"
          tagIcon={Mail}
          title="Stay in the Driver's Seat"
          description="Subscribe to our newsletter for exclusive vehicle listings, industry insights, special promotions, and expert automotive tips delivered straight to your inbox."
          background={{ variant: "plain" }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/car-headlight-couple-making-deal-with-car-dealer_651396-1187.jpg"
          imageAlt="Modern automotive dealership showroom"
          mediaPosition="right"
          inputPlaceholder="Your email address"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime. We'll only send you premium vehicle alerts and automotive news."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          copyrightText="© 2025 AutoElite | Premium Automotive Solutions"
          columns={[
            {
              title: "Inventory",              items: [
                { label: "Browse All Vehicles", href: "features" },
                { label: "New Arrivals", href: "features" },
                { label: "Special Offers", href: "features" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Our Team", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Blog", href: "#" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "contact" },
                { label: "FAQ", href: "#" },
                { label: "Financing", href: "#" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}