"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="glass-elevated"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Omaha Plumbers"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "About Us", id: "/about" },
            { name: "Contact", id: "/contact" },
          ]}
          button={{ text: "Call Now", href: "tel:+14028881234" }}
        />
      </div>
      <div id="feature-services-detail" data-section="feature-services-detail">
        <FeatureCardSixteen
          tag="Our Expertise"
          title="Specialized Plumbing Services You Can Trust"
          description="We offer a full spectrum of plumbing solutions, from routine maintenance to complex emergency repairs."
          negativeCard={{
            items: [
              "DIY Risks & Damage",
              "Unlicensed Technicians",
              "Generic Solutions",
              "Temporary Fixes",
            ],
          }}
          positiveCard={{
            items: [
              "Expert Diagnostics & Repair",
              "Licensed & Certified Plumbers",
              "Tailored Solutions",
              "Lasting Results & Warranty",
            ],
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Detailed plumbing services comparison"
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          tag="What Our Customers Say"
          title="Real Reviews from Happy Omaha Residents"
          description="Hear directly from homeowners and businesses who trust us with their plumbing needs."
          testimonials={[
            { id: "1", name: "Sarah M.", handle: "Homeowner, Omaha", testimonial: '"Omaha Emergency Neighborhood Plumbers saved the day! They responded quickly to our burst pipe and fixed it efficiently. Professional and reliable!"', imageSrc: "https://img.b2bpic.net/free-photo/woman-showing-ok-sign_23-2148990150.jpg?_wi=3", imageAlt: "Sarah M. avatar" },
            { id: "2", name: "John D.", handle: "Local Business Owner", testimonial: '"Excellent service for our office\'s drain issue. Fast, clean, and very courteous. Highly recommend for any business plumbing needs."', imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-handsome-male-smiling_181624-41237.jpg?_wi=3", imageAlt: "John D. avatar" },
            { id: "3", name: "Emily R.", handle: "Resident, Papillion", testimonial: '"Had a clogged drain late at night, and they were here within the hour. The plumber was friendly and got the job done right."', imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-happy-people_23-2149193851.jpg?_wi=2", imageAlt: "Emily R. avatar" },
            { id: "4", name: "Michael P.", handle: "Property Manager", testimonial: '"Consistently reliable service for our properties. Their team is always professional and they stand by their work. A true partner."', imageSrc: "https://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1299.jpg?_wi=2", imageAlt: "Michael P. avatar" }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          speed={30}
          topMarqueeDirection="left"
          ariaLabel="Customer Testimonials"
        />
      </div>
      <div id="faq" data-section="faq">
        <FaqSplitMedia
          tag="FAQ"
          title="Common Plumbing Questions"
          description="Find quick answers to your most pressing plumbing concerns."
          faqs={[
            { id: "1", title: "What areas do you serve?", content: "We proudly serve Omaha, Papillion, Bellevue, Elkhorn, and surrounding areas in Nebraska for all emergency and scheduled plumbing needs." },
            { id: "2", title: "Are you available 24/7 for emergencies?", content: "Yes, we offer 24-hour emergency plumbing services, 7 days a week. Don't hesitate to call us anytime!" },
            { id: "3", title: "What payment methods do you accept?", content: "We accept all major credit cards, debit cards, and offer flexible payment options. Please contact us for more details." },
            { id: "4", title: "Do you provide free estimates?", content: "We offer transparent pricing and can provide estimates for non-emergency services. For emergencies, we assess the situation on-site." },
            { id: "5", title: "How quickly can you respond to an emergency?", content: "Our team is dispatched immediately for emergencies, aiming for the fastest possible response time to minimize damage." },
            { id: "6", title: "Are your plumbers licensed and insured?", content: "Absolutely. All our plumbers are fully licensed, certified, and insured, ensuring professional and reliable service every time." },
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/mechanical-wrench-desk_23-2148557960.jpg?_wi=1"
          imageAlt="Set of professional plumbing tools on a workbench"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          mediaPosition="right"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
          ariaLabel="Frequently Asked Questions about plumbing services"
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="Omaha Emergency Plumbers"
          columns={[
            { title: "Services", items: [{ label: "Water Heater Repair", href: "/services" }, { label: "Drain Cleaning", href: "/services" }, { label: "Leak Repair", href: "/services" }, { label: "Emergency Plumbing", href: "/services" }] },
            { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact Us", href: "/contact" }] },
            { title: "Contact", items: [{ label: "Call Us: (402) 888-1234", href: "tel:+14028881234" }, { label: "Email Us", href: "mailto:info@omahaplumbers.com" }, { label: "Location", href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere" }] }
          ]}
          copyrightText="© 2024 | Omaha Emergency Neighborhood Plumbers. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}