"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBaseReveal from "@/components/sections/footer/FooterBaseReveal";
import Link from "next/link";
import { Scissors, Phone } from "lucide-react";

export default function ServicesPage() {
  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: "home" },
            { 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="services-detail" data-section="services-detail">
        <FeatureCardNine
          title="Our Premium Services"
          description="Comprehensive tailoring and alteration solutions for every need. From wedding day perfection to everyday elegance, we handle every stitch with expertise."
          tag="Services"
          tagIcon={Scissors}
          tagAnimation="slide-up"
          buttons={[{ text: "Schedule Your Fitting", href: "/contact" }]}
          buttonAnimation="slide-up"
          features={[
            {
              id: 1,
              title: "Wedding Dress Alterations",
              description:
                "Expert tailoring for your perfect bridal moment. We specialize in wedding gowns, bridesmaid dresses, and formal evening wear with meticulous attention to detail. Our bridal team understands the importance of your special day and delivers flawless results.",
              phoneOne: {
                imageSrc:
                  "http://img.b2bpic.net/free-photo/adorable-bride-preparation_1153-7078.jpg?_wi=4",
              },
              phoneTwo: {
                imageSrc:
                  "http://img.b2bpic.net/free-photo/young-beautiful-stylish-woman-wedding-dress_285396-7803.jpg?_wi=1",
              },
            },
            {
              id: 2,
              title: "Everyday Alterations",
              description:
                "Professional hemming, tapering, and repairs for your everyday wardrobe. From pants to shirts, we ensure the perfect fit at affordable prices. Quick turnaround times mean you get back to your life faster.",
              phoneOne: {
                imageSrc:
                  "http://img.b2bpic.net/free-photo/football-fan-front-desk_23-2147827595.jpg?_wi=3",
              },
              phoneTwo: {
                imageSrc:
                  "http://img.b2bpic.net/free-photo/classy-man-tailor-shop_53876-24895.jpg?_wi=3",
              },
            },
            {
              id: 3,
              title: "Embroidery & Custom Services",
              description:
                "Add personalized touches to your garments with professional embroidery, monogramming, and custom alterations for uniforms and corporate wear. Perfect for corporate gifts and special events.",
              phoneOne: {
                imageSrc:
                  "http://img.b2bpic.net/free-photo/ukrainian-embroidery-folk-arts-crafts_469670-9.jpg?_wi=3",
              },
              phoneTwo: {
                imageSrc:
                  "http://img.b2bpic.net/free-photo/fashion-designer-is-cutting-off-fabric-with-scissors-he-is-wearing-denim-closeup-photo-shoot_613910-21806.jpg?_wi=3",
              },
            },
          ]}
          showStepNumbers={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="services-info" data-section="services-info">
        <TextSplitAbout
          title="Service Excellence"
          description={[
            "Quality Craftsmanship - Every alteration receives our full attention and expertise. We treat your garments as if they were our own.",
            "Fast & Reliable - Most alterations completed within 2-5 business days. Rush services available for urgent needs.",
            "Competitive Pricing - Professional tailoring at reasonable rates. Free consultations and estimates for all projects.",
            "Expert Team - Experienced tailors skilled in handling all fabric types from delicate silks to heavy denim.",
            "Customer Satisfaction - 100% satisfaction guaranteed. If you're not happy, we'll make it right.",
          ]}
          buttons={[{ text: "Schedule Now", href: "/contact" }]}
          buttonAnimation="slide-up"
          showBorder={false}
          useInvertedBackground={false}
        />
      </div>

      <div id="contact-services" data-section="contact-services">
        <ContactCTA
          tag="Ready to Get Started?"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Let's Perfect Your Wardrobe"
          description="Contact us today to discuss your tailoring needs. Our expert team is ready to transform your garments and boost your confidence."
          buttons={[
            { text: "Schedule a Fitting", href: "/contact" },
            { text: "Call (281) 555-0123", href: "tel:+1-281-555-0123" },
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "gradient-bars" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              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: "#" },
              ],
            },
          ]}
          copyrightText="© 2025 Fit For A King Tailors. All rights reserved. Professional tailoring and alterations serving Pearland and the greater Houston area."
        />
      </div>
    </ThemeProvider>
  );
}