"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
import ContactText from "@/components/sections/contact/ContactText";
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Award, CheckCircle, Star, ThumbsUp, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="mediumSizeLargeTitles"
      background="none"
      cardStyle="layered-gradient"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="FH Plumbing"
          navItems={[
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Call Now: (703) 777-4455",            href: "tel:7037774455"
          }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Trusted Plumbing & Drain Experts Serving Leesburg for Over 46 Years"
          description="Fast Response. Honest Pricing. Free In-Home Estimates. Available 24/7 for Emergency Service."
          tag="Local Service Leaders"
          tagIcon={Wrench}
          tagAnimation="slide-up"
          buttons={[
            { text: "Call Now: (703) 777-4455", href: "tel:7037774455" },
            { text: "Request Free Estimate", href: "#contact" }
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          imageSrc="http://img.b2bpic.net/free-photo/couple-fixing-kitchen-sink_53876-146184.jpg"
          imageAlt="Professional plumber providing home service"
          className="min-h-screen"
          containerClassName="w-full"
          useInvertedBackground={false}
        />
      </div>

      <div id="trust-metrics" data-section="trust-metrics">
        <AboutMetric
          title="46+ Years of Excellence in Leesburg Plumbing Services"
          metrics={[
            { icon: Star, label: "Customer Rating", value: "4.8★" },
            { icon: ThumbsUp, label: "5-Star Reviews", value: "2,376+" },
            { icon: Award, label: "Years in Business", value: "46+" },
            { icon: CheckCircle, label: "Licensed & Insured", value: "Yes" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardThree
          title="Our Services"
          description="Comprehensive plumbing solutions for all your residential needs"
          tag="Services"
          tagIcon={Wrench}
          tagAnimation="slide-up"
          features={[
            {
              id: "01",              title: "Emergency Plumbing",              description: "24/7 emergency response for urgent plumbing issues. We're ready when you need us most.",              imageSrc: "http://img.b2bpic.net/free-photo/man-fixing-kitchen-sink_53876-13430.jpg",              imageAlt: "Emergency plumbing service"
            },
            {
              id: "02",              title: "Drain Cleaning",              description: "Professional drain cleaning and maintenance to keep your pipes flowing smoothly.",              imageSrc: "http://img.b2bpic.net/free-photo/asian-plumber-blue-overalls-clearing-blockage-drain_1098-17773.jpg",              imageAlt: "Drain cleaning service"
            },
            {
              id: "03",              title: "Water Heater Installation & Replacement",              description: "Expert installation and replacement of water heaters for optimal home comfort.",              imageSrc: "http://img.b2bpic.net/free-photo/worker-repairing-water-heater_23-2149334225.jpg",              imageAlt: "Water heater installation"
            },
            {
              id: "04",              title: "Sump Pump Repair & Installation",              description: "Professional sump pump services to protect your basement from water damage.",              imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg",              imageAlt: "Sump pump installation"
            },
            {
              id: "05",              title: "Annual Plumbing Inspections",              description: "Regular inspections to identify and prevent problems before they become costly repairs.",              imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990690.jpg",              imageAlt: "Professional plumbing inspection"
            },
            {
              id: "06",              title: "Leak Detection & Valve Repairs",              description: "Advanced leak detection and precision valve repairs for peace of mind.",              imageSrc: "http://img.b2bpic.net/free-photo/top-view-plumber-checking-kitchen-fixtures_1098-17864.jpg",              imageAlt: "Leak detection service"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttons={[
            { text: "Schedule Service", href: "#contact" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialCardFive
          title="Why Choose FH Plumbing?"
          description="Family-owned and trusted by thousands of Leesburg homeowners"
          tag="Our Difference"
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Dominic Smith, Happy Homeowner",              date: "Date: Recently",              title: "Professional & Respectful",              quote: "Dominic was a pleasure during our annual inspection. He was thorough, friendly, and took time to explain everything. Highly recommended!",              tag: "Annual Inspection",              avatarSrc: "http://img.b2bpic.net/free-photo/satisfied-female-customer-making-like-gesture-with-both-hands_74855-3666.jpg",              avatarAlt: "Satisfied customer",              imageSrc: "http://img.b2bpic.net/free-photo/satisfied-female-customer-making-like-gesture-with-both-hands_74855-3666.jpg",              imageAlt: "Professional service"
            },
            {
              id: "2",              name: "Trace Johnson, Property Owner",              date: "Date: Recently",              title: "Available When You Need It",              quote: "Trace was invaluable replacing our water heater after hours. We had an emergency, they responded immediately with honest pricing and professional work.",              tag: "After-Hours Service",              avatarSrc: "http://img.b2bpic.net/free-photo/smiley-family-posing-with-son-thumbs-up_23-2148414903.jpg",              avatarAlt: "Grateful customer",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-family-posing-with-son-thumbs-up_23-2148414903.jpg",              imageAlt: "Emergency response"
            },
            {
              id: "3",              name: "Maria Garcia, Family Home",              date: "Date: Recently",              title: "Upfront & Fair Pricing",              quote: "No surprises, no hidden fees. FH Plumbing gave us a clear estimate upfront and stuck to it. Professional team, great service!",              tag: "Free Estimate",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              avatarAlt: "Satisfied homeowner",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              imageAlt: "Free estimate service"
            },
            {
              id: "4",              name: "Robert Chen, Long-Time Customer",              date: "Date: Recently",              title: "Community Trusted",              quote: "I've used FH Plumbing for 15 years. Their technicians are always clean, respectful, and know what they're doing. Best local plumber in Leesburg!",              tag: "Loyal Customer",              avatarSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg",              avatarAlt: "Long-time customer",              imageSrc: "http://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg",              imageAlt: "Trusted service"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="emergency-banner" data-section="emergency-banner">
        <ContactText
          text="Plumbing Emergency? We're Ready 24/7. Call Now for Immediate Assistance."
          animationType="entrance-slide"
          buttons={[
            { text: "Emergency Call: (703) 777-4455", href: "tel:7037774455" },
            { text: "Service Area & Hours", href: "#contact" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={true}
          containerClassName="bg-gradient-to-r from-orange-600 to-orange-500"
        />
      </div>

      <div id="reviews" data-section="reviews">
        <MetricCardTwo
          title="Customer Reviews & Ratings"
          description="Trusted by thousands of satisfied homeowners across Leesburg"
          tag="Social Proof"
          tagAnimation="slide-up"
          metrics={[
            { id: "1", value: "4.8★", description: "Average Rating" },
            { id: "2", value: "2,376+", description: "5-Star Reviews" },
            { id: "3", value: "99%", description: "Satisfaction Rate" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Get Your Free In-Home Estimate Today. Fill Out The Form Below Or Call Us Directly At (703) 777-4455. Serving Leesburg, VA and surrounding areas."
          animationType="reveal-blur"
          buttons={[
            { text: "Schedule Appointment" },
            { text: "Contact Us Now", href: "tel:7037774455" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Services", href: "#services" },
                { label: "Reviews", href: "#reviews" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Service Areas",              items: [
                { label: "Leesburg, VA", href: "#" },
                { label: "Emergency Service 24/7", href: "tel:7037774455" },
                { label: "Free Estimates", href: "#contact" },
                { label: "Licensed & Insured", href: "#" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: (703) 777-4455", href: "tel:7037774455" },
                { label: "Emergency: 24/7 Available", href: "tel:7037774455" },
                { label: "Service Hours", href: "#" },
                { label: "Get Free Estimate", href: "#contact" }
              ]
            }
          ]}
          copyrightText="© 2025 FH Plumbing | Serving Leesburg, VA for 46+ Years | Licensed & Insured"
        />
      </div>
    </ThemeProvider>
  );
}
