"use client"
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterBase from '@/components/sections/footer/FooterBase';
import { CheckCircle, Heart, Mail, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="mediumLargeSizeMediumTitles"
      background="aurora"
      cardStyle="layered-gradient"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="AutoHub"
          navItems={[
            { name: "Inventory", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Find Your Car",            href: "#products"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Discover Your Next Dream Car"
          description="Explore our premium collection of luxury vehicles. Certified, inspected, and ready to drive home. Find the perfect match for your lifestyle today."
          background={{ variant: "aurora" }}
          kpis={[
            { value: "500+", label: "Vehicles in Stock" },
            { value: "99.8%", label: "Customer Satisfaction" },
            { value: "10+ Yrs", label: "Industry Experience" }
          ]}
          enableKpiAnimation={true}
          tag="Premium Automotive"
          tagIcon={Sparkles}
          buttons={[
            { text: "Browse Inventory", href: "#products" },
            { text: "Schedule Test Drive", href: "#contact" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/black-sedan-wet-highway-rain-rainy-drive_169016-69903.jpg"
          imageAlt="Luxury car showcase"
          imagePosition="right"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Featured Vehicles"
          description="Handpicked luxury vehicles carefully inspected and certified for quality and performance."
          tag="Best Sellers"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
          products={[
            {
              id: "1",              brand: "BMW",              name: "M340i xDrive Sedan",              price: "$52,400",              rating: 5,
              reviewCount: "847",              imageSrc: "https://img.b2bpic.net/free-photo/luxury-car-speeds-by-modern-building-dusk-generative-ai_188544-8048.jpg",              imageAlt: "BMW M340i Sedan"
            },
            {
              id: "2",              brand: "Mercedes-Benz",              name: "GLE 450 AMG SUV",              price: "$68,900",              rating: 5,
              reviewCount: "523",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-bearded-male-sunglasses-dressed-black-suit-sitting-luxury-car-against-skyscraper_613910-19325.jpg",              imageAlt: "Mercedes-Benz GLE SUV"
            },
            {
              id: "3",              brand: "Porsche",              name: "911 Carrera Coupe",              price: "$105,200",              rating: 5,
              reviewCount: "312",              imageSrc: "https://img.b2bpic.net/free-photo/fashionable-ladies-going-out-car_132075-12211.jpg",              imageAlt: "Porsche 911 Carrera"
            }
          ]}
          buttons={[
            { text: "View All Vehicles", href: "#products" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "We're passionate about connecting people with" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/dealership-salesman-answering-customers-questions-about-cars_482257-124577.jpg", alt: "Dealership team" },
            { type: "text", content: "the perfect vehicle for their dreams and lifestyle" }
          ]}
          buttons={[
            { text: "Learn Our Story", href: "#about" },
            { text: "Meet Our Team", href: "#about" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardOne
          title="Why Choose AutoHub"
          description="Experience premium service, certified quality, and comprehensive support from our dedicated automotive experts."
          tag="Our Advantages"
          tagIcon={CheckCircle}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="noInvert"
          features={[
            {
              title: "Comprehensive Inspections",              description: "Every vehicle undergoes rigorous 150-point quality checks and certification by certified technicians.",              imageSrc: "https://img.b2bpic.net/free-photo/grey-coupe-rainy-highway-motion-focus_169016-69693.jpg",              imageAlt: "car inspection maintenance quality service"
            },
            {
              title: "Warranty Protection",              description: "Extended warranty coverage and roadside assistance included with every purchase for peace of mind.",              imageSrc: "https://img.b2bpic.net/free-photo/white-car-turning-city-street-modern-urban-motion_169016-69787.jpg",              imageAlt: "warranty protection certificate documents guarantee"
            },
            {
              title: "Flexible Financing",              description: "Competitive loan rates and customized payment plans to fit your budget and financial needs.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-working-with-finances-table-laptop-smartphone-money-notepad_1268-17470.jpg",              imageAlt: "financing money loan payment credit"
            }
          ]}
          buttons={[
            { text: "Explore Financing Options", href: "#contact" }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardSix
          title="What Our Customers Say"
          description="Join thousands of satisfied customers who found their perfect vehicle at AutoHub."
          tag="Customer Reviews"
          tagIcon={Heart}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "Verified Buyer",              testimonial: "Outstanding service! The team helped me find the perfect BMW within my budget. The inspection process was thorough and transparent.",              imageSrc: "https://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",              imageAlt: "Sarah Mitchell"
            },
            {
              id: "2",              name: "James Rodriguez",              handle: "Mercedes Owner",              testimonial: "Best dealership experience I've had. Professional staff, fair pricing, and they made the financing process incredibly smooth and hassle-free.",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "James Rodriguez"
            },
            {
              id: "3",              name: "Emily Chen",              handle: "Porsche Enthusiast",              testimonial: "Found my dream car here! The quality of vehicles is exceptional and the after-sales support is truly remarkable. Highly recommended!",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-businessman-office-2_1262-1488.jpg",              imageAlt: "Emily Chen"
            },
            {
              id: "4",              name: "David Thompson",              handle: "Verified Buyer",              testimonial: "Excellent attention to detail. Every vehicle is pristine and ready to drive. Their warranty coverage gives me complete peace of mind.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-handsome-businessman-wearing-glasses_329181-677.jpg",              imageAlt: "David Thompson"
            },
            {
              id: "5",              name: "Jessica Wang",              handle: "Happy Customer",              testimonial: "The financing options they offered were incredibly flexible. No pressure sales tactics, just honest advice. Will definitely return!",              imageSrc: "https://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",              imageAlt: "Jessica Wang"
            },
            {
              id: "6",              name: "Michael Anderson",              handle: "Family SUV Owner",              testimonial: "Perfect for families! Found the ideal SUV with all the features we needed. The team made everything simple and transparent.",              imageSrc: "https://img.b2bpic.net/free-photo/confident-businessman-smiling_107420-84733.jpg",              imageAlt: "Michael Anderson"
            }
          ]}
          speed={40}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Stay Connected"
          tagIcon={Mail}
          title="Get Updates on New Arrivals"
          description="Subscribe to our newsletter and be the first to know about exclusive vehicle listings, special promotions, and automotive insights."
          background={{ variant: "aurora" }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/black-sedan-rain-with-wipers-motion-style_169016-69929.jpg"
          imageAlt="AutoHub Dealership"
          mediaPosition="right"
          inputPlaceholder="Your email address"
          buttonText="Subscribe Now"
          termsText="We respect your privacy. Unsubscribe at any time. We'll only send you relevant updates about vehicles and special offers."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="AutoHub"
          copyrightText="© 2025 AutoHub Premium Automotive. All rights reserved."
          columns={[
            {
              title: "Inventory",              items: [
                { label: "New Arrivals", href: "#products" },
                { label: "Featured Vehicles", href: "#products" },
                { label: "Browse All", href: "#products" },
                { label: "Price Range", href: "#products" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Why Choose Us", href: "#features" },
                { label: "Customer Reviews", href: "#testimonial" },
                { label: "Contact Us", href: "#contact" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Financing Options", href: "#contact" },
                { label: "Warranty Info", href: "#features" },
                { label: "Schedule Service", href: "#contact" },
                { label: "FAQ", href: "#contact" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}