"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, CheckCircle, Clock, Home, ShieldCheck, ThumbsUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="blurBottom"
        cardStyle="outline"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "FAQs",
          id: "#faqs",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Schedule Service",
        href: "#contact",
      }}
      brandName="James & Son Plumbing"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitKpi
      background={{
        variant: "radial-gradient",
      }}
      imagePosition="right"
      title="Expert Plumbing Solutions You Can Trust"
      description="James & Son Plumbing delivers reliable, high-quality plumbing services across the community. From emergency repairs to routine maintenance, we ensure your home's plumbing runs smoothly."
      kpis={[
        {
          value: "25+",
          label: "Years Experience",
        },
        {
          value: "500+",
          label: "Happy Customers",
        },
        {
          value: "24/7",
          label: "Emergency Service",
        },
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Request a Quote",
          href: "#contact",
        },
        {
          text: "Call Now",
          href: "tel:+1234567890",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg?_wi=1"
      imageAlt="Professional plumber working on a pipe"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",
          alt: "Happy female client",
        },
        {
          src: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2887.jpg",
          alt: "Satisfied male customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",
          alt: "Business owner",
        },
        {
          src: "http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",
          alt: "Local resident",
        },
        {
          src: "http://img.b2bpic.net/free-photo/girl-coffee-room_1398-784.jpg",
          alt: "Community member",
        },
      ]}
      avatarText="Join our 500+ happy customers!"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Emergency Response",
          icon: Clock,
        },
        {
          type: "text-icon",
          text: "Licensed & Insured",
          icon: ShieldCheck,
        },
        {
          type: "text-icon",
          text: "Satisfaction Guaranteed",
          icon: ThumbsUp,
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721574.jpg",
          alt: "Plumbing professional doing his job",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990730.jpg",
          alt: "Male plumber working to fix problems at client's house",
        },
      ]}
      marqueeSpeed={40}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="Your Trusted Local Plumbers"
      description="For generations, James & Son Plumbing has been the backbone of reliable plumbing services in our community. We're a family-owned business committed to honest work, fair pricing, and exceptional customer care. Our licensed and insured team treats your home with the utmost respect, providing lasting solutions to all your plumbing needs."
      bulletPoints={[
        {
          title: "Family-Owned & Operated",
          description: "Proudly serving our neighbors with a personal touch.",
          icon: Home,
        },
        {
          title: "Licensed & Insured Experts",
          description: "Peace of mind with fully qualified and protected technicians.",
          icon: Award,
        },
        {
          title: "Customer Satisfaction Guaranteed",
          description: "We stand behind our work with a commitment to your happiness.",
          icon: CheckCircle,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/female-male-workers-wearing-work-clothes_273609-10993.jpg?_wi=1"
      imageAlt="Plumbers discussing plumbing plans"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Drain Cleaning",
          description: "Say goodbye to clogs and slow drains with our advanced clearing techniques. We tackle everything from kitchen sinks to main sewer lines.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/person-s-hand-login-facebook-app-cellphone_23-2147844499.jpg",
            imageAlt: "Phone showing drain cleaning app",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/white-kitchen-sink-faucet-close-up_58702-2356.jpg",
            imageAlt: "Phone showing clean pipe after service",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721552.jpg?_wi=2",
          imageAlt: "phone with drain cleaning app screen",
        },
        {
          title: "Leak Detection & Repair",
          description: "Pinpointing and fixing leaks quickly to prevent water damage and save on utility bills. Trust us for thorough and efficient service.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/destruction-smartphone-scene_23-2151500088.jpg",
            imageAlt: "Phone showing leak detection scan",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/young-technician-holding-screwdriver-trying-open-back-his-phone-grey-uniform-looking-focused_176474-35264.jpg",
            imageAlt: "Phone showing repaired pipe section",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/female-male-workers-wearing-work-clothes_273609-10993.jpg?_wi=2",
          imageAlt: "phone with drain cleaning app screen",
        },
        {
          title: "Water Heater Installation & Repair",
          description: "Whether you need a new installation or a rapid repair, our experts ensure you have reliable hot water when you need it.",
          phoneOne: {
            imageSrc: "http://img.b2bpic.net/free-photo/woman-listening-music-home_23-2149491962.jpg",
            imageAlt: "Phone showing water heater installation guide",
          },
          phoneTwo: {
            imageSrc: "http://img.b2bpic.net/free-photo/man-leaning-kitchen-counter-looking-smart-phone_23-2148042729.jpg",
            imageAlt: "Phone showing water heater diagnostics",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg?_wi=1",
          imageAlt: "phone with drain cleaning app screen",
        },
      ]}
      showStepNumbers={true}
      title="Comprehensive Plumbing Services"
      description="We offer a full spectrum of plumbing solutions designed to keep your home's systems in perfect working order. No job is too big or too small for our skilled technicians."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "metric-1",
          value: "98%",
          description: "Customer Satisfaction",
        },
        {
          id: "metric-2",
          value: "1-Hour",
          description: "Emergency Response",
        },
        {
          id: "metric-3",
          value: "5-Star",
          description: "Average Rating",
        },
      ]}
      title="Our Commitment to Excellence"
      description="We pride ourselves on the quality of our work and the trust we've built within our community. Our numbers speak for themselves."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Local Builders Inc.",
        "Community Residences",
        "City Cafe",
        "Parkside Apartments",
        "Downtown Co-Op",
        "Family Dental",
        "Green Leaf Market",
      ]}
      title="Trusted by Local Businesses & Homeowners"
      description="Our reputation for quality and reliability extends throughout the community, earning us the trust of countless clients."
      showCard={false}
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah L.",
          role: "Homeowner",
          company: "Local Resident",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg?_wi=2",
          imageAlt: "Sarah L.",
        },
        {
          id: "2",
          name: "Michael P.",
          role: "Homeowner",
          company: "Community Member",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-girl-showing-thumbs-up-emotion-concept_169016-65501.jpg",
          imageAlt: "Michael P.",
        },
        {
          id: "3",
          name: "Emily R.",
          role: "Business Owner",
          company: "Local Shop",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-african-american-man-posing-library_74855-1619.jpg",
          imageAlt: "Emily R.",
        },
        {
          id: "4",
          name: "David K.",
          role: "Property Manager",
          company: "Apartment Complex",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/bearded-man-black-t-shirt-happy-excited-showing-thumbs-up-standing-green-wall_141793-81905.jpg",
          imageAlt: "David K.",
        },
        {
          id: "5",
          name: "Jessica T.",
          role: "Homeowner",
          company: "Satisfied Client",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-brunette-woman-shows-peace-sign-near-eye-smiling-isolated-against-white-background_1258-197239.jpg",
          imageAlt: "Jessica T.",
        },
        {
          id: "6",
          name: "Robert B.",
          role: "Contractor",
          company: "Construction Co.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-caucasian-man-looking-camera-clenching-fists-isolated-olive-green-background-with-copy-space_141793-75152.jpg",
          imageAlt: "Robert B.",
        },
      ]}
      title="What Our Customers Say"
      description="Hear directly from homeowners and businesses who rely on James & Son Plumbing for their essential services."
    />
  </div>

  <div id="faqs" data-section="faqs">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "What areas do you serve?",
          content: "We proudly serve [Your City/Region] and the surrounding areas. Contact us to confirm service availability in your specific location.",
        },
        {
          id: "faq-2",
          title: "Are your plumbers licensed and insured?",
          content: "Yes, all our plumbers are fully licensed, certified, and insured for your peace of mind and protection.",
        },
        {
          id: "faq-3",
          title: "Do you offer emergency services?",
          content: "Absolutely! We provide 24/7 emergency plumbing services for urgent issues like burst pipes, major leaks, or overflowing toilets.",
        },
        {
          id: "faq-4",
          title: "How quickly can you respond to an emergency call?",
          content: "We aim for a rapid response, typically arriving within 60 minutes for emergency calls in our primary service area.",
        },
        {
          id: "faq-5",
          title: "What payment methods do you accept?",
          content: "We accept major credit cards, debit cards, bank transfers, and cash payments for your convenience.",
        },
        {
          id: "faq-6",
          title: "How often should I have my plumbing inspected?",
          content: "We recommend a professional plumbing inspection at least once every 1-2 years to catch potential issues early and prevent costly repairs.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Got questions about our services or general plumbing issues? We've got answers to help you out."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Schedule Your Plumbing Service"
      description="Ready for reliable plumbing? Fill out the form below or give us a call to book an appointment or request an emergency service."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Your Phone Number",
          required: false,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Tell us about your plumbing needs",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/plumber-doing-victory-gesture_1368-6312.jpg"
      imageAlt="Smiling plumber holding a wrench"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/top-view-still-life-arrangement-pvc_23-2149062927.jpg"
      imageAlt="Modern plumbing tools"
      logoText="James & Son Plumbing"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Drain Cleaning",
              href: "#services",
            },
            {
              label: "Leak Repair",
              href: "#services",
            },
            {
              label: "Water Heaters",
              href: "#services",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#reviews",
            },
            {
              label: "FAQs",
              href: "#faqs",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "Schedule Service",
              href: "#contact",
            },
            {
              label: "Call Us",
              href: "tel:+1234567890",
            },
            {
              label: "Email Us",
              href: "mailto:info@jamesandson.com",
            },
          ],
        },
      ]}
      copyrightText="© 2024 James & Son Plumbing. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
