"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import FeatureCardTwentyOne from "@/components/sections/feature/FeatureCardTwentyOne";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FaqBase from "@/components/sections/faq/FaqBase";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import { Wrench, HelpCircle } from "lucide-react";

export default function ServicesPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/services" },
    { name: "About", id: "/about" },
    { name: "Contact", id: "/contact" },
    { name: "Call Now", id: "tel:+18135378085" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="medium"
      background="noise"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="Clog Kings Tampa"
          bottomLeftText="24/7 Emergency Service"
          bottomRightText="(813) 537-8085"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyOne
          title="Our Complete Plumbing Service Menu"
          description="We provide comprehensive plumbing solutions for residential and commercial properties. From routine maintenance to emergency repairs, our licensed technicians handle every job with professionalism and expertise."
          tag="Expert Solutions"
          tagIcon={Wrench}
          tagAnimation="slide-up"
          accordionItems={[
            {
              id: "1",
              title: "Drain Cleaning & Unclogging",
              content: "Fast drain cleaning service using advanced equipment including motorized drain augers and hydro-jetting. We handle everything from slow drains to complete blockages. Same-day service available for emergency clogs. We also handle kitchen sink clogs, bathroom drain issues, and main line blockages.",
            },
            {
              id: "2",
              title: "Sewer Line Repair & Replacement",
              content: "Professional sewer line diagnosis and repair using camera inspection technology. We identify root intrusion, cracks, and blockages without unnecessary digging. We provide trenchless repair solutions when possible to minimize property damage. Licensed and insured with over 5 years of experience.",
            },
            {
              id: "3",
              title: "Water Heater Installation & Repair",
              content: "Expert water heater service for all brands and types including tank, tankless, and hybrid models. We offer repair, replacement, and preventative maintenance to keep your water hot 24/7. Energy-efficient models available to reduce utility costs.",
            },
            {
              id: "4",
              title: "Pipe Repair & Replacement",
              content: "Reliable pipe repair for burst pipes, leaks, and corrosion. We use quality materials and expert craftsmanship. We handle copper, PVC, and polybutylene pipes. Free estimates available for all pipe repair projects.",
            },
            {
              id: "5",
              title: "Toilet & Fixture Repair",
              content: "Quick toilet repairs, replacements, and fixture installations. We fix running toilets, leaks, and handle all bathroom plumbing needs. We install high-efficiency toilets that reduce water usage and lower your bills.",
            },
            {
              id: "6",
              title: "Garbage Disposal Service",
              content: "Professional garbage disposal installation, repair, and maintenance. Same-day service for jammed or broken disposals. We install quality units with warranties and provide maintenance tips.",
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/male-plumber-working-fix-problems-client-s-house_23-2150990705.jpg"
          imageAlt="Professional plumber performing service"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          mediaPosition="right"
          buttons={[{ text: "Schedule Your Service", href: "tel:+18135378085" }]}
          buttonAnimation="slide-up"
          ariaLabel="Detailed plumbing services section"
        />
      </div>

      <div id="service-benefits" data-section="service-benefits">
        <TextSplitAbout
          title="Why Our Service Stands Out"
          description={[
            "Our technicians are fully licensed, insured, and background checked. We provide transparent upfront pricing with no hidden fees. All work is guaranteed with our satisfaction promise.",
            "We offer 24/7 emergency service because we understand that plumbing problems don't follow business hours. Whether it's a weekend emergency or a holiday issue, we're ready to help.",
            "From our first phone call to project completion, we communicate clearly and treat your home with respect. We clean up after every job and leave your property in excellent condition.",
          ]}
          buttons={[
            { text: "Get Free Estimate", href: "tel:+18135378085" },
            { text: "Read Customer Reviews", href: "/#testimonials" },
          ]}
          buttonAnimation="slide-up"
          showBorder={true}
          useInvertedBackground={false}
          ariaLabel="Service benefits and advantages"
        />
      </div>

      <div id="services-faq" data-section="services-faq">
        <FaqBase
          faqs={[
            {
              id: "1",
              title: "How much does emergency plumbing service cost?",
              content: "We provide free estimates for all services. Emergency service calls include a service charge plus the cost of repairs. Our rates are competitive and transparent with no hidden fees. Call us for a specific quote.",
            },
            {
              id: "2",
              title: "Can you fix my water heater the same day?",
              content: "Yes! For most water heater issues, we can diagnose and repair on the same day. If replacement is needed, we can often install a new unit within 24 hours. Call (813) 537-8085 for immediate assistance.",
            },
            {
              id: "3",
              title: "Do you offer warranty on your work?",
              content: "Absolutely. All our work is backed by a satisfaction guarantee. We stand behind our repairs and will return to fix any issues at no charge.",
            },
            {
              id: "4",
              title: "What payment methods do you accept?",
              content: "We accept cash, check, all major credit cards, and digital payment methods. Financing options are available for larger projects.",
            },
            {
              id: "5",
              title: "Should I get a second opinion?",
              content: "Of course! We encourage customers to get multiple estimates. We're confident in our pricing and quality of work. Call us to discuss your plumbing needs.",
            },
            {
              id: "6",
              title: "Do you service commercial properties?",
              content: "Yes, we service both residential and commercial properties. We understand the unique demands of business plumbing and offer flexible scheduling for minimal disruption.",
            },
          ]}
          title="Service FAQs"
          description="Get answers to questions about our plumbing services, pricing, and availability."
          tag="Service Details"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
          ariaLabel="Service frequently asked questions"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="Clog Kings Tampa"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "(813) 537-8085", href: "tel:+18135378085" }}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}