"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitGlobe from '@/components/sections/hero/HeroSplitGlobe';
import ProductCardSeven from '@/components/sections/product/ProductCardSeven';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import TestimonialCardEight from '@/components/sections/testimonial/TestimonialCardEight';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSplit from '@/components/sections/footer/FooterSplit';
import { Sparkles, Zap, Award, CheckCircle, TrendingUp, Star, PhoneCall, Heart, Phone, Mail, MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="small"
      sizing="largeSizeExtraLargeSpacing"
      background="fluid"
      cardStyle="frosted-heavy"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="minimal"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="AutoShowcase"
          navItems={[
            { name: "Inventory", id: "inventory" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Get Started",
            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroSplitGlobe
          title="Find Your Perfect Car Today"
          description="Discover an exceptional collection of premium vehicles. From luxury sedans to high-performance sports cars, we have the perfect match for your driving style and budget."
          tag="Premium Inventory"
          tagIcon={Sparkles}
          buttons={[
            { text: "Browse Inventory", href: "inventory" },
            { text: "Schedule Test Drive", href: "contact" }
          ]}
          imagePosition="right"
        />
      </div>
      
      <div id="inventory" data-section="inventory">
        <ProductCardSeven
          title="Featured Vehicles"
          description="Explore our handpicked selection of exceptional cars available for immediate purchase."
          tag="Hot Deals"
          tagIcon={Zap}
          products={[
            {
              id: "1",
              name: "Tesla Model S",
              price: "$89,990",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765544674673-kya72z0d.jpg",
              imageAlt: "Blue Tesla Model S sedan"
            },
            {
              id: "2",
              name: "BMW M440i",
              price: "$72,500",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765544676110-0mbiufwe.jpg",
              imageAlt: "Red BMW M440i sports car"
            },
            {
              id: "3",
              name: "Range Rover Sport",
              price: "$95,000",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765544677835-scmexxoz.jpg",
              imageAlt: "Black Range Rover Sport SUV"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Why Choose Us"
          tagIcon={Award}
          title="Your trusted automotive partner since 1995. We deliver excellence in every interaction."
          description="Over 25 years of excellence"
          subdescription="AutoShowcase Premium Dealership"
          icon={CheckCircle}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765544679790-h2i6s3xk.jpg"
          imageAlt="Modern car dealership showroom"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Our Impact"
          description="Trusted by thousands of satisfied customers across the region"
          tag="Statistics"
          metrics={[
            {
              id: "1",
              value: "15,000",
              title: "Cars Sold",
              description: "Successful vehicle sales to happy customers",
              icon: TrendingUp
            },
            {
              id: "2",
              value: "98%",
              title: "Satisfaction",
              description: "Customer satisfaction rate with our service",
              icon: Star
            },
            {
              id: "3",
              value: "50+",
              title: "Brands",
              description: "Premium automotive brands available",
              icon: Award
            },
            {
              id: "4",
              value: "24/7",
              title: "Support",
              description: "Round-the-clock customer support team",
              icon: PhoneCall
            }
          ]}
          gridVariant="four-items-2x2-equal-grid"
          animationType="blur-reveal"
          containerStyle="default"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardEight
          title="What Our Customers Say"
          description="Hear from satisfied buyers who found their dream cars at AutoShowcase"
          tag="Reviews"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",
              name: "Michael Johnson",
              role: "Business Owner",
              company: "Johnson Enterprises",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765544681330-t4p30cmg.jpg",
              imageAlt: "Michael Johnson"
            },
            {
              id: "2",
              name: "Sarah Williams",
              role: "Marketing Director",
              company: "Creative Studios",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765544682340-dwpx2z8t.jpg",
              imageAlt: "Sarah Williams"
            },
            {
              id: "3",
              name: "David Martinez",
              role: "Executive Coach",
              company: "Growth Consulting",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765544683619-urryd0ft.jpg",
              imageAlt: "David Martinez"
            },
            {
              id: "4",
              name: "Emma Thompson",
              role: "Entrepreneur",
              company: "Tech Innovations",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765544684858-fr8230bn.jpg",
              imageAlt: "Emma Thompson"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          title="Premium Brands We Carry"
          description="Authorized dealer for world-class automotive manufacturers"
          tag="Trusted Brands"
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765544686078-jtlepm10.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765544687283-qa2v5zea.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765544688912-sgz0881x.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765544690760-xyx72wq3.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765544692143-ojbqarz2.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765544693453-qswnlwa7.jpg",
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765544695350-ixj54qw5.jpg"
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          speed={50}
          showCard={true}
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our vehicles and services"
          tag="Help"
          faqs={[
            {
              id: "1",
              title: "What financing options are available?",
              content: "We offer flexible financing through multiple partners including bank loans, leasing options, and in-house financing. Our finance team will work with you to find the best terms for your situation."
            },
            {
              id: "2",
              title: "Do you offer warranty coverage?",
              content: "All our vehicles come with manufacturer warranty. Extended warranty options are available for additional coverage and peace of mind. We can discuss the best plan for your needs."
            },
            {
              id: "3",
              title: "Can I schedule a test drive?",
              content: "Absolutely! Test drives can be scheduled online or by calling our showroom. We have flexible scheduling and can accommodate your preferred time. Just let us know which vehicle you'd like to test drive."
            },
            {
              id: "4",
              title: "What's your return policy?",
              content: "We stand behind every vehicle we sell. We offer a 7-day return window for qualifying vehicles. Our sales team can provide full details on our return and exchange policies."
            },
            {
              id: "5",
              title: "Do you accept trade-ins?",
              content: "Yes, we accept trade-ins and provide fair market valuations. Bring your vehicle in for a free appraisal, and we'll credit the value toward your new car purchase."
            },
            {
              id: "6",
              title: "Is there after-sales service available?",
              content: "We provide comprehensive after-sales service including maintenance, repairs, and parts. Our certified technicians and genuine parts ensure your vehicle stays in perfect condition."
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          title="Ready to find your perfect car?"
          description="Subscribe to our newsletter for exclusive offers, new inventory updates, and special promotions. Join thousands of satisfied customers."
          useInvertedBackground="noInvert"
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_30ordogEOn7VO6LZdIWb5atLXky/uploaded-1765544697037-0c4q6f2n.jpg"
          imageAlt="Car sales consultant helping customer"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterSplit
          logoText="AutoShowcase"
          title="Premium automotive solutions for discerning customers worldwide"
          columns={[
            {
              title: "Company",
              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Team", href: "#team" },
                { label: "Careers", href: "#careers" }
              ]
            },
            {
              title: "Services",
              items: [
                { label: "Browse Vehicles", href: "#inventory" },
                { label: "Financing", href: "#financing" },
                { label: "Trade-In", href: "#trade-in" }
              ]
            },
            {
              title: "Support",
              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQ", href: "#faq" },
                { label: "Service Center", href: "#service" }
              ]
            },
            {
              title: "Legal",
              items: [
                { label: "Privacy Policy", href: "/privacy" },
                { label: "Terms of Service", href: "/terms" },
                { label: "Sitemap", href: "/sitemap" }
              ]
            }
          ]}
          contactItems={[
            { icon: Phone, text: "(555) 123-4567" },
            { icon: Mail, text: "sales@autoshowcase.com" },
            { icon: MapPin, text: "123 Automotive Drive, Detroit, MI 48201" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}