"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSix from '@/components/sections/feature/FeatureCardSix';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="mediumLargeSizeMediumTitles"
        background="fluid"
        cardStyle="solid"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Packages",
          id: "#packages",
        },
        {
          name: "Reviews",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Book Now",
          id: "#contact",
        },
      ]}
      brandName="Classy Cars Auto Detailing"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCarouselLogo
      logoText="Classy Cars Auto Detailing"
      description="Experience premium mobile auto detailing that brings showroom shine directly to you in Aurora, Indiana. We redefine automotive care with precision and passion."
      buttons={[
        {
          text: "Book Your Detail",
          href: "#contact",
        },
        {
          text: "View Our Services",
          href: "#services",
        },
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg",
          imageAlt: "Luxurious car being polished to a high shine",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/mix-blue-paint-white-foam_23-2147798184.jpg",
          imageAlt: "Professional auto detailer meticulously cleaning car interior",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-s-hand-is-cleaning-waxing-car_1150-6629.jpg",
          imageAlt: "Detail shot of car leather seats being conditioned",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193618.jpg",
          imageAlt: "Close-up of car exterior being waxed with foam",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32025.jpg",
          imageAlt: "Car wheel being cleaned and shined",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-new-car-cleaning-process_23-2148332888.jpg",
          imageAlt: "Glossy black car after detailing, reflecting lights",
        },
      ]}
      autoplayDelay={4000}
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      tag="Our Story"
      title="Dedicated to Automotive Excellence in Aurora, Indiana"
      buttons={[
        {
          text: "Get a Quote",
          href: "#contact",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSix
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Interior Deep Clean",
          description: "Deep vacuum, shampoo, stain removal, leather conditioning, and odor elimination for a pristine cabin.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-vacuuming-car-seats_23-2149316438.jpg",
          imageAlt: "Car interior being deep cleaned",
        },
        {
          title: "Exterior Wash & Wax",
          description: "Hand wash, clay bar treatment, premium wax application, and tire dressing for a brilliant, lasting shine.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-patches-water_23-2147798227.jpg",
          imageAlt: "Car exterior being washed and waxed",
        },
        {
          title: "Paint Correction",
          description: "Removes swirl marks, scratches, and oxidation to restore your vehicle's paint to a flawless, mirror-like finish.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-polish-car-garage_1157-36578.jpg",
          imageAlt: "Close-up of car paint being corrected",
        },
      ]}
      title="Transform Your Ride with Our Expert Detailing"
      description="From thorough interior cleaning to brilliant exterior polishing, our services are designed to restore and protect your vehicle's beauty. We use only premium products and techniques to deliver exceptional results."
      tag="Our Services"
    />
  </div>

  <div id="packages" data-section="packages">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Quick Refresh",
          price: "$75",
          variant: "Essential Clean",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-vacuuming-car-seats_23-2149316437.jpg",
          imageAlt: "Car getting a quick exterior wash",
        },
        {
          id: "2",
          name: "Classic Detail",
          price: "$150",
          variant: "Interior & Exterior Balance",
          imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934351.jpg",
          imageAlt: "Car interior being vacuumed",
        },
        {
          id: "3",
          name: "Premium Interior",
          price: "$225",
          variant: "Ultimate Cabin Restore",
          imageSrc: "http://img.b2bpic.net/free-photo/dark-vip-cinema-studio-still-life_23-2149500613.jpg",
          imageAlt: "Luxury car leather seats being cleaned",
        },
        {
          id: "4",
          name: "Elite Exterior",
          price: "$275",
          variant: "Paint Perfection",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-foam-azure-water_23-2147798202.jpg",
          imageAlt: "Car exterior receiving paint correction",
        },
        {
          id: "5",
          name: "Showroom Special",
          price: "$375",
          variant: "Full Transformation",
          imageSrc: "http://img.b2bpic.net/free-photo/man-working-car-detailing-coating-car_1303-30600.jpg",
          imageAlt: "Car gleaming after full detailing service",
        },
        {
          id: "6",
          name: "Ceramic Pro Protection",
          price: "$500+",
          variant: "Long-lasting Shine",
          imageSrc: "http://img.b2bpic.net/free-photo/panning-shot-cars-with-sleek-design-showroom-waiting-be-purchased_482257-108124.jpg",
          imageAlt: "Ceramic coating being applied to a car",
        },
      ]}
      title="Tailored Detailing Packages for Every Need"
      description="Choose from our expertly crafted detailing packages, designed to provide comprehensive care for your vehicle, from quick refreshes to full showroom transformations."
      tag="Our Packages"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Delivering Excellence, Every Time"
      tag="Why Choose Classy Cars?"
      metrics={[
        {
          id: "1",
          value: "15+",
          description: "Years of Expertise",
        },
        {
          id: "2",
          value: "400+",
          description: "Cars Detailed Annually",
        },
        {
          id: "3",
          value: "99%",
          description: "Customer Satisfaction",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      carouselMode="buttons"
      testimonials={[
        {
          id: "1",
          name: "Eric S.",
          handle: "@AutoFanEric",
          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/young-handsome-confident-bearded-businessman-joyfully-looking-camera-while-talking-cellphone-restaurant-outdoor_574295-1311.jpg",
          imageAlt: "Eric S. profile picture",
        },
        {
          id: "2",
          name: "Sydney Schmeusser",
          handle: "@SydneyS",
          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/pretty-manager-car-dealership-posing-with-folder_651396-1163.jpg",
          imageAlt: "Sydney Schmeusser profile picture",
        },
        {
          id: "3",
          name: "Sarah Turner",
          handle: "@SarahT",
          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. I bought this car used and it had a smoke smell. He has an ozone treatment that got most of the smell out on his car.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/attractive-lovely-woman-with-long-light-brown-hair-big-blue-eyes-smiles-outdoors_291650-335.jpg",
          imageAlt: "Sarah Turner profile picture",
        },
        {
          id: "4",
          name: "Christine Gentry",
          handle: "@ChristineG",
          testimonial: "I have now used this shop for two cars, a Ruby Red Ford and a White Camry. I was very pleased with both cars and will continue to use this shop for future detailing. The work is very professional and is consistently done very well.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1295.jpg",
          imageAlt: "Christine Gentry profile picture",
        },
        {
          id: "5",
          name: "John Lanter",
          handle: "@JohnL",
          testimonial: "This 2009 Toyota Venza needed lots of work, this place got it done! They went above and beyond!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-older-man-city_23-2148991045.jpg",
          imageAlt: "John Lanter profile picture",
        },
        {
          id: "6",
          name: "Elizabeth Bryant",
          handle: "@ElizabethB",
          testimonial: "The Classy Car Detail company did an amazing job on our 2004 Mercedes. I sincerely appreciate the extra time and work they put in removing the horrible smell in the car. Charges are very reasonable and excellent service.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumb-up_1187-5092.jpg",
          imageAlt: "Elizabeth Bryant profile picture",
        },
      ]}
      showRating={true}
      title="Hear From Our Happy Customers"
      description="Our clients love the Classy Cars Auto Detailing experience. Read what they have to say about our meticulous work and exceptional service."
      tag="Client Reviews"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "How do I book a detailing service?",
          content: "You can easily book a service by filling out the 'Book Your Shine' form at the bottom of this page. Provide your contact details and preferred date/time, and we'll get in touch to confirm your appointment.",
        },
        {
          id: "2",
          title: "What payment methods do you accept?",
          content: "For your convenience, Classy Cars Auto Detailing accepts all major credit and debit card payments.",
        },
        {
          id: "3",
          title: "What are your operating hours?",
          content: "We are open Monday to Friday, from 9 AM to 5 PM. We are closed on Saturdays and Sundays to ensure our team is rested and ready to provide top-tier service.",
        },
        {
          id: "4",
          title: "Can you remove stubborn odors from my car?",
          content: "Yes, we offer specialized ozone treatments designed to effectively remove stubborn odors, like smoke, leaving your car's interior fresh and clean.",
        },
        {
          id: "5",
          title: "What is paint correction?",
          content: "Paint correction involves the meticulous removal of swirl marks, light scratches, oxidation, and other imperfections from your vehicle's paintwork, restoring it to a flawless, mirror-like finish.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Have questions about our mobile detailing services, booking process, or what we can do for your vehicle? Find quick answers here."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{
        variant: "animated-grid",
      }}
      tag="Book Your Shine"
      title="Ready for a Classy Car?"
      description="Fill out the form below with your vehicle details and preferred date/time, and we'll get back to you to confirm your mobile detailing appointment. Let's make your car shine!"
      inputPlaceholder="Tell us about your car, desired service, and preferred booking time"
      buttonText="Send Booking Request"
      termsText="By sending this request, you agree to receive communication from Classy Cars Auto Detailing regarding your booking. We will contact you at (513) 250-6491 to confirm."
      onSubmit={() => {}}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-vector/gradient-car-wash-logo-design_23-2149925873.jpg"
      logoAlt="Classy Cars Auto Detailing Logo"
      logoText="Classy Cars Auto Detailing"
      leftLink={{
        text: "220 Judiciary St, Aurora, IN 47001",
        href: "https://www.google.com/maps/place/220+Judiciary+St,+Aurora,+IN+47001",
      }}
      rightLink={{
        text: "+1 (513) 250-6491",
        href: "tel:+15132506491",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
