"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Sparkles, Zap, Award, TrendingUp, Star, Shield, MessageCircle, Calendar } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="largeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="inset-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="DesireDetail"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Gallery", id: "gallery" },
            { name: "Testimonials", id: "testimonials" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Supercar Perfection Awaits"
          description="Experience the pinnacle of automotive detailing. We transform luxury vehicles into showroom masterpieces with precision craftsmanship and premium care."
          tag="Premium Detailing"
          tagIcon={Sparkles}
          buttons={[
            { text: "Book Detailing", href: "contact" },
            { text: "View Gallery", href: "gallery" }
          ]}
          carouselItems={[
            {
              id: "1",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg",              imageAlt: "Luxury supercar detailing transformation"
            },
            {
              id: "2",              imageSrc: "https://img.b2bpic.net/free-photo/fashion-portrait-young-muscular-man-standing-two-cars_158538-9558.jpg",              imageAlt: "Professional ceramic coating application"
            },
            {
              id: "3",              imageSrc: "https://img.b2bpic.net/free-photo/photo-infiniti-g37-coupe-outdoors_158538-24741.jpg",              imageAlt: "Exotic car premium detailing service"
            },
            {
              id: "4",              imageSrc: "https://img.b2bpic.net/free-photo/side-rear-view-mirror_1339-5497.jpg",              imageAlt: "Paint correction and restoration"
            },
            {
              id: "5",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-exterior-details-modern-black-car_181624-25346.jpg",              imageAlt: "High-end automotive care showcase"
            },
            {
              id: "6",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg",              imageAlt: "Professional detailing excellence"
            }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="Masters of Automotive Artistry"
          description={[
            "At DesireDetail, we are passionate about preserving and enhancing the beauty of premium supercars. With over 15 years of industry experience, our team of master detailers combines cutting-edge techniques with meticulous attention to detail.",            "Every supercar that enters our facility receives a comprehensive transformation. From paint correction and ceramic coating to interior conditioning and protection, we deliver results that exceed expectations. We use only the finest products and proven methodologies to ensure your prized vehicle receives the care it deserves.",            "Your supercar isn't just a vehicle—it's an investment in performance and prestige. We treat it with the reverence and precision it demands."
          ]}
          showBorder={true}
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn Our Process", href: "#services" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardOne
          title="Our Premium Services"
          description="Comprehensive detailing solutions crafted for the most discerning supercar owners"
          tag="Services"
          tagIcon={Zap}
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              title: "Paint Correction & Restoration",              description: "Multi-stage paint correction to eliminate swirls, scratches, and imperfections. We restore your supercar's finish to factory perfection with professional-grade compounds and polishing techniques.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-acr-service-station-checking-her-car-with-mechanic_1303-28482.jpg",              imageAlt: "Paint correction service"
            },
            {
              title: "Ceramic Coating Application",              description: "Elite ceramic coating protection that bonds to your paint for 2-5 years of hydrophobic defense. Provides superior gloss, UV protection, and makes maintenance effortless.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-acr-service-station-checking-her-car-with-mechanic_1303-28482.jpg",              imageAlt: "Ceramic coating application"
            },
            {
              title: "Interior Deep Conditioning",              description: "Complete interior detailing including leather conditioning, trim restoration, and premium protection treatments. Every surface receives the care required for luxury vehicle interiors.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-acr-service-station-checking-her-car-with-mechanic_1303-28482.jpg",              imageAlt: "Interior detailing service"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardThree
          title="Our Track Record"
          description="Proven excellence in premium automotive detailing with measurable results"
          tag="Excellence"
          tagIcon={Award}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",              icon: TrendingUp,
              title: "Vehicles Detailed",              value: "2,500+"
            },
            {
              id: "2",              icon: Star,
              title: "Client Satisfaction",              value: "98%"
            },
            {
              id: "3",              icon: Zap,
              title: "Years Experience",              value: "15+"
            },
            {
              id: "4",              icon: Shield,
              title: "Quality Guarantee",              value: "100%"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Clients Say"
          description="Real feedback from supercar owners who trust DesireDetail with their most prized possessions"
          tag="Testimonials"
          tagIcon={MessageCircle}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Marcus Richardson",              handle: "@luxuryauto",              testimonial: "DesireDetail transformed my Ferrari completely. The attention to detail is unmatched. My car looks better than when I bought it. Absolutely phenomenal service.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Marcus Richardson"
            },
            {
              id: "2",              name: "Alexandra Chen",              handle: "@autoenthusiast",              testimonial: "I've taken my Lamborghini to several places, but DesireDetail is on another level. The ceramic coating alone is worth every penny. Professional, knowledgeable, and results-driven.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",              imageAlt: "Alexandra Chen"
            },
            {
              id: "3",              name: "James Whitmore",              handle: "@collector",              testimonial: "As a serious collector, I'm extremely selective about who touches my vehicles. DesireDetail exceeded all expectations. They're now my exclusive choice for all my supercars.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageAlt: "James Whitmore"
            },
            {
              id: "4",              name: "Sofia Moretti",              handle: "@performance",              testimonial: "Outstanding work on my McLaren. The paint correction was immaculate and the ceramic coating has held up beautifully. Highly recommend DesireDetail without hesitation.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-man_23-2148514859.jpg",              imageAlt: "Sofia Moretti"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get Started"
          title="Reserve Your Detailing Experience"
          description="Schedule your supercar's transformation today. Our team is ready to deliver the premium care your vehicle deserves."
          tagIcon={Calendar}
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/young-black-car-mechanic-using-computer-with-his-manager-auto-repair-shop_637285-4243.jpg"
          imageAlt="Premium detailing facility"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Schedule Now"
          termsText="We'll contact you within 24 hours to confirm your appointment. Your supercar's care is our priority."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Company",              items: [
                { label: "About", href: "#about" },
                { label: "Services", href: "#services" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Services",              items: [
                { label: "Paint Correction", href: "#services" },
                { label: "Ceramic Coating", href: "#services" },
                { label: "Interior Care", href: "#services" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Twitter", href: "https://twitter.com" },
                { label: "Contact", href: "#contact" }
              ]
            }
          ]}
          bottomLeftText="© 2025 DesireDetail. All rights reserved."
          bottomRightText="Crafted for perfectionists"
        />
      </div>
    </ThemeProvider>
  );
}