"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import FeatureProcessSteps from '@/components/sections/feature/FeatureProcessSteps';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import ContactText from '@/components/sections/contact/ContactText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { Sparkles } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeLargeTitles"
      background="circleGradient"
      cardStyle="inset"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple 
          brandName="AutoShine"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Process", id: "process" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo 
          logoText="AUTOSHINEDETAIL"
          description="Premium car detailing services that transform your vehicle into a showroom masterpiece. Professional results, every time."
          buttons={[
            { text: "Book Now", href: "#contact" },
            { text: "View Services", href: "#services" }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg",              imageAlt: "Professional car detailing transformation"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342625.jpg",              imageAlt: "Gleaming car wash and polish"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194139.jpg",              imageAlt: "Expert car detailing service"
            }
          ]
          autoplayDelay={4000}
          showDimOverlay={true}
        />
      </div>

      <div id="process" data-section="process">
        <FeatureProcessSteps 
          tag="Our Process"
          title="Professional detailing made transparent"
          description="We follow a meticulous 5-step process to ensure your vehicle receives the highest level of care and attention to detail."
          steps={[
            {
              number: "01",              title: "Exterior Wash & Inspection",              tag: "Initial Assessment",              description: "We start with a thorough wash and detailed inspection of your vehicle's exterior to identify specific areas requiring specialized attention."
            },
            {
              number: "02",              title: "Paint Correction & Protection",              tag: "Deep Cleaning",              description: "Using advanced techniques and premium products, we remove swirl marks, scratches, and contaminants while applying protective coatings."
            },
            {
              number: "03",              title: "Interior Deep Clean",              tag: "Interior Care",              description: "Every surface inside receives meticulous attention - from vacuuming to leather conditioning and dashboard treatment."
            },
            {
              number: "04",              title: "Trim & Glass Finishing",              tag: "Final Touches",              description: "We detail all trim pieces, polish glass to crystal clarity, and dress tires for that showroom appearance."
            },
            {
              number: "05",              title: "Quality Inspection",              tag: "Quality Assurance",              description: "A final walkthrough ensures every detail meets our exacting standards before your vehicle is returned in pristine condition."
            }
          ]
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Learn More", href: "#services" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <PricingCardThree 
          title="Our Detailing Services"
          description="Choose the perfect service package for your vehicle's needs. All packages include professional-grade products and expert craftsmanship."
          tag="Services"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          plans={[
            {
              id: "1",              price: "$89",              name: "Express Detail",              buttons: [
                { text: "Select Plan", href: "#contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Exterior wash and dry",                "Interior vacuum and wipe down",                "Tire shine application",                "Quick detailing of windows",                "Perfect for maintenance"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$199",              name: "Complete Detail",              buttons: [
                { text: "Select Plan", href: "#contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Full exterior wash and dry",                "Comprehensive interior cleaning",                "Paint protection application",                "Leather conditioning",                "Professional trim detailing",                "Glass polishing and sealing"
              ]
            },
            {
              id: "3",              price: "$349",              name: "Premium Restoration",              buttons: [
                { text: "Select Plan", href: "#contact" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Advanced paint correction",                "Ceramic coating application",                "Deep interior restoration",                "Engine bay detailing",                "Undercarriage treatment",                "6-month warranty included",                "Priority booking"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen 
          title="What our clients say"
          description="Discover why car owners trust AutoShine Detail with their most valued possession."
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          testimonials={[
            {
              id: "1",              title: "Exceptional attention to detail",              quote: "I couldn't believe the transformation! My car looked better than the day I bought it. The team's attention to detail is absolutely unmatched. I'll be a regular customer.",              name: "Michael Rodriguez",              role: "BMW Owner",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",              imageAlt: "Michael Rodriguez"
            },
            {
              id: "2",              title: "Professional service every time",              quote: "AutoShine Detail treats your vehicle like it's their own. The professionalism and quality of work consistently exceed my expectations. Highly recommended!",              name: "Sarah Johnson",              role: "Tesla Model 3 Owner",              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 Johnson"
            },
            {
              id: "3",              title: "Worth every penny",              quote: "The paint protection coating they applied has kept my car looking showroom fresh for months. The value I get from their services is incredible.",              name: "James Chen",              role: "Audi A4 Owner",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-competitive-employee_1098-2870.jpg",              imageAlt: "James Chen"
            },
            {
              id: "4",              title: "Best decision for my car",              quote: "I was skeptical about professional detailing, but AutoShine Detail proved me wrong. They restored my car to like-new condition. Absolutely fantastic!",              name: "Emma Williams",              role: "Mercedes-Benz Owner",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businessman-posing-outside_74855-1183.jpg",              imageAlt: "Emma Williams"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout 
          heading={[
            { type: "text", content: "Passionate about making your car" },
            {
              type: "image",              src: "https://img.b2bpic.net/free-photo/man-s-hand-is-cleaning-waxing-car_1150-6114.jpg",              alt: "Professional detailing"
            },
            { type: "text", content: "look its absolute best" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Book Appointment", href: "#contact" },
            { text: "View All Services", href: "#services" }
          ]}
        />
      </div>

      <div id="cta" data-section="cta">
        <ContactText 
          text="Ready to transform your vehicle? Schedule your professional detailing appointment today and experience the AutoShine Detail difference."
          animationType="reveal-blur"
          useInvertedBackground="invertDefault"
          buttons={[
            { text: "Book Appointment Now", href: "#contact" },
            { text: "Call Us: 555-0123", href: "tel:+15550123" }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple 
          columns={[
            {
              title: "Services",              items: [
                { label: "Express Detail", href: "#services" },
                { label: "Complete Detail", href: "#services" },
                { label: "Premium Restoration", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Our Process", href: "#process" },
                { label: "Testimonials", href: "#testimonials" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Book Now", href: "#contact" },
                { label: "Call: 555-0123", href: "tel:+15550123" },
                { label: "Email: info@autoshinedetail.com", href: "mailto:info@autoshinedetail.com" }
              ]
            }
          ]
          bottomLeftText="© 2025 AutoShine Detail. All rights reserved."
          bottomRightText="Professional car detailing excellence"
        />
      </div>
    </ThemeProvider>
  );
}