"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Award, CheckCircle, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSizeMediumTitles"
        background="blurBottom"
        cardStyle="glass-depth"
        primaryButtonStyle="flat"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "features",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="H2O Prestige"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "gradient-bars",
      }}
      title="H2O Prestige: Professional Cleaning Services"
      description="Experience the ultimate clean with our premium pressure washing and exterior restoration services. Restore the beauty of your property with H2O Prestige."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552310.jpg?_wi=1",
          imageAlt: "water pressure cleaning business",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428274.jpg?_wi=1",
          imageAlt: "power washing equipment",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/stalactite-underwater-with-bubbles_23-2148227180.jpg?_wi=1",
          imageAlt: "water spray detail",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/handsomen-man-white-shirt-washing-his-car_1157-27221.jpg?_wi=1",
          imageAlt: "house exterior cleaning",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/weathered-concrete-surface-with-grime-mildew_632498-60772.jpg?_wi=1",
          imageAlt: "before after pressure wash",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358977.jpg",
          imageAlt: "water pressure cleaning business",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150359022.jpg",
          imageAlt: "power washing equipment",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/watercolor-paint-background-holi-festival_23-2148093671.jpg",
          imageAlt: "water spray detail",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/man-doing-professional-home-cleaning-service_23-2150358966.jpg",
          imageAlt: "house exterior cleaning",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/bubbles-water_1160-303.jpg",
          imageAlt: "before after pressure wash",
        },
      ]}
      buttons={[
        {
          text: "Get a Quote",
          href: "#contact",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/people-taking-care-office-cleaning_23-2149374452.jpg",
          alt: "Cleaning team member 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/professional-cleaning-service-people-working-together-office_23-2150520641.jpg",
          alt: "Cleaning team member 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/full-shot-men-high-five-office_23-2149345549.jpg",
          alt: "Cleaning team member 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/full-shot-men-cleaning-office_23-2149345516.jpg",
          alt: "Cleaning team member 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/professional-cleaning-service-person-cleaning-office_23-2150520627.jpg",
          alt: "Cleaning team member 5",
        },
      ]}
      avatarText="Trusted by 500+ satisfied clients"
      marqueeItems={[
        {
          type: "text",
          text: "Pressure Washing",
        },
        {
          type: "text",
          text: "Roof Restoration",
        },
        {
          type: "text",
          text: "Driveway Deep Clean",
        },
        {
          type: "text",
          text: "Deck Renewal",
        },
        {
          type: "text",
          text: "Commercial Cleaning",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="About H2O Prestige"
      description={[
        "At H2O Prestige, we specialize in high-end exterior restoration. We are committed to excellence and ensuring your property maintains its curb appeal year-round.",
        "Our team uses professional-grade equipment and eco-friendly solutions to safely remove grime, dirt, and stains from your home or business surfaces.",
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardNineteen
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          tag: "Driveways",
          title: "Driveway Cleaning",
          subtitle: "Deep Clean Results",
          description: "Remove years of oil, dirt, and stains for a like-new appearance.",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-white-utencil-dark-background-fork-cutlery-kitchen-wood-plastic-knife-color-food-darkness_179666-47157.jpg",
        },
        {
          tag: "Roofing",
          title: "Roof Soft Wash",
          subtitle: "Gentle & Safe",
          description: "Safe, effective removal of algae and moss without damaging your roof shingles.",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-cat-floor-house_23-2149304095.jpg",
        },
        {
          tag: "Decks",
          title: "Deck Restoration",
          subtitle: "Renew Your Deck",
          description: "Deep clean and restore your wooden structures to their original beauty.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-measuring-wood-planks_23-2148836015.jpg",
        },
      ]}
      title="Our Professional Services"
      description="Comprehensive cleaning solutions for all exterior surfaces."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          title: "Properties Cleaned",
          value: "500+",
          icon: CheckCircle,
        },
        {
          id: "2",
          title: "Years Experience",
          value: "10+",
          icon: Award,
        },
        {
          id: "3",
          title: "Satisfaction Rate",
          value: "99%",
          icon: Star,
        },
      ]}
      title="By The Numbers"
      description="Proven results for residential and commercial properties."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah J.",
          date: "Jan 2025",
          title: "Homeowner",
          quote: "H2O Prestige made our driveway look brand new again. Amazing work!",
          tag: "Service",
          avatarSrc: "http://img.b2bpic.net/free-photo/real-estate-concept-happy-young-man-searching-home-rent-holding-house-paper-maket-smiling-st_1258-160608.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-cleaning-tools_23-2150552310.jpg?_wi=2",
          imageAlt: "happy client portrait",
        },
        {
          id: "2",
          name: "Mark D.",
          date: "Dec 2024",
          title: "Client",
          quote: "Reliable, professional, and very efficient. Highly recommended.",
          tag: "Service",
          avatarSrc: "http://img.b2bpic.net/free-photo/happy-family-talking-while-moving-into-their-first-home_637285-12314.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-different-types-tools_23-2148428274.jpg?_wi=2",
          imageAlt: "happy client portrait",
        },
        {
          id: "3",
          name: "Emily R.",
          date: "Nov 2024",
          title: "Homeowner",
          quote: "My roof looks fantastic now. Great attention to detail.",
          tag: "Service",
          avatarSrc: "http://img.b2bpic.net/free-photo/businessman-showing-thumbs-up-sign_93675-133117.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/stalactite-underwater-with-bubbles_23-2148227180.jpg?_wi=2",
          imageAlt: "happy client portrait",
        },
        {
          id: "4",
          name: "Tom B.",
          date: "Oct 2024",
          title: "Property Owner",
          quote: "Best pressure washing service in town. Will use again.",
          tag: "Service",
          avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-holding-her-girlfriend-s-hand-sitting-outdoor_23-2147891197.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/handsomen-man-white-shirt-washing-his-car_1157-27221.jpg?_wi=2",
          imageAlt: "happy client portrait",
        },
        {
          id: "5",
          name: "Anna S.",
          date: "Sep 2024",
          title: "Client",
          quote: "Prompt service and excellent cleaning results for my deck.",
          tag: "Service",
          avatarSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-133786.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/weathered-concrete-surface-with-grime-mildew_632498-60772.jpg?_wi=2",
          imageAlt: "happy client portrait",
        },
      ]}
      title="What Our Clients Say"
      description="Trusted by local homeowners and businesses."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "Is your process safe?",
          content: "Yes, we use eco-friendly soaps and low-pressure techniques to ensure safety.",
        },
        {
          id: "2",
          title: "How often should I clean?",
          content: "Most experts recommend a yearly cleaning to prevent grime buildup.",
        },
        {
          id: "3",
          title: "Can you handle commercial?",
          content: "Yes, we service both residential and commercial properties.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/mid-adult-inspector-analyzing-data-while-using-computer-auto-repair-shop_637285-7566.jpg"
      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
      description="Answers to commonly asked questions."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="socialproof" data-section="socialproof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Local Realtors",
        "HOA Partnerships",
        "Commercial Spaces",
        "Residential Communities",
        "Property Management",
        "Restoration Groups",
        "Professional Guilds",
      ]}
      title="Trusted Partner"
      description="Serving communities and local businesses."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      text="Ready to get a premium cleaning? Reach out to H2O Prestige today to schedule your service."
      buttons={[
        {
          text: "Contact Us",
          href: "https://www.facebook.com/profile.php?id=61588315926918",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="H2O Prestige"
      copyrightText="© 2025 H2O Prestige. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
