"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import MetricCardTen from '@/components/sections/metrics/MetricCardTen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Shield, Award, Zap, Star, Package, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="inset"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Elite Shine"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Portfolio", id: "portfolio" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" },
            { name: "Pricing", id: "pricing" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Precision Excellence for Supercars"
          description="Experience world-class detailing that transforms supercars into showpieces. Our meticulous process combines cutting-edge techniques with premium products to achieve flawless finishes that protect and enhance your investment."
          tag="Premium Detailing Services"
          tagIcon={Sparkles}
          kpis={[
            { value: "500+", label: "Cars Perfected" },
            { value: "99.9%", label: "Customer Satisfaction" },
            { value: "10 Years", label: "Industry Excellence" }
          ]}
          enableKpiAnimation={true}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg"
          imageAlt="Premium supercar with flawless detailing"
          imagePosition="right"
          buttons={[
            { text: "Book Your Detail", href: "#contact" },
            { text: "View Our Work", href: "#portfolio" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About Elite Shine"
          tagIcon={Shield}
          title="Craftsmanship Meets Technology"
          description="Elite Shine represents the pinnacle of automotive detailing expertise. With over a decade of dedicated service to supercar enthusiasts and collectors, we've perfected every aspect of the detailing process. From ceramic coating application to paint correction, our team delivers results that exceed expectations."
          metrics={[
            { value: "15+", title: "Certified Specialists" },
            { value: "$2M+", title: "Client Fleet Value Detailed" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/car-detailing-concept-man-face-mask-with-orbital-polisher-repair-shop-polishing-roof-orange-suv-car_627829-12612.jpg"
          imageAlt="Professional detailing process"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSixteen
          title="Our Signature Services"
          description="Experience the difference between ordinary car care and extraordinary automotive artistry"
          tag="Premium Services"
          tagIcon={Award}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          negativeCard={{
            items: [
              "Generic car wash treatments",              "Temporary protective coatings",              "Standard cleaning methods",              "Single-layer paint protection",              "Limited durability results"
            ]
          }}
          positiveCard={{
            items: [
              "Ceramic coatings (5-10 year protection)",              "Paint correction and polishing",              "Professional interior deep cleaning",              "PPF (Paint Protection Film) application",              "Lifetime warranty coverage"
            ]
          }}
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardTwo
          title="Featured Transformations"
          description="Showcase of recent supercar detailing projects highlighting our precision and expertise"
          tag="Recent Projects"
          tagIcon={Zap}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Ferrari",              name: "F8 Tributo Ceramic Coating",              price: "Complete Restoration",              rating: 5,
              reviewCount: "Showroom Ready",              imageSrc: "https://img.b2bpic.net/free-photo/sunset-ferrari-drive_23-2151948148.jpg",              imageAlt: "Ferrari with premium detailing"
            },
            {
              id: "2",              brand: "Lamborghini",              name: "Huracán Paint Correction",              price: "Flawless Finish",              rating: 5,
              reviewCount: "Mirror Shine",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-headlights-modern-red-car_181624-25381.jpg",              imageAlt: "Lamborghini with professional detailing"
            },
            {
              id: "3",              brand: "Porsche",              name: "911 Turbo Full Protection",              price: "10-Year Warranty",              rating: 5,
              reviewCount: "Pristine Condition",              imageSrc: "https://img.b2bpic.net/free-photo/sunset-coastline-drive_23-2151948151.jpg",              imageAlt: "Porsche with comprehensive protection"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Trusted by Elite Collectors"
          description="Hear from supercar owners who have experienced Elite Shine's premium detailing service"
          tag="Client Reviews"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Marcus Richardson",              role: "Ferrari Collector",              testimonial: "Elite Shine transformed my F8 Tributo. The ceramic coating is exceptional—the paint depth and clarity are beyond anything I've seen. Truly world-class service.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Marcus Richardson"
            },
            {
              id: "2",              name: "Sarah Mitchell",              role: "Lamborghini Owner",              testimonial: "The attention to detail is unmatched. My Huracán looks better than the day it left the factory. I've recommended Elite Shine to every supercar enthusiast I know.",              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: "Sarah Mitchell"
            },
            {
              id: "3",              name: "James Chen",              role: "Porsche Enthusiast",              testimonial: "Professional, punctual, and perfectly executed. The paint correction on my 911 Turbo revealed colors I didn't know existed. Simply outstanding.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg",              imageAlt: "James Chen"
            },
            {
              id: "4",              name: "Victoria Arundel",              role: "Exotic Car Dealer",              testimonial: "I trust Elite Shine exclusively for my inventory detailing. Their PPF application and ceramic work elevate the presentation and value of every vehicle.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-businessman-with-tie_1098-2867.jpg",              imageAlt: "Victoria Arundel"
            },
            {
              id: "5",              name: "David Rossi",              role: "McLaren Owner",              testimonial: "Ten years of excellence—and it shows in every detail. Their expertise with exotic finishes is incomparable. Worth every penny.",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg",              imageAlt: "David Rossi"
            },
            {
              id: "6",              name: "Alexandra Stone",              role: "Luxury Fleet Manager",              testimonial: "Managing a fleet of supercars requires precision partners. Elite Shine delivers consistency, professionalism, and results that protect our investments.",              imageSrc: "https://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",              imageAlt: "Alexandra Stone"
            }
          ]}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTen
          title="Available Service Packages"
          description="Select from our comprehensive detailing solutions designed for every level of supercar care"
          tag="Pricing"
          tagIcon={Package}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          metrics={[
            {
              id: "1",              title: "Express Detail",              subtitle: "Perfect for maintenance between comprehensive services",              category: "Exterior & Interior",              value: "$399",              buttons: [{ text: "Select Package", href: "#contact" }]
            },
            {
              id: "2",              title: "Premium Ceramic Coat",              subtitle: "Five-year protection with enhanced gloss and water beading",              category: "Long-term Protection",              value: "$1,299",              buttons: [{ text: "Select Package", href: "#contact" }]
            },
            {
              id: "3",              title: "Paint Correction Pro",              subtitle: "Multi-stage correction removing swirl marks and defects",              category: "Restoration",              value: "$799",              buttons: [{ text: "Select Package", href: "#contact" }]
            },
            {
              id: "4",              title: "Ultimate Protection",              subtitle: "PPF full coverage plus ceramic coating and interior treatment",              category: "Premium",              value: "$3,499",              buttons: [{ text: "Select Package", href: "#contact" }]
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Elevate Your Supercar?"
          ctaDescription="Schedule a consultation with our detailing specialists to discuss your specific needs and vehicle requirements."
          ctaIcon={Phone}
          ctaButton={{ text: "Book a Free Consultation", href: "tel:+1-555-DETAIL-1" }}
          animationType="slide-up"
          accordionAnimationType="smooth"
          useInvertedBackground="noInvert"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "How long does ceramic coating last?",              content: "Our ceramic coatings provide 5-10 years of protection depending on the product line and maintenance. We offer lifetime warranty options on premium packages with proper care."
            },
            {
              id: "2",              title: "What is Paint Protection Film (PPF)?",              content: "PPF is a nearly invisible protective layer that shields your supercar's paint from road debris, minor scratches, and environmental contaminants while maintaining the original appearance and finish."
            },
            {
              id: "3",              title: "Do you offer mobile detailing services?",              content: "For supercars, we recommend our facility detailing to ensure optimal environment control. However, we can discuss custom arrangements for high-value vehicles on a case-by-case basis."
            },
            {
              id: "4",              title: "How often should I detail my supercar?",              content: "We recommend a professional detail every 3-6 months for supercars in regular use. With ceramic coating, maintenance becomes simpler with our quick refresh services."
            },
            {
              id: "5",              title: "What warranty do you provide?",              content: "All services come with comprehensive warranties ranging from 1-lifetime depending on the package. Premium Protection includes lifetime coverage with proper maintenance documentation."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal logoText="Elite Shine" />
      </div>
    </ThemeProvider>
  );
}