"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MediaSplitTabsAbout from '@/components/sections/about/MediaSplitTabsAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Zap, Star, TrendingUp, Car, Smile, Award } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="largeSizeMediumTitles"
      background="radialGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Sweeper"
          navItems={[
            { name: "Services", id: "features" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",            href: "#contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Professional Car Detailing That Shines"
          description="Transform your vehicle with Sweeper's premium detailing services. From ceramic coatings to deep interior cleaning, we deliver showroom-quality results every time."
          tag="Premium Auto Care"
          tagIcon={Sparkles}
          buttons={[
            { text: "Book Your Detail", href: "#contact" },
            { text: "Learn More", href: "#features" }
          ]}
          carouselItems={[
            { id: "1", imageSrc: "https://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30596.jpg", imageAlt: "Professional car detailing service" },
            { id: "2", imageSrc: "https://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-vehicle-hood-while-working-auto-repair-shop_637285-7664.jpg", imageAlt: "Ceramic coating application" },
            { id: "3", imageSrc: "https://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg", imageAlt: "Interior cleaning service" },
            { id: "4", imageSrc: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg", imageAlt: "Paint correction work" },
            { id: "5", imageSrc: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22304.jpg", imageAlt: "Vehicle protection" },
            { id: "6", imageSrc: "https://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg", imageAlt: "Premium detailing results" }
          ]}
          autoPlay={true}
          autoPlayInterval={4000}
        />
      </div>
      
      <div id="about" data-section="about">
        <MediaSplitTabsAbout
          title="Why Choose Sweeper"
          description="We're committed to excellence in every detail"
          tabs={[
            {
              id: "expertise",              label: "Expertise",              description: "Our team consists of certified detailing professionals with over a decade of combined experience. We stay current with the latest techniques and products to ensure your vehicle receives the best possible care."
            },
            {
              id: "quality",              label: "Quality First",              description: "We use only premium, eco-friendly products and state-of-the-art equipment. Every vehicle is treated as if it were our own, with meticulous attention to every surface."
            },
            {
              id: "service",              label: "Customer Service",              description: "Your satisfaction is our priority. We offer flexible scheduling, transparent pricing, and personalized recommendations based on your vehicle's specific needs."
            },
            {
              id: "value",              label: "Unbeatable Value",              description: "Get premium quality at competitive prices. We believe exceptional car care shouldn't break the bank, which is why we offer flexible packages for every budget."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/happy-mechanic-greeting-with-his-african-american-coworker-auto-repair-shop_637285-11601.jpg"
          imageAlt="Professional detailing team"
          imagePosition="right"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="features" data-section="features">
        <FeatureCardThree
          title="Our Premium Services"
          description="Comprehensive detailing solutions tailored to protect and enhance your vehicle"
          features={[
            {
              id: "01",              title: "Ceramic Coating",              description: "Advanced protective coating that repels water, dirt, and UV rays. Keeps your car looking showroom-fresh for years with minimal maintenance.",              imageSrc: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22308.jpg",              imageAlt: "Ceramic coating application"
            },
            {
              id: "02",              title: "Interior Deep Clean",              description: "Professional vacuum, steam cleaning, and conditioning of all interior surfaces. We eliminate dust, allergens, and odors for a pristine cabin environment.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193578.jpg",              imageAlt: "Interior cleaning service"
            },
            {
              id: "03",              title: "Paint Correction",              description: "Expert restoration of paint damage, swirl marks, and oxidation. Our technicians use advanced polishing techniques to reveal your vehicle's true shine.",              imageSrc: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22285.jpg",              imageAlt: "Paint correction and polishing"
            }
          ]}
          tag="Premium Services"
          tagIcon={Zap}
          textboxLayout="default"
          animationType="scale-rotate"
          gridVariant="uniform-all-items-equal"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="testimonial" data-section="testimonial">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Real feedback from satisfied Sweeper customers"
          tag="Reviews"
          tagIcon={Star}
          testimonials={[
            {
              id: "1",              name: "Michael Torres",              handle: "@michael_t",              testimonial: "Sweeper completely transformed my car's appearance. The ceramic coating has protected my paint beautifully, and the team was incredibly professional throughout.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Michael Torres"
            },
            {
              id: "2",              name: "Sarah Johnson",              handle: "@sarah_j",              testimonial: "Best detailing service I've ever used. The attention to detail is unmatched, and my car's interior has never felt cleaner. Highly recommend!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiling-businessman-sitting-sofa-waiting-area_107420-95816.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "3",              name: "David Chen",              handle: "@david_chen",              testimonial: "Professional, efficient, and reasonably priced. They fixed all those swirl marks I couldn't get rid of. My car looks brand new again!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/crazy-businessman-worried-expression_1194-3826.jpg",              imageAlt: "David Chen"
            },
            {
              id: "4",              name: "Jessica Martinez",              handle: "@jess_m",              testimonial: "The customer service is outstanding. They explained every step of the process and answered all my questions. Will definitely be back!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1633.jpg",              imageAlt: "Jessica Martinez"
            },
            {
              id: "5",              name: "Robert Williams",              handle: "@rob_w",              testimonial: "My luxury car has never looked better. The team handled it with extreme care and precision. Worth every penny!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/aged-middle-expression-calling-business_1262-2838.jpg",              imageAlt: "Robert Williams"
            },
            {
              id: "6",              name: "Emily Rodriguez",              handle: "@emily_r",              testimonial: "Five stars isn't enough! The professionalism and quality of work exceeded my expectations. Sweeper is the gold standard for car care.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",              imageAlt: "Emily Rodriguez"
            }
          ]}
          showRating={true}
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="metrics" data-section="metrics">
        <MetricCardOne
          title="Our Impact"
          description="Numbers that reflect our commitment to excellence"
          tag="By The Numbers"
          tagIcon={TrendingUp}
          metrics={[
            {
              id: "1",              value: "500+",              title: "Vehicles Detailed",              description: "Trusted by car owners who demand the best",              icon: Car
            },
            {
              id: "2",              value: "98%",              title: "Customer Satisfaction",              description: "Consistently delivering exceptional results",              icon: Smile
            },
            {
              id: "3",              value: "10yrs",              title: "Industry Leader",              description: "A decade of automotive care expertise",              icon: Award
            },
            {
              id: "4",              value: "4.9★",              title: "Average Rating",              description: "Consistently five-star service quality",              icon: Star
            }
          ]}
          textboxLayout="default"
          animationType="scale-rotate"
          gridVariant="uniform-all-items-equal"
          useInvertedBackground="noInvert"
        />
      </div>
      
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our services"
          tag="FAQ"
          faqs={[
            {
              id: "1",              title: "How long does a full detail take?",              content: "A complete detail typically takes 4-6 hours depending on your vehicle's condition and size. We can provide a more accurate estimate after assessing your car."
            },
            {
              id: "2",              title: "Is ceramic coating worth it?",              content: "Absolutely! Ceramic coating provides long-lasting protection (2-5 years) against UV rays, water spots, and contaminants. It reduces maintenance needs and keeps your paint looking pristine."
            },
            {
              id: "3",              title: "What's included in interior detailing?",              content: "Our interior detail includes professional vacuuming, steam cleaning of all surfaces, leather conditioning, dashboard treatment, and odor elimination. We treat every interior like it's brand new."
            },
            {
              id: "4",              title: "Do you offer mobile detailing?",              content: "Yes! We offer mobile detailing for select packages. Our mobile unit comes fully equipped to provide premium service at your home or office."
            },
            {
              id: "5",              title: "How often should I detail my car?",              content: "We recommend detailing every 3-6 months for regular maintenance, or annually at minimum. The frequency depends on your driving conditions and how you use your vehicle."
            },
            {
              id: "6",              title: "Are your products eco-friendly?",              content: "Yes, we use environmentally conscious, biodegradable products that are safe for your vehicle, your family, and the planet. Quality doesn't require harmful chemicals."
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-957.jpg"
          imageAlt="Professional detailing team"
          mediaPosition="left"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get Your Car Sparkling"
          description="Ready to experience premium car detailing? Contact Sweeper today to book your appointment. We're here to answer questions and customize a package perfect for your vehicle."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "vehicle", type: "text", placeholder: "Vehicle Make & Model", required: false }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your detailing needs and preferred service date...",            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/people-working-call-center_23-2149288189.jpg"
          imageAlt="Professional car detailing service"
          mediaPosition="right"
          buttonText="Book Your Detail"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Sweeper"
        />
      </div>
    </ThemeProvider>
  );
}