"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroLogoBillboard from "@/components/sections/hero/HeroLogoBillboard";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Star, Clock, DollarSign, CheckCircle, MapPin, Handshake, Zap, Award } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/services" },
    { name: "Reviews", id: "/reviews" },
    { name: "Gallery", id: "/gallery" },
    { name: "Contact", id: "/contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="medium"
      sizing="largeSmall"
      background="circleGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      {/* Navbar */}
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Dynamite Plumbing"
          bottomLeftText="Hunt County, TX"
          bottomRightText="+1 469-410-2657"
        />
      </div>

      {/* Hero Section */}
      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Dynamite Plumbing"
          description="Honest Pricing. Quality Workmanship. Fast, Dependable Service. Your trusted local plumber in Hunt County, TX."
          buttons={[
            { text: "Call Now: 469-410-2657", href: "tel:+14694102657" },
            { text: "Request a Free Estimate", href: "/contact" },
          ]}
          background={{ variant: "circleGradient" }}
          imageSrc="http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg?_wi=1"
          imageAlt="Professional plumber at work"
          frameStyle="card"
          mediaAnimation="blur-reveal"
          buttonAnimation="slide-up"
          ariaLabel="Hero section - Dynamite Plumbing services"
        />
      </div>

      {/* Trust Metrics */}
      <div id="metrics" data-section="metrics">
        <AboutMetric
          title="Why Homeowners Choose Dynamite Plumbing"
          metrics={[
            { icon: Star, label: "5-Star Rating", value: "29 Reviews" },
            { icon: Clock, label: "Fast Response", value: "Same-Day Service" },
            { icon: DollarSign, label: "Honest Pricing", value: "No Hidden Fees" },
            { icon: CheckCircle, label: "Quality Work", value: "Guaranteed" },
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Trust metrics section"
        />
      </div>

      {/* Services */}
      <div id="services" data-section="services">
        <FeatureCardNine
          title="Our Services"
          description="Complete plumbing solutions for homeowners and rental properties"
          tag="Services"
          tagAnimation="slide-up"
          features={[
            {
              id: 1,
              title: "Plumbing Repairs",
              description: "Fast, reliable leak repairs and pipe replacements to keep your home running smoothly",
              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg?_wi=1",
                imageAlt: "Plumbing repair work",
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/man-kneeling-down-inspect-pipes-sink_259150-58249.jpg?_wi=2",
                imageAlt: "Plumbing repair work",
              },
            },
            {
              id: 2,
              title: "Gas Line Installation",
              description: "Safe, code-compliant gas line installation for pool heaters and home systems",
              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/seasoned-mechanic-using-soft-dusting-brush-sweep-away-built-up-layer-dirt-debris-from-hvac-system-coil-while-adept-repairman-refills-air-conditioner-cooling-system-refrigerant-tank_482257-63969.jpg?_wi=1",
                imageAlt: "Gas line installation",
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/seasoned-mechanic-using-soft-dusting-brush-sweep-away-built-up-layer-dirt-debris-from-hvac-system-coil-while-adept-repairman-refills-air-conditioner-cooling-system-refrigerant-tank_482257-63969.jpg?_wi=2",
                imageAlt: "Gas line installation",
              },
            },
            {
              id: 3,
              title: "Rental Property Plumbing",
              description: "Professional maintenance and repairs for landlords managing rental properties",
              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990690.jpg?_wi=1",
                imageAlt: "Rental property plumbing",
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/male-plumber-working-with-client-fix-kitchen-problems_23-2150990690.jpg?_wi=2",
                imageAlt: "Rental property plumbing",
              },
            },
            {
              id: 4,
              title: "Water Line Services",
              description: "Expert water line installation and repair to ensure reliable water supply",
              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg?_wi=1",
                imageAlt: "Water line installation",
              },
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/male-worker-operating-machinery-factory_107420-96043.jpg?_wi=2",
                imageAlt: "Water line installation",
              },
            },
          ]}
          showStepNumbers={true}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={true}
          buttonAnimation="slide-up"
          ariaLabel="Services overview section"
        />
      </div>

      {/* Testimonials */}
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="What Our Customers Say"
          description="Real reviews from satisfied homeowners in Hunt County"
          tag="Testimonials"
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",
              name: "Jacob M.",
              role: "Property Owner",
              company: "Hunt County",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",
              imageAlt: "Jacob M. testimonial",
            },
            {
              id: "2",
              name: "Sarah K.",
              role: "Homeowner",
              company: "Local Resident",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-young-female-professional-making-eye-contact-against-colored-background_662251-651.jpg?_wi=1",
              imageAlt: "Sarah K. testimonial",
            },
            {
              id: "3",
              name: "Michael T.",
              role: "Landlord",
              company: "Property Manager",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",
              imageAlt: "Michael T. testimonial",
            },
            {
              id: "4",
              name: "Emily R.",
              role: "Homeowner",
              company: "Local Customer",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1",
              imageAlt: "Emily R. testimonial",
            },
          ]}
          kpiItems={[
            { value: "29+", label: "5-Star Reviews" },
            { value: "15+", label: "Years Experience" },
            { value: "100%", label: "Customer Satisfaction" },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Customer testimonials section"
        />
      </div>

      {/* Why Choose Us */}
      <div id="why-us" data-section="why-us">
        <MetricCardThree
          title="Why Choose Dynamite Plumbing?"
          description="Local, honest, and reliable - that's the Dynamite difference"
          metrics={[
            { id: "1", icon: MapPin, title: "Locally Owned", value: "Hunt County" },
            { id: "2", icon: Handshake, title: "Honest Pricing", value: "No Surprises" },
            { id: "3", icon: Zap, title: "Prompt Service", value: "Fast Response" },
            { id: "4", icon: Award, title: "Quality Work", value: "Professional" },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          ariaLabel="Why choose us section"
        />
      </div>

      {/* Contact Form & CTA */}
      <div id="cta-section" data-section="cta-section">
        <ContactSplitForm
          title="Need a Reliable Plumber Today?"
          description="Don't wait for problems to get worse. Call us now for fast, honest plumbing service."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "phone", type: "tel", placeholder: "Phone Number", required: true },
            { name: "email", type: "email", placeholder: "Email Address", required: false },
            { name: "service", type: "text", placeholder: "Type of Service Needed", required: false },
          ]}
          textarea={{
            name: "message",
            placeholder: "Describe your plumbing issue...",
            rows: 4,
            required: false,
          }}
          buttonText="Request Free Estimate"
          useInvertedBackground={false}
          mediaAnimation="slide-up"
          mediaPosition="right"
          imageSrc="http://img.b2bpic.net/free-photo/man-installs-heating-system-house-checks-pipes-with-wrench_169016-55834.jpg?_wi=2"
          imageAlt="Professional plumber ready to help"
          ariaLabel="Contact and estimate request form"
          onSubmit={(data) => {
            console.log("Form submitted:", data);
          }}
        />
      </div>

      {/* Footer */}
      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Dynamite Plumbing"
          leftLink={{ text: "Privacy Policy", href: "/" }}
          rightLink={{ text: "Terms of Service", href: "/" }}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}