"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="mediumLarge"
      background="aurora"
      cardStyle="glass-elevated"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          brandName="Goldenrod Detailing"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Pricing", id: "pricing" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          bottomLeftText="Louisville, Kentucky"
          bottomRightText="hello@goldenroddetailing.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Premium Car Detailing Excellence"
          description="Transform your vehicle with professional detailing services. From ceramic coatings to interior restoration, we deliver luxury results in Louisville, Kentucky."
          tag="Precision Craftsmanship"
          imageSrc="https://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg"
          imageAlt="Luxury car detailing showcase"
          buttons={[
            { text: "Book Your Service", href: "contact" },
            { text: "View Packages", href: "pricing" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNine
          title="Our Comprehensive Services"
          description="Expert detailing solutions tailored to preserve and enhance your vehicle's appearance"
          tag="Services"
          showStepNumbers={false}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Interior Detailing",              description: "Deep cleaning of carpets, seats, dashboard, and all interior surfaces. We remove stains, odors, and restore your cabin to like-new condition.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212256.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/beautiful-car-interior-clean-up-service_23-2149212256.jpg" }
            },
            {
              id: 2,
              title: "Exterior Detailing",              description: "Professional washing, drying, and protection. Paint correction, waxing, and tire treatment to restore your vehicle's showroom shine.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22299.jpg" }
            },
            {
              id: 3,
              title: "Ceramic Coating",              description: "Long-lasting paint protection that repels water, dirt, and UV rays. Provides superior gloss and durability for years of protection.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/selective-focus-shot-man-cleaning-car-s-back-headlight-with-microfiber-cloth_181624-46344.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/selective-focus-shot-man-cleaning-car-s-back-headlight-with-microfiber-cloth_181624-46344.jpg" }
            },
            {
              id: 4,
              title: "Professional Polishing",              description: "Advanced paint correction and polishing techniques to remove swirls, scratches, and oxidation. Restore your vehicle's perfect finish.",              phoneOne: { imageSrc: "https://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg" },
              phoneTwo: { imageSrc: "https://img.b2bpic.net/free-photo/man-car-clean-using-brush-clean-up-all-details-inside-vehicle_1303-30586.jpg" }
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Simple, Transparent Pricing"
          description="Choose the perfect detailing package for your vehicle"
          tag="Pricing Plans"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          plans={[
            {
              id: "basic-exterior",              tag: "Exterior Express",              price: "$149",              period: "/service",              description: "Quick exterior cleaning and protection for busy vehicle owners",              button: { text: "Book Now", href: "contact" },
              featuresTitle: "Includes:",              features: [
                "Professional wash and dry",                "Tire and wheel cleaning",                "Quick wax application",                "Interior vacuum"
              ]
            },
            {
              id: "standard-full",              tag: "Full Detail Standard",              price: "$299",              period: "/service",              description: "Complete interior and exterior detailing for comprehensive care",              button: { text: "Book Now", href: "contact" },
              featuresTitle: "Includes:",              features: [
                "Complete exterior detailing",                "Deep interior cleaning",                "Carpet and upholstery treatment",                "Dashboard and trim protection",                "Final inspection"
              ]
            },
            {
              id: "premium-ceramic",              tag: "Premium Ceramic Plus",              price: "$599",              period: "/service",              description: "Ultimate protection with ceramic coating and professional restoration",              button: { text: "Book Now", href: "contact" },
              featuresTitle: "Includes:",              features: [
                "Full detail service",                "Professional paint correction",                "Ceramic coating application",                "Leather conditioning",                "2-year protection warranty",                "Priority support"
              ]
            },
            {
              id: "elite-concierge",              tag: "Elite Concierge Service",              price: "$999",              period: "/service",              description: "Luxury detailing with on-site service and premium treatments",              button: { text: "Request Quote", href: "contact" },
              featuresTitle: "Includes:",              features: [
                "Complete restoration service",                "Mobile on-site detailing",                "Premium ceramic coating",                "Engine bay detailing",                "Glass coating application",                "3-year warranty",                "Free maintenance visits"
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Goldenrod Detailing transformed my BMW completely. The ceramic coating has kept it looking showroom-fresh for months. Their attention to detail is unmatched in Louisville. Highly recommend!"
          rating={5}
          author="Michael Richardson, BMW Owner"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22306.jpg", alt: "Satisfied customer" },
            { src: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22306.jpg", alt: "Professional result" },
            { src: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22306.jpg", alt: "Premium service" },
            { src: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22306.jpg", alt: "Happy client" },
            { src: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22306.jpg", alt: "Quality work" },
            { src: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22306.jpg", alt: "Expert detailing" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Why Choose Goldenrod Detailing"
          description="We are dedicated to delivering exceptional car detailing services in Louisville, Kentucky. With over a decade of experience, our team uses premium products and cutting-edge techniques to ensure every vehicle receives the luxury care it deserves. We're committed to excellence, attention to detail, and customer satisfaction."
          tag="About Us"
          imageSrc="https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22308.jpg"
          imageAlt="Goldenrod Detailing professional workshop"
          buttons={[
            { text: "Schedule Consultation", href: "contact" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Get answers to common questions about our detailing services and care recommendations"
          textPosition="left"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",              title: "How long does a full detail take?",              content: "A complete full detail service typically takes 4-6 hours depending on your vehicle's condition. We ensure thorough, careful work on every inch of your car."
            },
            {
              id: "2",              title: "How long does ceramic coating last?",              content: "Professional ceramic coatings typically last 2-3 years with proper maintenance. We recommend regular maintenance washes to maximize the coating's lifespan and effectiveness."
            },
            {
              id: "3",              title: "Do you offer mobile detailing?",              content: "Yes! Our Elite Concierge Service includes on-site mobile detailing. We come to your location in the Louisville area and provide premium service at your convenience."
            },
            {
              id: "4",              title: "What products do you use?",              content: "We exclusively use premium, eco-friendly detailing products that are safe for all vehicle types. All our products are professional-grade and designed to protect your vehicle's finish."
            },
            {
              id: "5",              title: "Can you remove scratches and swirls?",              content: "Yes, our professional polishing and paint correction services can significantly reduce or remove light scratches, swirls, and oxidation to restore your vehicle's perfect shine."
            },
            {
              id: "6",              title: "Do you warranty your work?",              content: "Absolutely! All our services come with satisfaction guarantees. Premium packages include 2-3 year warranties on ceramic coatings and protection treatments."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          title="Ready to Transform Your Vehicle?"
          description="Schedule your detailing appointment today and experience the Goldenrod Detailing difference. Contact us for a consultation or booking."
          imageSrc="https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22307.jpg"
          imageAlt="Professional detailing team"
          mediaPosition="right"
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email"
          buttonText="Schedule Service"
          termsText="We respect your privacy. Unsubscribe at any time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Goldenrod Detailing"
          columns={[
            {
              items: [
                { label: "Services", href: "services" },
                { label: "Pricing", href: "pricing" },
                { label: "About", href: "about" }
              ]
            },
            {
              items: [
                { label: "Reviews", href: "testimonials" },
                { label: "FAQ", href: "faq" },
                { label: "Contact", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Louisville, KY", href: "#" },
                { label: "hello@goldenroddetailing.com", href: "#" },
                { label: "(502) 555-0123", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}