"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import { Phone, HelpCircle } from "lucide-react";

export default function ContactPage() {
  const footerColumns = [
    {
      title: "Services",
      items: [
        { label: "Wedding Dress Alterations", href: "/wedding-alterations" },
        { label: "Everyday Alterations", href: "/services" },
        { label: "Embroidery & Custom", href: "/services" },
        { label: "Uniform Tailoring", href: "/services" },
      ],
    },
    {
      title: "Company",
      items: [
        { label: "About Us", href: "/about" },
        { label: "Gallery", href: "/gallery" },
        { label: "Contact", href: "/contact" },
        { label: "FAQ", href: "#faq" },
      ],
    },
    {
      title: "Connect",
      items: [
        { label: "Phone: (281) 555-0123", href: "tel:+1-281-555-0123" },
        { label: "Location: Pearland, TX", href: "#" },
        { label: "Hours: Mon-Sat 9AM-6PM", href: "#" },
        { label: "Privacy Policy", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="medium"
      sizing="medium"
      background="noise"
      cardStyle="subtle-shadow"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Gallery", id: "/gallery" },
            { name: "About", id: "/about" },
            { name: "Contact", id: "/contact" },
          ]}
          button={{
            text: "Schedule Fitting",
            href: "/contact",
          }}
          brandName="Fit For A King Tailors"
        />
      </div>

      <div id="contact-cta" data-section="contact-cta">
        <ContactCTA
          tag="Get in Touch"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Ready to Perfect Your Wardrobe?"
          description="Schedule your fitting today and experience the difference expert tailoring makes. Our team in Pearland is ready to help you look and feel your best. Call us or book an appointment online."
          buttons={[
            { text: "Schedule a Fitting", href: "#" },
            { text: "Call (281) 555-0123", href: "tel:+1-281-555-0123" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          faqs={[
            {
              id: "1",
              title: "How long does alteration typically take?",
              content:
                "Most alterations can be completed within 2-5 business days. Rush services are available for urgent needs. Wedding dresses and complex alterations may require additional time to ensure perfection.",
            },
            {
              id: "2",
              title: "What is your pricing for common alterations?",
              content:
                "Pricing varies by garment type and complexity. Basic hemming starts at $15-25, while wedding dress alterations are typically $50-150 depending on the work needed. We offer competitive rates and free estimates for all projects.",
            },
            {
              id: "3",
              title: "Do you offer emergency alteration services?",
              content:
                "Yes! We understand that events can be unexpected. Contact us for rush service availability. Many emergency alterations can be completed within 24-48 hours depending on the scope of work.",
            },
            {
              id: "4",
              title: "What fabrics do you work with?",
              content:
                "We work with all fabric types including delicate silks, satins, heavy denim, and everything in between. Our experienced team knows how to handle each material with care to ensure the best results.",
            },
            {
              id: "5",
              title: "How should I prepare my garments for alteration?",
              content:
                "Bring your garment clean and ready for measurement. For wedding dresses, bring the shoes and undergarments you'll wear. We'll discuss the fit with you and provide recommendations based on your preferences.",
            },
            {
              id: "6",
              title: "Do you offer custom tailoring services?",
              content:
                "Yes, we offer custom tailoring services including custom curtains, bespoke alterations, and specialty work. Contact us to discuss your specific project and get a personalized quote.",
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/close-up-woman-with-luggages_23-2148927418.jpg?_wi=5"
          imageAlt="Close-up of expert tailoring and stitching work"
          mediaAnimation="slide-up"
          mediaPosition="left"
          faqsAnimation="slide-up"
          title="Frequently Asked Questions"
          description="Find answers to common questions about our tailoring services and process"
          tag="Help & Support"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={footerColumns}
          copyrightText="© 2025 Fit For A King Tailors. All rights reserved. Professional tailoring and alterations serving Pearland and the greater Houston area."
        />
      </div>
    </ThemeProvider>
  );
}