"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Briefcase, Clock, Sparkles, Star, ThumbsUp, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmallSizeMediumTitles"
        background="aurora"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Services",          id: "#services"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Reviews",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/hand-drawn-flat-design-pressure-washinglogo_23-2149250488.jpg"
      logoAlt="Faithful Pressure Washing Logo"
      brandName="Faithful Pressure Washing"
      button={{
        text: "Get an Estimate",        href: "#contact"}}
      animateOnLoad={true}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDualMedia
      background={{
        variant: "downward-rays-static"}}
      title="Reliable Pressure Washing & Junk Removal Experts"
      description="Providing the best service across Greater San Diego County, we enhance curb appeal and property value with expert cleaning and efficient junk removal solutions."
      tag="Trusted Service"
      tagIcon={Sparkles}
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Get an Estimate",          href: "#contact"},
        {
          text: "View Services",          href: "#services"},
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-brown-light-yellow-building-blue-sky_181624-3894.jpg",          imageAlt: "Professional pressure washing a house exterior"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-blind-man-with-walking-cane-near-car_23-2149404086.jpg",          imageAlt: "Pressure washing a dirty driveway"},
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="(72 Reviews)"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Our Story"
      tagIcon={Briefcase}
      tagAnimation="slide-up"
      title="Dedicated to Revitalizing Your Property"
      description="Faithful Pressure Washing/Junk Removal is a family-owned business committed to revitalizing residential properties with expert cleaning and junk removal solutions."
      subdescription="We use advanced equipment and eco-friendly methods to deliver outstanding results on a variety of surfaces, ensuring customer satisfaction and long-lasting cleanliness throughout the community we serve. We pride ourselves on reliability, transparency, and a commitment to quality."
      icon={Users}
      imageSrc="http://img.b2bpic.net/free-photo/gardening-home-with-plant_23-2149007981.jpg"
      imageAlt="Pressure washing equipment and technician"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardEight
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Driveway Cleaning",          description: "Restore the pristine look of your driveway, removing stubborn oil stains, dirt, and grime.",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-woman-raking-outdoors_23-2149382185.jpg",          imageAlt: "Cleaned driveway"},
        {
          title: "Solar Panel Cleaning",          description: "Maximize your solar energy efficiency with professional cleaning that removes dirt and debris.",          imageSrc: "http://img.b2bpic.net/free-photo/solar-energy-panel-light-bulb-green-energy_93675-135281.jpg",          imageAlt: "Cleaned solar panels"},
        {
          title: "Patio Cleaning",          description: "Rejuvenate your outdoor living spaces with thorough cleaning of decks and patios.",          imageSrc: "http://img.b2bpic.net/free-photo/wood-texture-background_1232-3333.jpg",          imageAlt: "Cleaned patio"},
        {
          title: "Junk Removal & Hauling",          description: "Efficiently remove unwanted items and debris, keeping your property clean and clutter-free.",          imageSrc: "http://img.b2bpic.net/free-photo/arrangement-antiques-market-objects_23-2148950905.jpg",          imageAlt: "Junk removal service"},
      ]}
      title="Comprehensive Cleaning & Hauling Solutions"
      description="We offer a wide variety of services designed to enhance the appearance and maintain the value of your property."
    />
  </div>

  <div id="why-us" data-section="why-us">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Trusted Professionals",        "Clear Process",        "Lasting Results",        "Eco-Friendly Methods",        "Customer Satisfaction",        "Family Owned",        "Community Focused"]}
      title="The Faithful Difference"
      description="We bring a commitment to quality, transparency, and lasting results to every single job."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "5.0",          title: "Google Rating",          description: "Across 72 glowing reviews.",          icon: Star,
        },
        {
          id: "m2",          value: "70+",          title: "Happy Clients",          description: "Ensuring satisfaction in every project.",          icon: ThumbsUp,
        },
        {
          id: "m3",          value: "5+",          title: "Years Experience",          description: "Delivering expert service since inception.",          icon: Clock,
        },
      ]}
      title="Our Achievements Speak For Themselves"
      description="We pride ourselves on delivering outstanding results and earning the trust of our clients."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          role: "Homeowner",          company: "San Diego",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumb-up_1187-5092.jpg"},
        {
          id: "2",          name: "Michael Chen",          role: "Business Owner",          company: "San Diego",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/coworkers-doing-paperwork-office_273609-7270.jpg"},
        {
          id: "3",          name: "Emily Rodriguez",          role: "Property Manager",          company: "San Diego",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-smiling-lady-sitting-table-drinking-coffee-pink-jacket-summer-style-trend-blue-handbag-accessories-street-style-women-fashion_285396-4304.jpg"},
        {
          id: "4",          name: "David Kim",          role: "Client",          company: "San Diego",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/confident-bearded-man-keeping-thumb-up-looking-happy-white-background-attractive-guy-smiling-camera-showing-approved-sign-isolated_574295-6108.jpg"},
        {
          id: "5",          name: "Jessica Lee",          role: "Homeowner",          company: "San Diego",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-decorating-house-with-christmas-toys_1303-25884.jpg"},
      ]}
      kpiItems={[
        {
          value: "5.0",          label: "Overall Rating"},
        {
          value: "72",          label: "Customer Reviews"},
        {
          value: "100%",          label: "Satisfaction"},
      ]}
      title="What Our Clients Say"
      description="See why clients consistently rate us 5.0 out of 5 stars for our professional and thorough service."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "What are your service areas?",          content: "We serve all of San Diego County, bringing our professional pressure washing and junk removal services right to your doorstep."},
        {
          id: "q2",          title: "How do you determine pricing for your services?",          content: "Our pricing is based on the type of service, materials required, and the scope of the job. We provide transparent, upfront pricing before any work begins, so there are no surprises. Reach out to us to discuss specifics for your project."},
        {
          id: "q3",          title: "How do I get in contact with you?",          content: "If you'd like to get scheduled in with us, please fill out our request form or give us a call directly at (619) 796-8084. We look forward to hearing from you!"},
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find quick answers to common questions about our services, pricing, and how to get in touch."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      tag="Ready to Restore?"
      tagIcon={Zap}
      tagAnimation="slide-up"
      title="Get Your Free Estimate Today!"
      description="Experience the Faithful Pressure Washing difference. Contact us today for a personalized quote and let's revitalize your property."
      buttons={[
        {
          text: "Call Us Now",          href: "tel:+14066970192"},
        {
          text: "Email Us",          href: "mailto:faithfulpressurewashingsd@gmail.com"},
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Faithful Pressure Washing"
      copyrightText="© 2024 Faithful Pressure Washing. All rights reserved."
      socialLinks={[
        {
          icon: Award,
          href: "https://www.facebook.com/faithfulpressurewash",          ariaLabel: "Facebook"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
