"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { MapPin, Shield, Sparkles, Star, Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLarge"
      background="plain"
      cardStyle="elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Sleek Mobile Detailing"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Pricing", id: "pricing" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Professional Mobile Car Detailing"
          description="Bring the shine home. Expert car detailing service in Cincinnati that comes to you. Professional results, premium care, and complete peace of mind."
          tag="Cincinnati, OH"
          tagIcon={MapPin}
          buttons={[
            { text: "Book Your Service", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg"
          imageAlt="Professional car detailing in action"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Why Choose Sleek Mobile Detailing?"
          description="We're dedicated to restoring and protecting your vehicle's appearance with meticulous attention to detail. Our mobile service brings professional-grade equipment and proven techniques directly to your location in Cincinnati. Experience the difference that true expertise makes."
          tag="About Us"
          tagIcon={Shield}
          buttons={[
            { text: "View Our Services", href: "services" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/mid-adult-mechanic-examining-vehicle-hood-while-working-auto-repair-shop_637285-7664.jpg"
          imageAlt="Professional detailing team at work"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardEight
          title="Our Detailing Process"
          description="Four essential steps to restore your vehicle to showroom condition"
          tag="How We Work"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Exterior Wash & Rinse",              description: "Deep cleaning with professional-grade soap and water systems to remove dirt, grime, and contaminants from every surface.",              imageSrc: "https://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36592.jpg"
            },
            {
              id: 2,
              title: "Polish & Clay Treatment",              description: "Advanced polishing and clay bar treatment to remove bonded contaminants and restore the paint's natural shine and depth.",              imageSrc: "https://img.b2bpic.net/free-photo/driver-washing-his-car-by-sponge-with-soap-solution_651396-3234.jpg"
            },
            {
              id: 3,
              title: "Interior Detailing",              description: "Comprehensive interior cleaning including vacuum, upholstery care, and dashboard treatment with premium products.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194139.jpg"
            },
            {
              id: 4,
              title: "Protection & Seal",              description: "Professional-grade ceramic coating and sealant application for long-lasting protection against the elements.",              imageSrc: "https://img.b2bpic.net/free-photo/driver-washing-his-car-by-sponge-with-soap-solution_651396-3234.jpg"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Flexible Pricing for Every Vehicle"
          description="Choose the perfect detailing package for your vehicle's needs and budget"
          tag="Pricing"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "basic",              tag: "Basic Detailing",              tagIcon: Sparkles,
              price: "$79",              period: "/service",              description: "Perfect for regular maintenance and keeping your vehicle looking fresh.",              button: { text: "Book Now", href: "contact" },
              featuresTitle: "Includes:",              features: [
                "Exterior wash and dry",                "Tire and rim cleaning",                "Window cleaning",                "Wax application"
              ]
            },
            {
              id: "premium",              tag: "Premium Detailing",              tagIcon: Star,
              price: "$149",              period: "/service",              description: "Our most popular package with comprehensive interior and exterior care.",              button: { text: "Book Now", href: "contact" },
              featuresTitle: "Includes:",              features: [
                "Everything in Basic",                "Interior vacuum and wipe",                "Upholstery treatment",                "Paint sealant",                "Leather conditioning"
              ]
            },
            {
              id: "elite",              tag: "Elite Protection",              tagIcon: Shield,
              price: "$249",              period: "/service",              description: "Ultimate protection with ceramic coating and advanced treatments.",              button: { text: "Book Now", href: "contact" },
              featuresTitle: "Includes:",              features: [
                "Everything in Premium",                "Ceramic coat application",                "Engine bay detailing",                "Headlight restoration",                "Professional undercarriage wash"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Sleek Mobile Detailing completely transformed my car. The attention to detail is incredible, and they came right to my driveway. Best detailing service I've used in Cincinnati!"
          rating={5}
          author="Michael Johnson, Car Enthusiast"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Michael Johnson" },
            { src: "https://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg", alt: "Sarah Williams" },
            { src: "https://img.b2bpic.net/free-photo/portrait-businessman-conference-room-thinking-about-future_482257-25787.jpg", alt: "David Chen" },
            { src: "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", alt: "Emily Rodriguez" },
            { src: "https://img.b2bpic.net/free-photo/happy-businessman-smiling-camera_1163-4660.jpg", alt: "James Wilson" },
            { src: "https://img.b2bpic.net/free-photo/portrait-outdoor-businessman_23-2148763884.jpg", alt: "Lisa Anderson" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          tagIcon={Phone}
          title="Ready to Shine?"
          description="Schedule your mobile detailing appointment today. We service the entire Cincinnati area with flexible scheduling to fit your busy lifestyle."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193572.jpg"
          imageAlt="Mobile detailing service booking"
          mediaPosition="right"
          inputPlaceholder="Enter your email or phone"
          buttonText="Schedule Service"
          termsText="We'll respond within 2 hours during business hours. Your information is secure and we respect your privacy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Sleek Mobile Detailing"
          logoLineHeight={1.1}
          ariaLabel="Sleek Mobile Detailing - Professional Car Detailing in Cincinnati, Ohio"
        />
      </div>
    </ThemeProvider>
  );
}