"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Car, Cog, Crown, Gauge, Paintbrush, ShieldCheck, Sparkles, Star, Sun, Truck, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeLargeTitles"
        background="none"
        cardStyle="glass-elevated"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "About",          id: "/about"},
        {
          name: "Services",          id: "/services"},
        {
          name: "Gallery",          id: "/gallery"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      brandName="SKG Auto Detailing"
      button={{
        text: "Get Free Quote",        href: "/contact"}}
    />
  </div>

  <div id="services-hero" data-section="services-hero">
      <HeroSplit
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Our Premium Auto Detailing Services"
      description="Discover a comprehensive range of detailing solutions designed to restore, protect, and enhance every aspect of your vehicle."
      buttons={[
        {
          text: "Get Your Free Quote",          href: "/contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/nice-blue-white-foam_23-2147798295.jpg"
      imageAlt="Car being professionally polished in a detailing studio"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "asset://services-hero-avatar-1",          alt: "smiling happy customer portrait"},
        {
          src: "asset://services-hero-avatar-2",          alt: "satisfied client smiling"},
        {
          src: "asset://services-hero-avatar-3",          alt: "professional portrait auto client"},
        {
          src: "asset://services-hero-avatar-4",          alt: "car owner happy with service"},
        {
          src: "asset://services-hero-avatar-5",          alt: "positive client review headshot"},
      ]}
      avatarText="5-Star Service Across All Packages"
      marqueeItems={[
        {
          type: "text-icon",          text: "All Vehicle Types",          icon: Car,
        },
        {
          type: "text-icon",          text: "Detailed to Perfection",          icon: Car,
        },
        {
          type: "text-icon",          text: "Expert Technicians",          icon: Paintbrush,
        },
        {
          type: "text-icon",          text: "UV Protection",          icon: Sun,
        },
        {
          type: "text-icon",          text: "SUVs & Trucks Welcome",          icon: Truck,
        },
      ]}
    />
  </div>

  <div id="service-features" data-section="service-features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Full Auto Detailing",          description: "The ultimate package for a complete vehicle transformation, inside and out.",          bentoComponent: "reveal-icon",          icon: Car,

          imageAlt: "exterior car detailing icon"},
        {
          title: "Interior Detailing",          description: "Deep cleaning, stain removal, odor treatment, and meticulous detailing for your cabin.",          bentoComponent: "reveal-icon",          icon: Gauge,

          imageAlt: "exterior car detailing icon"},
        {
          title: "Exterior Detailing",          description: "Advanced washing, paint decontamination, polishing, and wax/sealant application.",          bentoComponent: "reveal-icon",          icon: Sparkles,

          imageAlt: "exterior car detailing icon"},
        {
          title: "Clay Bar Treatment",          description: "Removes bonded contaminants from paint, restoring a smooth, clean surface.",          bentoComponent: "reveal-icon",          icon: Wrench,

          imageAlt: "exterior car detailing icon"},
        {
          title: "Engine Detailing",          description: "Safe and effective cleaning to make your engine bay look factory fresh.",          bentoComponent: "reveal-icon",          icon: Cog,

          imageAlt: "exterior car detailing icon"},
        {
          title: "Paint Protection",          description: "Long-lasting ceramic coatings and sealants to shield your paint and enhance gloss.",          bentoComponent: "reveal-icon",          icon: ShieldCheck,

          imageAlt: "exterior car detailing icon"},
      ]}
      title="Explore Our Detailing Solutions"
      description="From a quick exterior refresh to a full interior overhaul, we have a service tailored for you. Click on any service to learn more."
    />
  </div>

  <div id="service-pricing" data-section="service-pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "exterior-wash-wax",          badge: "Popular",          badgeIcon: Sparkles,
          price: "$125",          subtitle: "Essential Exterior Care",          features: [
            "Hand Wash & Dry",            "Wheel Cleaning",            "Tire Dressing",            "Exterior Wax Protection"],
        },
        {
          id: "interior-deluxe",          badge: "Best Value",          badgeIcon: Star,
          price: "$175",          subtitle: "Deep Interior Refresh",          features: [
            "Vacuum & Wipe Down",            "Carpet Shampoo",            "Leather/Fabric Cleanse",            "Odor Treatment"],
        },
        {
          id: "full-detail-signature",          badge: "Ultimate",          badgeIcon: Crown,
          price: "$350",          subtitle: "Complete Transformation",          features: [
            "Full Exterior Detail",            "Full Interior Detail",            "Clay Bar Treatment",            "Engine Bay Detail"],
        },
      ]}
      title="Transparent Pricing for Premium Services"
      description="Find the perfect detailing package to fit your needs and budget. Custom quotes are available upon request for specific requirements."
    />
  </div>

  <div id="service-faqs" data-section="service-faqs">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "How often should I get my car detailed?",          content: "For optimal maintenance and protection, we recommend a full detail every 4-6 months, with regular exterior washes and interior cleanings in between."},
        {
          id: "faq2",          title: "What is included in a full auto detail?",          content: "Our full detail includes comprehensive interior cleaning (vacuum, shampoo, stain removal) and exterior treatment (hand wash, clay bar, polish, wax/sealant, wheel/tire detail)."},
        {
          id: "faq3",          title: "Do you offer ceramic coating?",          content: "Yes, we offer professional ceramic coating applications for long-lasting paint protection, enhanced gloss, and hydrophobic properties. Inquire for custom pricing."},
        {
          id: "faq4",          title: "How long does a typical detail take?",          content: "The duration depends on the service package and vehicle condition. A full detail can take 4-8 hours, while a basic wash and wax might be 1-2 hours. We'll provide an estimate upon booking."},
      ]}
      title="Frequently Asked Questions"
      description="Have questions about our detailing process, services, or pricing? Find answers to common inquiries below."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="service-testimonials" data-section="service-testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "st1",          name: "Olivia P.",          handle: "Fredericksburg",          testimonial: "The full detail service was incredible! My car looks and feels brand new. Every nook and cranny was spotless.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193573.jpg"},
        {
          id: "st2",          name: "Daniel S.",          handle: "Spotsylvania",          testimonial: "My truck's interior was a disaster. SKG's interior detailing brought it back to life. Amazing job with the tough stains!",          imageSrc: "http://img.b2bpic.net/free-photo/girl-car_1157-6520.jpg"},
        {
          id: "st3",          name: "Grace L.",          handle: "Stafford",          testimonial: "Opted for paint protection, and my car's shine is unbelievable. Water beads right off. Highly recommend this service!",          imageSrc: "http://img.b2bpic.net/free-photo/satisfied-male-customer-holding-car-key-auto-repair-shop-looking-camera_637285-7746.jpg"},
        {
          id: "st4",          name: "Ethan B.",          handle: "King George",          testimonial: "The engine detailing was meticulous. They truly care about every part of the vehicle. My engine bay looks pristine.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-man-car-dealership_23-2148130231.jpg"},
        {
          id: "st5",          name: "Sophia R.",          handle: "Locust Grove",          testimonial: "The exterior detailing made my car sparkle. The paint is so smooth after the clay bar treatment. Fantastic results!",          imageSrc: "http://img.b2bpic.net/free-photo/fashion-photo-handsome-elegant-man-glasses-suit-with-beautiful-sexy-woman-colorful-dress-white_158538-11297.jpg"},
      ]}
      title="What Our Service Clients Say"
      description="Hear from satisfied customers who trusted SKG Auto Detailing with their prized vehicles for specific services."
    />
  </div>

  <div id="service-gallery" data-section="service-gallery">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "sg-full",          brand: "Full Detail",          name: "Total Vehicle Renewal",          price: "View Details",          rating: 5,
          reviewCount: "",          imageSrc: "http://img.b2bpic.net/free-photo/man-washing-his-car-garage_1157-26072.jpg",          imageAlt: "Full detail transformation"},
        {
          id: "sg-interior",          brand: "Interior Detail",          name: "Pristine Cabin Refresh",          price: "View Details",          rating: 5,
          reviewCount: "",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-interior_23-2148194086.jpg",          imageAlt: "Interior detailing results"},
        {
          id: "sg-exterior",          brand: "Exterior Detail",          name: "Flawless Paint Finish",          price: "View Details",          rating: 5,
          reviewCount: "",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cleaning-car-exterior_23-2148194135.jpg",          imageAlt: "Exterior detailing shine"},
        {
          id: "sg-claybar",          brand: "Clay Bar",          name: "Smooth Surface Treatment",          price: "View Details",          rating: 5,
          reviewCount: "",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_1170-2400.jpg",          imageAlt: "Clay bar treatment result"},
        {
          id: "sg-engine",          brand: "Engine Detail",          name: "Spotless Engine Bay",          price: "View Details",          rating: 5,
          reviewCount: "",          imageSrc: "http://img.b2bpic.net/free-photo/tie-tools-father_23-2148522096.jpg",          imageAlt: "Engine detailing transformation"},
        {
          id: "sg-protection",          brand: "Paint Protection",          name: "Durable Ceramic Coating",          price: "View Details",          rating: 5,
          reviewCount: "",          imageSrc: "http://img.b2bpic.net/free-photo/person-working-car-wrapping_23-2149342618.jpg",          imageAlt: "Paint protection application"},
      ]}
      title="Service Showcase: Transformations"
      description="A visual journey through some of our most impressive detailing projects, categorized by service type."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Full Detailing",              href: "/services#full-detailing"},
            {
              label: "Interior Detailing",              href: "/services#interior-detailing"},
            {
              label: "Exterior Detailing",              href: "/services#exterior-detailing"},
            {
              label: "Paint Protection",              href: "/services#paint-protection"},
            {
              label: "Engine Detailing",              href: "/services#engine-detailing"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "/about"},
            {
              label: "Our Work",              href: "/gallery"},
            {
              label: "Contact Us",              href: "/contact"},
            {
              label: "Request a Quote",              href: "/contact"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Facebook",              href: "#"},
            {
              label: "Instagram",              href: "#"},
            {
              label: "Google Reviews",              href: "https://www.google.com/search?q=SKG+Auto+Detailing+Inc+Fredericksburg+reviews"},
          ],
        },
      ]}
      bottomLeftText="© 2024 SKG Auto Detailing Inc. All rights reserved."
      bottomRightText="Built with Webild"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
