"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import TextAbout from '@/components/sections/about/TextAbout';
import { Building, Building2, Droplets, Home, Square, Umbrella } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="largeSmallSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="solid"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "How It Works",
          id: "#process",
        },
        {
          name: "Reviews",
          id: "#testimonials",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="ClearShine"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="Restore Your Property's Original Beauty"
      description="Professional power washing that transforms driveways, decks, siding, and more. Fast, affordable, and 100% satisfaction guaranteed."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/mature-male-worker-posing-camera-with-broom-park-front-view-happy-bearded-man-age_7502-10275.jpg",
          imageAlt: "Cleaning session 1",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/athlete-stairs-looking-watch_23-2147618045.jpg",
          imageAlt: "Cleaning session 2",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-washing-car-carwash-station-outdoor_651396-2388.jpg",
          imageAlt: "Cleaning session 3",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358966.jpg",
          imageAlt: "Cleaning session 4",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/low-section-person-standing-near-aerosol-spray_23-2147827513.jpg",
          imageAlt: "Cleaning session 5",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/vacuum-cleaner-tackling-heavily-soiled-floor_23-2151340102.jpg",
          imageAlt: "Cleaning session 7",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/woman-watering-plants-hothouse_23-2147778863.jpg",
          imageAlt: "Cleaning session 8",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-using-spray-drawing-graffiti-wall_23-2147839425.jpg",
          imageAlt: "Cleaning session 9",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/male-car-mechanic-working-car-repair-shop_23-2150367577.jpg",
          imageAlt: "Cleaning session 10",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hands-with-surgical-gloves-cleaning-door-handle-with-ablution_23-2148571841.jpg",
          imageAlt: "Cleaning session 11",
        },
      ]}
      buttons={[
        {
          text: "Get Your Free Quote",
          href: "#contact",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
          alt: "Customer 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-slavic-cleaner-man-with-rubber-gloves-thumbing-up_141793-124050.jpg",
          alt: "Customer 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-man-holding-rag-cleaning-product_23-2148456979.jpg",
          alt: "Customer 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-young-handsome-cleaning-guy-wearing-t-shirt-gloves-showing-peace-gesture-isolated-green-wall_141793-102587.jpg",
          alt: "Customer 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-man-washing-his-car-carwash_1303-27473.jpg",
          alt: "Customer 5",
        },
      ]}
      avatarText="Trusted by 500+ local homeowners"
      marqueeItems={[
        {
          type: "text",
          text: "Licensed & Insured",
        },
        {
          type: "text",
          text: "Eco-Friendly Solutions",
        },
        {
          type: "text",
          text: "Satisfaction Guaranteed",
        },
        {
          type: "text",
          text: "Available Weekends",
        },
        {
          type: "text",
          text: "Transparent Pricing",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          icon: Home,
          title: "House Washing",
          description: "Gentle soft washing removes dirt, mildew, and algae from your siding.",
        },
        {
          icon: Droplets,
          title: "Driveway & Concrete",
          description: "High-pressure cleaning eliminates oil stains and years of built-up grime.",
        },
        {
          icon: Building,
          title: "Deck & Patio",
          description: "Restore your outdoor living spaces to their original beauty.",
        },
        {
          icon: Umbrella,
          title: "Roof Cleaning",
          description: "Soft wash treatment safely removes moss and algae.",
        },
        {
          icon: Square,
          title: "Fence Cleaning",
          description: "Brighten up wood, vinyl, or metal fencing.",
        },
        {
          icon: Building2,
          title: "Commercial Services",
          description: "Storefronts, parking lots, and building exteriors.",
        },
      ]}
      title="Professional Cleaning Solutions"
      description="From residential driveways to commercial storefronts, we have the expertise and equipment to handle any exterior cleaning project."
    />
  </div>

  <div id="process" data-section="process">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "Request Quote",
          content: "Fill out our form or call us. We respond within 2 hours during business hours.",
        },
        {
          id: "2",
          title: "Free Assessment",
          content: "We visit your property, evaluate the job, and provide a transparent quote—no hidden fees.",
        },
        {
          id: "3",
          title: "Schedule Service",
          content: "Pick a time that works for you. We offer flexible scheduling including weekends.",
        },
        {
          id: "4",
          title: "Enjoy Results",
          content: "We complete the work, walk through results with you, and guarantee your satisfaction.",
        },
      ]}
      title="Simple 4-Step Process"
      description="We make it easy to get your property looking its best."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Incredible Results",
          quote: "My driveway looked brand new—even the 10-year-old oil stains were gone.",
          name: "Michael Johnson",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-housewife-cleans-gas-stove-with-melamine-sponge_1398-5084.jpg",
        },
        {
          id: "2",
          title: "Safe and Effective",
          quote: "No damage, no mess, just incredible results. Our house looks 15 years younger!",
          name: "Sarah Richardson",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-device_23-2149246363.jpg",
        },
        {
          id: "3",
          title: "Very Reliable",
          quote: "As a property manager, I need reliable vendors. ClearShine is my go-to.",
          name: "David Thompson",
          role: "Commercial Client",
          imageSrc: "http://img.b2bpic.net/free-photo/headshot-fashionable-young-man-with-laptop-computer-using-high-speed-internet-connection-lunch-cozy-cafe-interior_273609-1945.jpg",
        },
        {
          id: "4",
          title: "Fast & Fair",
          quote: "I was surprised by how quickly they finished and how reasonable the price was.",
          name: "Emily Davis",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-washing-her-hands_23-2148603008.jpg",
        },
        {
          id: "5",
          title: "Professional Team",
          quote: "The team was respectful of my property and left everything spotless.",
          name: "John Miller",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-elegant-elderly-woman-wearing-stylish-clothes-isolated_273609-34973.jpg",
        },
      ]}
      title="What Our Customers Say"
      description="Hear from homeowners who've experienced the ClearShine difference."
    />
  </div>

  <div id="about" data-section="about">
      <TextAbout
      useInvertedBackground={true}
      title="Family-Owned, Community-Focused Since 2009"
      buttons={[
        {
          text: "Schedule a Consultation",
          href: "#contact",
        },
      ]}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "500+",
          title: "Happy Customers",
          items: [
            "Residential",
            "Commercial",
          ],
        },
        {
          id: "2",
          value: "15+",
          title: "Years Experience",
          items: [
            "Expertise",
            "Reliability",
          ],
        },
        {
          id: "3",
          value: "4.9★",
          title: "Google Rating",
          items: [
            "Trusted",
            "Quality",
          ],
        },
      ]}
      title="Our Impact in Numbers"
      description="We've helped hundreds of satisfied clients restore their homes."
    />
  </div>

  <div id="socialproof" data-section="socialproof">
      <SocialProofOne
      textboxLayout="split"
      useInvertedBackground={true}
      names={[
        "Homeowner Association",
        "Local Chamber",
        "Clean Team Network",
        "Environmental Board",
        "Professional Group",
        "City Commerce",
        "Green Guild",
      ]}
      title="Trusted Partners & Affiliations"
      description="We work with top industry organizations to ensure best practices."
      showCard={true}
    />
  </div>

  <div id="faq-content" data-section="faq-content">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Is power washing safe?",
          content: "Yes, we use specific pressure settings and soft wash techniques based on the surface material to prevent any damage.",
        },
        {
          id: "2",
          title: "Are you insured?",
          content: "Absolutely. We are fully insured and bonded for your peace of mind.",
        },
        {
          id: "3",
          title: "How often should I clean my home?",
          content: "Typically once a year to keep your property protected from mold and grime build-up.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Got questions? We've got answers."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Contact Us"
      title="Let's Talk About Your Project"
      description="Request your free, no-obligation quote today. We'll get back to you within 24 hours."
      buttons={[
        {
          text: "Call Now",
          href: "tel:+15551234567",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "House Washing",
              href: "#services",
            },
            {
              label: "Driveway Cleaning",
              href: "#services",
            },
            {
              label: "Deck & Patio",
              href: "#services",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "How It Works",
              href: "#process",
            },
            {
              label: "Reviews",
              href: "#testimonials",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoText="ClearShine"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
