"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Award, Building, CalendarCheck, DollarSign, Droplet, Gauge, Home, ShieldCheck, Star, Truck, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="mediumLargeSizeLargeTitles"
        background="circleGradient"
        cardStyle="outline"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Reviews",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/creative-hvac-logo-template_23-2149217829.jpg"
      logoAlt="Vigilante Plumbing & Heating Logo"
      brandName="Vigilante Plumbing & Heating"
      button={{
        text: "Call Now",
        href: "tel:+12125551234",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Vigilante Plumbing & Heating"
      description="Licensed NYC plumbers responding within 2 hours. Upfront pricing, no hidden fees. Your emergency is our priority."
      buttons={[
        {
          text: "Schedule Service",
          href: "#contact",
        },
        {
          text: "Call Now",
          href: "tel:+12125551234",
        },
      ]}
      buttonAnimation="opacity"
      imageSrc="http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721580.jpg?_wi=1"
      imageAlt="NYC Plumber working on a pipe with city background"
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="Your Trusted NYC Plumbing & Heating Partner"
      metrics={[
        {
          icon: Gauge,
          label: "Average Response Time",
          value: "2 Hours",
        },
        {
          icon: Users,
          label: "Satisfied Customers",
          value: "1000+",
        },
        {
          icon: Award,
          label: "Years in Service",
          value: "15+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Emergency Drain Cleaning",
          description: "Rapid response for clogged drains and sewer backups. We clear blockages quickly and efficiently.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/lights-city-square-floor_1359-794.jpg",
            imageAlt: "Plumber clearing a clogged drain",
          },
          items: [
            {
              icon: Zap,
              text: "24/7 Availability",
            },
            {
              icon: DollarSign,
              text: "Upfront Pricing",
            },
            {
              icon: Truck,
              text: "Fast Dispatch",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-vector/creative-hvac-logo-template_23-2149217829.jpg",
          imageAlt: "drain cleaning service clogged pipe",
        },
        {
          title: "Boiler & Heating Repair",
          description: "Expert repair and maintenance for all types of heating systems, ensuring your comfort through NYC winters.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/man-room-with-solid-fuel-boiler-working-biofuel-economical-heating_169016-14801.jpg",
            imageAlt: "Technician repairing a boiler system",
          },
          items: [
            {
              icon: Thermometer,
              text: "Licensed Technicians",
            },
            {
              icon: ShieldCheck,
              text: "Guaranteed Work",
            },
            {
              icon: CalendarCheck,
              text: "Seasonal Maintenance",
            },
          ],
          reverse: true,
          imageSrc: "http://img.b2bpic.net/free-photo/plumbing-professional-doing-his-job_23-2150721580.jpg?_wi=2",
          imageAlt: "drain cleaning service clogged pipe",
        },
        {
          title: "Leak Detection & Repair",
          description: "Advanced techniques to find and fix leaks, preventing costly water damage to your home or property.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/artisan-work-madhu-vana_181624-58285.jpg",
            imageAlt: "Plumber detecting a water leak",
          },
          items: [
            {
              icon: Droplet,
              text: "Non-Invasive Methods",
            },
            {
              icon: HardHat,
              text: "Experienced Crew",
            },
            {
              icon: Home,
              text: "Property Protection",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes_23-2150990679.jpg?_wi=1",
          imageAlt: "drain cleaning service clogged pipe",
        },
      ]}
      title="Comprehensive Plumbing & Heating Solutions in NYC"
      description="From urgent emergencies to routine maintenance, Vigilante Plumbing & Heating is your reliable partner."
    />
  </div>

  <div id="product-services" data-section="product-services">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",
          name: "Water Heater Services",
          price: "Starting at $300",
          imageSrc: "http://img.b2bpic.net/free-photo/view-exposed-plumbing-pipes_23-2150990679.jpg?_wi=2",
          imageAlt: "Water heater installation",
        },
        {
          id: "p2",
          name: "Gas Line Services",
          price: "Starting at $250",
          imageSrc: "http://img.b2bpic.net/free-photo/coworkers-refill-air-conditioner-freon_482257-90737.jpg",
          imageAlt: "Gas line repair",
        },
        {
          id: "p3",
          name: "Sewer & Main Line",
          price: "Quote on Request",
          imageSrc: "http://img.b2bpic.net/free-photo/lovely-couple-love-embracing-near-building_8353-7509.jpg",
          imageAlt: "Sewer main line repair",
        },
        {
          id: "p4",
          name: "Fixture Installation",
          price: "Starting at $150",
          imageSrc: "http://img.b2bpic.net/free-photo/water-retro-nobody-bathroom-vintage_1203-4969.jpg",
          imageAlt: "Faucet installation",
        },
        {
          id: "p5",
          name: "Radiant Heating",
          price: "Quote on Request",
          imageSrc: "http://img.b2bpic.net/free-photo/service-man-instelling-house-heating-system-floor_1303-26531.jpg",
          imageAlt: "Radiant floor heating system",
        },
        {
          id: "p6",
          name: "Commercial Plumbing",
          price: "Custom Quote",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-engineer-photovoltaics-factory-reviewing-paperwork_482257-120432.jpg",
          imageAlt: "Commercial plumbing maintenance",
        },
      ]}
      title="Our Full Range of Professional Services"
      description="We offer a diverse set of plumbing and heating solutions tailored for both residential and commercial needs across NYC."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic",
          badge: "Residential",
          badgeIcon: Home,
          price: "$129",
          subtitle: "Essential Home Plumbing Check-up",
          features: [
            "Visual inspection of fixtures",
            "Drain performance test",
            "Water pressure check",
            "Minor adjustments included",
          ],
        },
        {
          id: "pro",
          badge: "Commercial",
          badgeIcon: Building,
          price: "$299",
          subtitle: "Standard Commercial System Audit",
          features: [
            "Comprehensive system diagnostics",
            "Boiler efficiency assessment",
            "Leak detection for critical lines",
            "Priority scheduling for emergencies",
          ],
        },
        {
          id: "premium",
          badge: "Emergency",
          badgeIcon: ShieldCheck,
          price: "Call for Quote",
          subtitle: "24/7 Rapid Response & Repair",
          features: [
            "Immediate dispatch within 2 hours",
            "Emergency leak/burst pipe repair",
            "Heating system failure diagnostics",
            "No hidden fees for emergency calls",
          ],
        },
      ]}
      title="Transparent Pricing for Quality Service"
      description="No surprises, just honest rates for reliable plumbing and heating solutions across New York City."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "NYC Properties Inc.",
        "Brooklyn Restaurants Group",
        "Manhattan Retail Alliance",
        "Queens School District",
        "Bronx Medical Clinics",
        "Staten Island Hotels",
        "Empire State Builders",
      ]}
      title="Trusted by New York's Top Property Managers & Businesses"
      description="Our commitment to excellence has earned the trust of leading organizations throughout the five boroughs."
      speed={50}
      showCard={false}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Sarah J.",
          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
        },
        {
          id: "t2",
          name: "Michael K.",
          imageSrc: "http://img.b2bpic.net/free-photo/focused-businessman-looking-new-solutions_329181-19264.jpg",
        },
        {
          id: "t3",
          name: "Emily R.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-block-party_23-2149571519.jpg",
        },
        {
          id: "t4",
          name: "David L.",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-smiling-friendly-senior-man_1262-1729.jpg",
        },
        {
          id: "t5",
          name: "Jessica M.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-happy-people-with-food_23-2149152949.jpg",
        },
      ]}
      cardTitle="Outstanding Service, Every Time"
      cardTag="Customer Reviews"
      cardTagIcon={Star}
      buttons={[
        {
          text: "Read All Reviews",
          href: "#",
        },
      ]}
      buttonAnimation="slide-up"
      cardAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",
          title: "What are your emergency response times?",
          content: "We aim to respond to all emergency plumbing and heating calls within 2 hours across New York City. Our team is available 24/7.",
        },
        {
          id: "f2",
          title: "Are your plumbers licensed and insured?",
          content: "Absolutely. All our technicians are fully licensed, certified, and insured to provide plumbing and heating services in New York.",
        },
        {
          id: "f3",
          title: "Do you offer upfront pricing?",
          content: "Yes, transparency is key. We provide upfront pricing for all our services, so you know the cost before any work begins. No hidden fees.",
        },
        {
          id: "f4",
          title: "What areas of NYC do you serve?",
          content: "We proudly serve all five boroughs of New York City: Manhattan, Brooklyn, Queens, The Bronx, and Staten Island.",
        },
        {
          id: "f5",
          title: "What types of heating systems do you service?",
          content: "Our experts are proficient in servicing all major heating systems, including boilers, furnaces, radiant heating, and heat pumps, for both residential and commercial properties.",
        },
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find quick answers to common questions about our plumbing and heating services."
      buttons={[
        {
          text: "Ask a Question",
          href: "#contact",
        },
      ]}
      buttonAnimation="opacity"
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-static-grid",
      }}
      text="Ready for Reliable Service? Schedule Your Appointment Today!"
      buttons={[
        {
          text: "Schedule Service",
          href: "mailto:info@vigilanteplumbing.com",
        },
        {
          text: "Call Now (212) 555-1234",
          href: "tel:+12125551234",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/new-york-city_649448-1531.jpg"
      imageAlt="NYC Skyline at night"
      videoAriaLabel="Footer video"
      logoText="Vigilante Plumbing & Heating"
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Emergency Plumbing",
              href: "#services",
            },
            {
              label: "Heating Repair",
              href: "#services",
            },
            {
              label: "Drain Cleaning",
              href: "#services",
            },
            {
              label: "Water Heaters",
              href: "#product-services",
            },
            {
              label: "Commercial Solutions",
              href: "#product-services",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 Vigilante Plumbing & Heating. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
