"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Phone } from "lucide-react";

export default function ContactPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="small"
      sizing="medium"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen 
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" },
            { name: "Reviews", id: "/reviews" }
          ]}
          brandName="Stemple Electric"
          bottomLeftText="Licensed • Insured • Fast Response"
          bottomRightText="(307) 555-ELEC"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq 
          ctaTitle="Ready for Professional Electrical Work?"
          ctaDescription="Contact Stemple Electric today for a free estimate or to schedule your service."
          ctaButton={{ text: "Get Your Free Estimate", href: "tel:+13075551352" }}
          ctaIcon={Phone}
          useInvertedBackground={false}
          animationType="slide-up"
          faqs={[
            {
              id: "1",
              title: "How quickly can you respond to a service request?",
              content: "We strive for same-day or next-day service. Call us at (307) 555-ELEC or text your location and needs, and we'll confirm availability right away."
            },
            {
              id: "2",
              title: "What payment methods do you accept?",
              content: "We accept cash, check, and all major credit cards (Visa, Mastercard, American Express, Discover). Financing options may be available for larger projects."
            },
            {
              id: "3",
              title: "Are your electricians properly trained?",
              content: "All of our electricians are licensed journeymen with years of experience. We invest in ongoing training to stay current with code and best practices."
            },
            {
              id: "4",
              title: "Do you handle both residential and commercial work?",
              content: "Yes. We specialize in residential electrical work and also handle light commercial projects. Call to discuss your specific project needs."
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText 
          sideTitle="Frequently Asked Questions"
          sideDescription="Everything you need to know about our electrical services"
          textPosition="left"
          useInvertedBackground={false}
          animationType="smooth"
          faqsAnimation="slide-up"
          faqs={[
            {
              id: "1",
              title: "Are you licensed and insured?",
              content: "Yes. Stemple Electric is fully licensed, insured, and bonded to perform all electrical work in Wyoming. We carry comprehensive liability coverage and workers compensation insurance for your peace of mind."
            },
            {
              id: "2",
              title: "Do you offer emergency or after-hours service?",
              content: "We offer same-day service for urgent electrical issues. Call or text for availability on emergency work. Some after-hours rates may apply. We understand electrical problems don't always happen during business hours."
            },
            {
              id: "3",
              title: "Do you provide free estimates?",
              content: "Yes, we always offer free estimates. We'll visit your property, assess the work needed, and provide transparent, upfront pricing before any work begins. No surprises, no hidden fees."
            },
            {
              id: "4",
              title: "Do you install EV chargers?",
              content: "Absolutely. We specialize in Level 2 home EV charger installation. We handle everything from site assessment to final inspection, ensuring your charging station is safe and code-compliant."
            },
            {
              id: "5",
              title: "What areas do you serve?",
              content: "We serve most communities across Wyoming, including Cheyenne, Casper, Laramie, Gillette, Sheridan, Rock Springs, and surrounding areas. Not sure if you're in range? Call or text us—we're happy to help."
            },
            {
              id: "6",
              title: "Do you offer warranties on your work?",
              content: "Yes. All our electrical work comes with a comprehensive warranty. We stand behind our craftsmanship and will make it right if you experience any issues with our work."
            }
          ]}
        />
      </div>

      <div id="contact-info" data-section="contact-info">
        <MetricCardTwo 
          title="Contact Information"
          description="Multiple ways to reach us for estimates, scheduling, and emergency service"
          metrics={[
            { id: "1", value: "Call", description: "(307) 555-ELEC for immediate assistance" },
            { id: "2", value: "Text", description: "Quick scheduling and updates via text" },
            { id: "3", value: "Email", description: "info@stempleelectric.com for estimates" },
            { id: "4", value: "Same Day", description: "Fast response for urgent electrical needs" }
          ]}
          gridVariant="uniform-all-items-equal"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <FooterMedia 
        imageSrc="http://img.b2bpic.net/free-vector/electrical-works-horizontal-banners_1284-10214.jpg?_wi=4"
        imageAlt="Modern electrical work and safety"
        logoText="Stemple Electric LLC"
        copyrightText="© 2025 Stemple Electric LLC. All rights reserved."
        columns={[
          {
            title: "Services",
            items: [
              { label: "Panel Upgrades", href: "/services#panel-upgrades" },
              { label: "Lighting Installation", href: "/services#lighting" },
              { label: "EV Chargers", href: "/services#ev-chargers" },
              { label: "Troubleshooting & Repairs", href: "/services#repairs" }
            ]
          },
          {
            title: "Company",
            items: [
              { label: "About Us", href: "/about" },
              { label: "Contact", href: "/contact" },
              { label: "Reviews", href: "/reviews" },
              { label: "FAQ", href: "/#faq" }
            ]
          },
          {
            title: "Connect",
            items: [
              { label: "Phone: (307) 555-ELEC", href: "tel:+13075551352" },
              { label: "Email: info@stempleelectric.com", href: "mailto:info@stempleelectric.com" },
              { label: "License & Insurance", href: "#" },
              { label: "Privacy Policy", href: "#" }
            ]
          }
        ]}
      />
    </ThemeProvider>
  );
}