"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Sparkles, Shield, Award, Zap, Phone, Crown } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="outline"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Ryan's Auto Detailing"
          button={{
            text: "Book Now",            href: "contact"
          }}
        />
      </div>
      
      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="RYAN'S AUTO DETAILING"
          description="Premium car detailing services that transform your vehicle into a work of art"
          buttons={[
            {
              text: "Book Detailing",              href: "contact"
            },
            {
              text: "Learn More",              href: "about"
            }
          ]}
          slides={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193557.jpg"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/car-wash-detailing-station_1303-22301.jpg"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/man-polishing-car-with-orbital-applicator_1303-30576.jpg"
            }
          ]}
          autoplayDelay={5000}
          showDimOverlay={true}
        />
      </div>
      
      <div id="services" data-section="services">
        <FeatureCardThree
          title="Our Premium Services"
          description="Each service is meticulously designed to restore and protect your vehicle's beauty"
          features={[
            {
              id: "01",              title: "Interior Detailing",              description: "Deep clean and protection for your car's interior surfaces, upholstery, and leather conditioning",              imageSrc: "https://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2004.jpg"
            },
            {
              id: "02",              title: "Exterior Polishing",              description: "Professional paint correction and ceramic coating to restore and protect your car's finish",              imageSrc: "https://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26072.jpg"
            },
            {
              id: "03",              title: "Wheel & Tire Care",              description: "Expert cleaning and conditioning to make your wheels shine like new",              imageSrc: "https://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2795.jpg"
            },
            {
              id: "04",              title: "Windows & Trim",              description: "Crystal-clear windows and pristine trim work for a complete premium look",              imageSrc: "https://img.b2bpic.net/free-photo/man-polish-salon-car-garage_1157-36592.jpg"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="four-items-2x2-equal-grid"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="about" data-section="about">
        <SplitAbout
          title="Why Choose Ryan's Auto Detailing?"
          description="With over 10 years of experience and 98 5-star reviews, we're committed to delivering exceptional results that exceed expectations."
          imageSrc="https://img.b2bpic.net/free-photo/african-american-auto-mechanic-his-coworker-communicating-with-their-manager-repair-shop_637285-4233.jpg"
          imageAlt="Professional auto detailing team at work"
          textboxLayout="default"
          imagePosition="right"
          useInvertedBackground="noInvert"
          bulletPoints={[
            {
              title: "Expert Craftsmanship",              description: "Trained professionals with years of detailing expertise and attention to detail",              icon: Sparkles
            },
            {
              title: "Premium Products",              description: "Only the finest automotive care products and eco-friendly solutions",              icon: Shield
            },
            {
              title: "Customer Satisfaction",              description: "4.7-star rating with 98 verified reviews from satisfied customers",              icon: Award
            },
            {
              title: "Fast & Convenient",              description: "Efficient service without compromising quality or attention to detail",              icon: Zap
            }
          ]}
        />
      </div>
      
      <div id="gallery" data-section="gallery">
        <ProductCardOne
          title="Before & After Transformations"
          description="See the dramatic difference our premium detailing services make on vehicles just like yours"
          products={[
            {
              id: "1",              name: "Full Detail Transformation",              price: "Starting at $299",              imageSrc: "https://img.b2bpic.net/free-photo/image-dirty-car-after-trip-off-road-stands-against-brick-wall-old-part-town_613910-6302.jpg"
            },
            {
              id: "2",              name: "Ceramic Coat Restoration",              price: "Starting at $599",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-image-dirty-car-after-trip-around-countryside_613910-20502.jpg"
            },
            {
              id: "3",              name: "Premium Luxury Detail",              price: "Starting at $899",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-image-dirty-car-after-trip-around-countryside_613910-6323.jpg"
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Trusted by Car Enthusiasts"
          description="Read what our satisfied customers have to say about our premium detailing services"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "My car looks brand new again",              quote: "Ryan's team transformed my 5-year-old sedan into something I'm proud to drive. The attention to detail is unmatched. Highly recommended!",              name: "James Richardson",              role: "Luxury Car Owner",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg"
            },
            {
              id: "2",              title: "Best detailing service in town",              quote: "Professional, punctual, and perfectionists. My BMW has never looked better. The ceramic coating protection is incredible.",              name: "Sarah Mitchell",              role: "Executive",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg"
            },
            {
              id: "3",              title: "Worth every penny",              quote: "I've tried other detailing shops, but Ryan's is on another level. The interior detailing was absolutely thorough and the finish is flawless.",              name: "Michael Chen",              role: "Business Owner",              imageSrc: "https://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg"
            },
            {
              id: "4",              title: "Exceptional service quality",              quote: "From booking to completion, everything was seamless. My car looks showroom-ready and the protective coating will keep it that way.",              name: "Emily Rodriguez",              role: "Marketing Manager",              imageSrc: "https://img.b2bpic.net/free-photo/handsome-business-man-wearing-suit-looking-camera-smiling-broadly-with-happy-face-standing-white-background_141793-54115.jpg"
            },
            {
              id: "5",              title: "Best decision for my vehicle",              quote: "The team took their time to ensure every detail was perfect. My car's paint quality has completely transformed. Absolutely amazing work!",              name: "David Kim",              role: "Entrepreneur",              imageSrc: "https://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg"
            },
            {
              id: "6",              title: "Incredible attention to detail",              quote: "Professional doesn't begin to describe their work. They treated my car like it was their own. I'm a customer for life.",              name: "Lisa Thompson",              role: "Creative Director",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg"
            }
          ]}
        />
      </div>
      
      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Transparent Pricing"
          description="Choose the perfect detailing package for your vehicle and budget"
          plans={[
            {
              id: "basic",              badge: "Popular",              price: "$199",              subtitle: "Essential Care",              features: [
                "Exterior wash and dry",                "Tire shine",                "Interior vacuum",                "Dashboard wipe"
              ],
              badgeIcon: Sparkles
            },
            {
              id: "pro",              badge: "Best Value",              price: "$399",              subtitle: "Complete Detail",              features: [
                "Paint correction",                "Interior deep clean",                "Leather conditioning",                "Window tinting prep",                "Wheel restoration"
              ],
              badgeIcon: Crown
            },
            {
              id: "premium",              badge: "Ultimate",              price: "$799",              subtitle: "Luxury Transformation",              features: [
                "Full paint correction",                "Ceramic coating",                "Premium interior detail",                "Leather treatment",                "Engine bay detail",                "Protection package"
              ],
              badgeIcon: Zap
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>
      
      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform Your Vehicle?"
          ctaDescription="Contact us today to schedule your premium detailing appointment. Located in Amherst, OH."
          ctaIcon={Phone}
          ctaButton={{
            text: "Call (440) 984-2152",            href: "tel:(440)984-2152"
          }}
          faqs={[
            {
              id: "1",              title: "How long does a detailing service take?",              content: "Most services take 2-4 hours depending on the package. Full premium details with ceramic coating can take 4-6 hours for perfection. We can schedule appointments at your convenience."
            },
            {
              id: "2",              title: "Is ceramic coating worth it?",              content: "Absolutely. Our ceramic coating provides 2-5 years of protection, reducing the need for frequent waxing and keeping your car's finish pristine much longer."
            },
            {
              id: "3",              title: "Do you offer mobile detailing?",              content: "Yes! We provide mobile detailing services throughout the Amherst area. We'll come to your home or office to detail your vehicle on-site."
            },
            {
              id: "4",              title: "What products do you use?",              content: "We exclusively use premium, professional-grade detailing products that are safe for all vehicle types and environmentally conscious."
            },
            {
              id: "5",              title: "Can you fix paint damage?",              content: "We offer professional paint correction services that can eliminate swirls, scratches, and oxidation to restore your car's original finish."
            }
          ]}
          useInvertedBackground="noInvert"
          animationType="slide-up"
        />
      </div>
      
      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Ryan's Auto Detailing"
          copyrightText="© 2025 Ryan's Auto Detailing. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                {
                  label: "Interior Detailing",                  href: "services"
                },
                {
                  label: "Exterior Polishing",                  href: "services"
                },
                {
                  label: "Ceramic Coating",                  href: "services"
                },
                {
                  label: "Mobile Detailing",                  href: "services"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About Us",                  href: "about"
                },
                {
                  label: "Testimonials",                  href: "testimonials"
                },
                {
                  label: "Pricing",                  href: "pricing"
                },
                {
                  label: "Contact",                  href: "contact"
                }
              ]
            },
            {
              title: "Contact",              items: [
                {
                  label: "Call (440) 984-2152",                  href: "tel:(440)984-2152"
                },
                {
                  label: "46025 Telegraph Rd, Amherst, OH 44001",                  href: "#"
                },
                {
                  label: "Open Daily",                  href: "#"
                },
                {
                  label: "Closes 6 PM",                  href: "#"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}