"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Star, Award, Shield } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="largeSizeMediumTitles"
      background="noise"
      cardStyle="outline"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Classy Cars Auto Detailing"
          navItems={[
            { name: "Home", id: "#hero" },
            { name: "About", id: "#about" },
            { name: "Services", id: "#services" },
            { name: "Pricing", id: "#pricing" },
            { name: "Reviews", id: "#testimonials" },
            { name: "FAQ", id: "#faq" },
            { name: "Contact", id: "#contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitTestimonial
          title="Unleash Your Car's True Shine"
          description="Classy Cars Auto Detailing delivers unparalleled mobile car care in Aurora, Indiana. Experience showroom-quality results, conveniently at your location."
          background={{ variant: "radial-gradient" }}
          testimonials={[
            { name: "Eric K.", handle: "Satisfied Customer", testimonial: "I had an interior detail done on my truck. I believe the interior may be cleaner now than when we bought it new! They did such an amazing job!! I absolutely recommend Classy Cars Auto Detailing!!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg?_wi=1" },
            { name: "Sydney S.", handle: "Returning Customer", testimonial: "Ryan and his staff did an excellent job at detailing my 21’ Tahoe. It looks straight out of the showroom. Very pleased with my experience here at Classy Cars Auto Detailing. Will be a returning customer!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-sensitive-man-crying_23-2149438519.jpg?_wi=1" }
          ]}
          mediaAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193562.jpg"
          imageAlt="A meticulously detailed luxury car"
          useInvertedBackground={true}
          buttons={[
            { text: "Get a Quote", href: "#contact" },
            { text: "Our Services", href: "#services" }
          ]}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-sweater-white-shirt-looking-happy-front-view_176474-110897.jpg", alt: "Customer Eric" },
            { src: "http://img.b2bpic.net/free-photo/user-profile-front-side_187299-39595.jpg", alt: "Customer Sydney" },
            { src: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3318.jpg", alt: "Customer Sarah" },
            { src: "http://img.b2bpic.net/free-photo/user-profile-icon-right-side_187299-47597.jpg", alt: "Customer John" }
          ]}
          avatarText="Trusted by hundreds of happy car owners."
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="Beyond Clean: The Classy Cars Difference"
          description="At Classy Cars Auto Detailing, we're dedicated to bringing luxury car care directly to you. With meticulous attention to detail, eco-friendly practices, and a passion for perfection, we restore your vehicle to its pristine condition.\n\nOur facility at 220 Judiciary St, Aurora, IN 47001, features a wheelchair accessible entrance and a wheelchair accessible parking lot."
          metrics={[
            { value: "15+", title: "Years of Excellence" },
            { value: "1000+", title: "Vehicles Detailed" },
            { value: "5-Star", title: "Average Rating" }
          ]}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/mid-adult-mechanic-thinking-while-repairing-car-engine-workshop_637285-8654.jpg"
          imageAlt="Professional car detailer polishing a car interior"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyThree
          title="Our Premium Detailing Services"
          description="From exterior rejuvenation to interior deep cleaning, our comprehensive services are designed to meet every need of your vehicle."
          features={[
            { id: "interior-detail", title: "Interior Deep Clean", tags: ["Vacuum", "Shampoo", "Sanitize"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-hand-starting-car_1163-2658.jpg", imageAlt: "Clean car interior" },
            { id: "exterior-perfection", title: "Exterior Perfection", tags: ["Wash", "Wax", "Sealant"], imageSrc: "http://img.b2bpic.net/free-photo/dark-blue-bath-bomb-water_23-2147933769.jpg", imageAlt: "Shiny car exterior" },
            { id: "paint-correction", title: "Paint Correction", tags: ["Swirl Removal", "Scratch Repair", "Gloss Enhancement"], imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36576.jpg", imageAlt: "Car paint being corrected" },
            { id: "ceramic-coating", title: "Ceramic Coating", tags: ["Long-lasting Protection", "Hydrophobic", "Mirror Finish"], imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp-car_1339-3043.jpg", imageAlt: "Ceramic coating applied to car" },
            { id: "odor-elimination", title: "Odor Elimination", tags: ["Ozone Treatment", "Fresh Scent", "Air Purification"], imageSrc: "http://img.b2bpic.net/free-photo/woman-blowing-bubbles-car_23-2147829747.jpg", imageAlt: "Car interior being treated for odor" },
            { id: "wheel-tire", title: "Wheel & Tire Detail", tags: ["Rim Cleaning", "Tire Shine", "Brake Dust Removal"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-young-female-mechanic-working_23-2148327575.jpg", imageAlt: "Clean car wheel and tire" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Invest in Your Car's Brilliance"
          description="Discover our transparent pricing for top-tier detailing packages. Each plan is crafted to give your vehicle the care it deserves."
          plans={[
            { id: "basic-interior", badge: "Popular", badgeIcon: Sparkles, price: "$120+", subtitle: "Quick refresh & clean for your interior.", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Vacuum carpets & seats", "Wipe down surfaces", "Window cleaning", "Air freshener"] },
            { id: "standard-exterior", badge: "Best Value", badgeIcon: Star, price: "$150+", subtitle: "Gloss & protection for your car's exterior.", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Hand wash & wax", "Tire & rim cleaning", "Exterior trim dressing", "Bug & tar removal"] },
            { id: "full-signature", badge: "Complete Care", badgeIcon: Award, price: "$250+", subtitle: "Interior & exterior rejuvenation for a total transformation.", buttons: [{ text: "Book Now", href: "#contact" }], features: ["Deep interior clean", "Premium exterior wash & sealant", "Odor removal", "Engine bay cleaning"] },
            { id: "ceramic-pro", badge: "Ultimate", badgeIcon: Shield, price: "$500+", subtitle: "Long-term paint protection with professional ceramic coating.", buttons: [{ text: "Get a Custom Quote", href: "#contact" }], features: ["Full Signature Detail", "Multi-stage paint correction", "Professional ceramic coating", "Glass & trim coating"] }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Clients Say"
          description="Hear directly from satisfied customers who trust Classy Cars Auto Detailing for their vehicle's pristine look."
          testimonials={[
            { id: "1", name: "Eric K.", handle: "Satisfied Customer", testimonial: "I had an interior detail done on my truck. I believe the interior may be cleaner now than when we bought it new! They did such an amazing job!! I absolutely recommend Classy Cars Auto Detailing!!", imageSrc: "http://img.b2bpic.net/free-photo/confident-african-american-businessman-black-classic-jacket-isolated-dark-background_613910-17869.jpg?_wi=2", imageAlt: "Eric K." },
            { id: "2", name: "Sydney S.", handle: "Returning Customer", testimonial: "Ryan and his staff did an excellent job at detailing my 21’ Tahoe. It looks straight out of the showroom. Very pleased with my experience here at Classy Cars Auto Detailing. Will be a returning customer!", imageSrc: "http://img.b2bpic.net/free-photo/front-view-sensitive-man-crying_23-2149438519.jpg?_wi=2", imageAlt: "Sydney S." },
            { id: "3", name: "Sarah T.", handle: "Local Guide", testimonial: "Just got my car done and it looks better than it did when I bought it! Outside and inside perfectly clean and nice and shiny. He has an ozone treatment that got most of the smoke smell out.", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-brunette-caucasian-girl-isolated-olive-green-wall-with-copy-space_141793-118993.jpg", imageAlt: "Sarah T." },
            { id: "4", name: "John L.", handle: "Happy Client", testimonial: "My 2009 Toyota Venza needed lots of work, this place got it done! They went above and beyond!", imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg", imageAlt: "John L." },
            { id: "5", name: "Crystal C.", handle: "Exceeded Expectations", testimonial: "Wonderful job by Ryan and his staff on the detailing of my 14 year old Ford Excursion it looks better than it has in years. The staff exceeded my expectations with their stellar service.", imageSrc: "http://img.b2bpic.net/free-photo/smiling-face-woman-joke-cheerful_1194-7832.jpg", imageAlt: "Crystal C." },
            { id: "6", name: "Payton W.", handle: "Top Notch Service", testimonial: "I’ve had several high-end vehicles detailed, and this place is top notch! I got full details and ceramic coats on all of them; they look better than when they came from the dealership. I 100% recommend them.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg", imageAlt: "Payton W." }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          speed={40}
          topMarqueeDirection="left"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find quick answers to common questions about our mobile auto detailing services."
          faqs={[
            { id: "what-services", title: "What services do you offer?", content: "We offer comprehensive auto detailing services including interior deep cleaning, exterior wash and wax, paint correction, ceramic coatings, odor removal, and more. Visit our Services section for full details." },
            { id: "service-area", title: "What areas do you serve?", content: "We are based in Aurora, Indiana, and provide mobile detailing services to surrounding areas. Please contact us at (513) 250-6491 for specific service area inquiries." },
            { id: "booking", title: "How do I book an appointment?", content: "You can schedule an appointment by calling us directly at (513) 250-6491 or by filling out the convenient contact form on our website." },
            { id: "payment", title: "What payment methods do you accept?", content: "For your convenience, we accept major credit and debit card payments." },
            { id: "accessibility", title: "Is your facility accessible?", content: "Yes, our location at 220 Judiciary St, Aurora, IN 47001, features a wheelchair accessible entrance and a dedicated wheelchair accessible parking lot." }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Schedule Your Detail Today"
          description="Ready for a sparkling clean? Contact Classy Cars Auto Detailing to book your appointment. We're eager to make your car shine!\n\nCall us: (513) 250-6491\nVisit us: 220 Judiciary St, Aurora, IN 47001\nHours: Mon-Fri, 9 AM - 5 PM (Closed Sat-Sun)"
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Your Phone Number", required: false }
          ]}
          textarea={{ name: "message", placeholder: "Tell us about your car and service needs (e.g., make, model, year, type of detailing)", rows: 4, required: true }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/family-buying-car-dealer_1303-13702.jpg"
          imageAlt="Modern auto detailing office interior"
          mediaAnimation="opacity"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Classy Cars Auto Detailing"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}
