"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';

export default function ContactPage() {
  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="contact" data-section="contact">
        <ContactText
          text="Experiencing a plumbing emergency or need reliable service? Call us 24/7 or request a service online now!"
          animationType="reveal-blur"
          buttons={[
            { text: "Call Now (402) 888-1234", href: "tel:+14028881234" },
            { text: "Request Service Online", href: "/contact" },
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={true}
          ariaLabel="Contact Omaha Emergency Neighborhood Plumbers"
        />
      </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=2"
          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>
  );
}