"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
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 ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Briefcase, Car, Cog, Eye, Gauge, ShieldCheck, Sparkles, Star, 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="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "radial-gradient"}}
      imagePosition="right"
      title="Premium Auto Detailing in Fredericksburg, VA"
      description="Restore, Protect, and Maintain Your Vehicle with Professional Detailing Services Trusted by Local Drivers."
      tag="★★★★★ 4.9 Rating"
      tagIcon={Star}
      buttons={[
        {
          text: "Call Now",          href: "tel:5407068888"},
        {
          text: "Get Free Quote",          href: "/contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-mask-off-outdoors_23-2149403784.jpg",          alt: "Happy Customer 1"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-portrait-green-eyed-brunette-woman-hair-band-white-t-shirt-against-wall-windows-cacti_197531-17042.jpg",          alt: "Happy Customer 2"},
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg",          alt: "Happy Customer 3"},
        {
          src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1626.jpg",          alt: "Happy Customer 4"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-view-black-woman-smile-camera_197531-33139.jpg",          alt: "Close up view of black woman smile at camera"},
      ]}
      avatarText="60+ Happy Customers & Locally Owned & Operated"
      imageSrc="http://img.b2bpic.net/free-photo/front-air-conditioners-metallic-color-car_114579-4010.jpg"
      imageAlt="Luxurious car being detailed in a professional studio"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      marqueeItems={[
        {
          type: "text-icon",          text: "Top Rated",          icon: Star,
        },
        {
          type: "text-icon",          text: "Showroom Shine",          icon: Sparkles,
        },
        {
          type: "text-icon",          text: "Trusted Service",          icon: Briefcase,
        },
        {
          type: "text-icon",          text: "Long-lasting Protection",          icon: ShieldCheck,
        },
        {
          type: "text-icon",          text: "Precision Detailing",          icon: Gauge,
        },
      ]}
    />
  </div>

  <div id="process" data-section="process">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Our Simple 3-Step Detailing Process"
      description="Getting your vehicle professionally detailed has never been easier. We handle every step with precision and care."
      bulletPoints={[
        {
          title: "Request a Quote",          description: "Start by telling us about your vehicle and the services you're interested in. We provide transparent, no-obligation estimates."},
        {
          title: "Schedule Your Appointment",          description: "Choose a date and time that works best for you. Our flexible scheduling ensures convenience for our busy clients."},
        {
          title: "Drive Away Looking New",          description: "Experience the transformation! Pick up your vehicle, meticulously detailed and protected, looking better than new."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/man-gray-sweater-wipes-car-car-wash_1157-35957.jpg"
      imageAlt="Shiny clean car driving away after detailing"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services-overview" data-section="services-overview">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Full Auto Detailing",          description: "Complete interior and exterior restoration for a truly revitalized vehicle.",          bentoComponent: "reveal-icon",          icon: Car,

          imageAlt: "detailing icon full service"},
        {
          title: "Interior Detailing",          description: "Deep cleaning, vacuuming, shampooing, stain removal, and odor treatment.",          bentoComponent: "reveal-icon",          icon: Gauge,

          imageAlt: "detailing icon full service"},
        {
          title: "Exterior Detailing",          description: "Hand wash, paint decontamination, meticulous polishing, and wax protection.",          bentoComponent: "reveal-icon",          icon: Sparkles,

          imageAlt: "detailing icon full service"},
        {
          title: "Clay Bar Treatment",          description: "Safely remove contaminants and restore smooth paint for optimal shine.",          bentoComponent: "reveal-icon",          icon: Wrench,

          imageAlt: "detailing icon full service"},
        {
          title: "Engine Detailing",          description: "Safe and thorough cleaning, degreasing, and restoration of your engine bay.",          bentoComponent: "reveal-icon",          icon: Cog,

          imageAlt: "detailing icon full service"},
        {
          title: "Paint Protection",          description: "Long-lasting hydrophobic protection and gloss enhancement with ceramic coatings.",          bentoComponent: "reveal-icon",          icon: ShieldCheck,

          imageAlt: "detailing icon full service"},
      ]}
      title="Our Comprehensive Detailing Services"
      description="From a thorough interior restoration to advanced paint protection, we offer a full range of services to meet your vehicle's needs."
    />
  </div>

  <div id="before-after-gallery" data-section="before-after-gallery">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "ba-interior-1",          brand: "Interior Transformation",          name: "Deep Clean & Restoration",          price: "Starting at $150",          rating: 5,
          reviewCount: "5 Stars",          imageSrc: "http://img.b2bpic.net/free-photo/road-safety-close-up-view-interior-brand-new-modern-luxury-automobile_146671-16595.jpg",          imageAlt: "Before and after interior deep clean"},
        {
          id: "ba-exterior-1",          brand: "Exterior Detailing",          name: "Paint Correction & Shine",          price: "Starting at $200",          rating: 5,
          reviewCount: "5 Stars",          imageSrc: "http://img.b2bpic.net/free-photo/old-red-car-with-ribbon_181624-38.jpg",          imageAlt: "Before and after exterior paint correction"},
        {
          id: "ba-engine-1",          brand: "Engine Bay Detail",          name: "Spotless Engine Cleaning",          price: "Starting at $75",          rating: 5,
          reviewCount: "5 Stars",          imageSrc: "http://img.b2bpic.net/free-photo/turbocharged-engine-sports-car-close-up-hood_78492-3880.jpg",          imageAlt: "Before and after engine bay detailing"},
        {
          id: "ba-truck-1",          brand: "Truck Detailing",          name: "Heavy Duty Clean",          price: "Starting at $250",          rating: 5,
          reviewCount: "5 Stars",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-mechanic-checking-truck_23-2149426542.jpg",          imageAlt: "Before and after pickup truck detailing"},
        {
          id: "ba-suv-1",          brand: "SUV Interior",          name: "Family Vehicle Refresh",          price: "Starting at $180",          rating: 5,
          reviewCount: "5 Stars",          imageSrc: "http://img.b2bpic.net/free-photo/luxury-car-interior-brown-white-colors_181624-31196.jpg",          imageAlt: "Before and after SUV interior cleaning"},
        {
          id: "ba-paint-1",          brand: "Paint Protection",          name: "Ceramic Coating Finish",          price: "Starting at $300",          rating: 5,
          reviewCount: "5 Stars",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-brand-new-car-sell_23-2148332886.jpg",          imageAlt: "Before and after paint protection application"},
        {
          id: "ba-wheel-1",          brand: "Wheel & Tire",          name: "Rim & Tire Restoration",          price: "Starting at $50",          rating: 5,
          reviewCount: "5 Stars",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-fixing-car-wheel_23-2148321920.jpg",          imageAlt: "Before and after wheel and tire detailing"},
      ]}
      title="See the Difference Professional Detailing Makes"
      description="Explore our gallery of stunning vehicle transformations before and after SKG Auto Detailing's expert touch. Hover for details."
    />
  </div>

  <div id="why-choose-skg" data-section="why-choose-skg">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "4.9-Star Reputation",          description: "Trusted by drivers throughout Fredericksburg for exceptional service and results.",          bentoComponent: "reveal-icon",          icon: Star,

          imageAlt: "interior car detailing icon"},
        {
          title: "Professional Equipment",          description: "We utilize commercial-grade products and advanced techniques for superior detailing.",          bentoComponent: "reveal-icon",          icon: Wrench,

          imageAlt: "interior car detailing icon"},
        {
          title: "Attention to Detail",          description: "Every vehicle is treated with the utmost care, as if it were our own.",          bentoComponent: "reveal-icon",          icon: Eye,

          imageAlt: "interior car detailing icon"},
        {
          title: "Satisfaction Focused",          description: "Your experience and happiness are our top priorities, from start to finish.",          bentoComponent: "reveal-icon",          icon: Briefcase,

          imageAlt: "interior car detailing icon"},
      ]}
      title="Why Choose SKG Auto Detailing?"
      description="Experience the SKG difference with our unwavering commitment to quality, trust, and customer satisfaction."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          handle: "@HappyDriverVA",          testimonial: "SKG Auto Detailing transformed my luxury sedan! It looks even better than when I bought it. The attention to detail is truly unmatched. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-little-cheerful-girl-with-big-wrench-hands-near-shiny-gar-auto-service_613910-3501.jpg"},
        {
          id: "2",          name: "Michael C.",          handle: "@CarEnthusiastFXBG",          testimonial: "Had my SUV's interior fully restored. Stains are gone, and it smells brand new. The team at SKG is incredibly professional and skilled.",          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-couple-smiling-sitting-car-near-sea_176420-2376.jpg"},
        {
          id: "3",          name: "Emily R.",          handle: "@LocalMomCars",          testimonial: "Preparing my car for sale, and SKG made it showroom ready. The paint correction is flawless. Got a great offer thanks to their amazing work!",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-polishing-his-car-with-rag_1303-21782.jpg"},
        {
          id: "4",          name: "David K.",          handle: "@FredDetalingFan",          testimonial: "The engine detailing was incredible, and the exterior wash and wax gave my truck an amazing shine. SKG is my go-to for all my detailing needs.",          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-talking-sales-person-car-showroom_1303-15142.jpg"},
        {
          id: "5",          name: "Jessica M.",          handle: "@PremiumVehicleCare",          testimonial: "From the moment I called to picking up my vehicle, the service was outstanding. My Tesla has never looked so pristine. Worth every penny!",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-looking-car_23-2150171224.jpg"},
      ]}
      title="What Fredericksburg Drivers Are Saying"
      description="Our clients consistently praise our meticulous work and exceptional results, making us their top choice for auto detailing."
    />
  </div>

  <div id="lead-generation-cta" data-section="lead-generation-cta">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      text="Get Your Free Detailing Quote Today. Let us bring your vehicle back to showroom condition with our premium auto detailing services."
      buttons={[
        {
          text: "Request Free Quote",          href: "/contact"},
        {
          text: "Call (540) 706-8888",          href: "tel:5407068888"},
      ]}
    />
  </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>
  );
}
