"use client";

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

export default function AboutPage() {
  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="about-main" data-section="about-main">
        <TextSplitAbout
          title="Our Story"
          description={[
            "Local Family Business - Fit For A King Tailors was founded with a passion for exceptional craftsmanship and personalized service. We've built our reputation on integrity, quality, and genuine care for our customers.",
            "Expert Craftsmanship - Our experienced team brings years of expertise in tailoring, alterations, and custom work. Every stitch is a reflection of our commitment to excellence.",
            "Community Roots - Proudly serving Pearland and the greater Houston area for over 15 years. We're not just a business—we're your neighbors dedicated to helping you look your best.",
            "Trusted Partner - Whether it's your wedding day, a job interview, or everyday style, we're here to ensure you feel confident and comfortable in your clothes.",
            "Commitment to Excellence - We believe everyone deserves to feel amazing in their wardrobe. That's why we approach every project with the same dedication and attention to detail.",
          ]}
          buttons={[{ text: "Schedule a Fitting", href: "/contact" }]}
          buttonAnimation="slide-up"
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="about-impact" data-section="about-impact">
        <MetricCardEleven
          title="Our Impact & Values"
          description="Serving our community with excellence and integrity for over 15 years"
          tag="Local Impact"
          tagIcon={MapPin}
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",
              value: "500+",
              title: "Happy Clients",
              description: "Trusted by families and businesses across the region",
              imageSrc:
                "http://img.b2bpic.net/free-photo/happy-businessman-cooperating-with-his-colleague-while-working-office_637285-8943.jpg?_wi=2",
              imageAlt: "Community members smiling",
            },
            {
              id: "2",
              value: "15+",
              title: "Years in Business",
              description: "Dedicated to serving Pearland with quality and care",
              imageSrc:
                "http://img.b2bpic.net/free-photo/close-up-woman-with-luggages_23-2148927418.jpg?_wi=3",
              imageAlt: "Professional craftsmanship",
            },
            {
              id: "3",
              value: "100%",
              title: "Satisfaction Rate",
              description: "Guaranteed quality on every single project",
              imageSrc:
                "http://img.b2bpic.net/free-photo/cubes-spelling-save-money-table-with-spanish-dinero-bills-coins_181624-20528.jpg?_wi=2",
              imageAlt: "Customer satisfaction guarantee",
            },
            {
              id: "4",
              value: "2-5",
              title: "Day Turnaround",
              description: "Fast service without compromising quality",
              imageSrc:
                "http://img.b2bpic.net/free-vector/creative-watch-logo-templates_23-2148956618.jpg?_wi=2",
              imageAlt: "Quick turnaround service",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact-about" data-section="contact-about">
        <ContactCTA
          tag="Let's Connect"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Experience Fit For A King Tailors"
          description="Visit our shop in Pearland and discover why customers throughout the Houston area trust us with their most important garments."
          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>
  );
}