"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterCard from "@/components/sections/footer/FooterCard";

export default function GalleryPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="blurBottom"
      cardStyle="soft-shadow"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Fit For A King Tailors"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/services" },
            { name: "Gallery", id: "/gallery" },
            { name: "About", id: "/about" },
          ]}
          button={{
            text: "Schedule Fitting",
            href: "/contact",
          }}
          animateOnLoad={true}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <FeatureCardSeven
          features={[
            {
              id: 1,
              title: "Dress Hemming Transformation",
              description:
                "Too long dress perfectly tailored to the ideal length with invisible stitching for a seamless look. A stunning transformation that makes all the difference.",
              imageSrc: "http://img.b2bpic.net/free-photo/she-is-professional-fashion-designer_329181-14351.jpg",
              imageAlt: "Before and after dress hemming transformation",
            },
            {
              id: 2,
              title: "Suit Fit Perfection",
              description:
                "Oversized suit transformed into a perfectly fitted garment that enhances professional appearance and confidence. Expert tailoring creates an impeccable silhouette.",
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-sexy-handsome-fashion-male-model-man-dressed-elegant-beige-checkered-suit-posing-street-background_158538-2574.jpg",
              imageAlt: "Before and after suit tailoring",
            },
            {
              id: 3,
              title: "Wedding Dress Alteration",
              description:
                "Beautiful wedding dress fitted to perfection for the bride's special day. Intricate alterations ensure comfort, elegance, and confidence walking down the aisle.",
              imageSrc: "http://img.b2bpic.net/free-photo/wedding-dress_23-2147990702.jpg",
              imageAlt: "Wedding dress alteration showcase",
            },
          ]}
          animationType="scale-rotate"
          title="See The Difference A Perfect Fit Makes"
          description="Real transformations from our valued customers. Before and after gallery showcasing the impact of expert tailoring."
          tag="Gallery"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="gallery-stats" data-section="gallery-stats">
        <MetricCardFourteen
          title="Our Portfolio of Excellence"
          tag="Transformation Results"
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",
              value: "1000+",
              description: "Successful alterations completed with meticulous attention to detail",
            },
            {
              id: "2",
              value: "95%",
              description: "Customer satisfaction rate on first fitting—most garments perfect on first attempt",
            },
            {
              id: "3",
              value: "48hrs",
              description: "Average delivery time for standard alterations—because we respect your schedule",
            },
            {
              id: "4",
              value: "5★",
              description: "Average customer rating across all review platforms and testimonials",
            },
          ]}
          metricsAnimation="blur-reveal"
          useInvertedBackground={true}
        />
      </div>

      <div id="gallery-cta" data-section="gallery-cta">
        <ContactText
          text="Inspired by our transformations? Your perfect fit is just a consultation away. Let us work our magic on your wardrobe."
          animationType="entrance-slide"
          buttons={[
            { text: "Book Your Fitting", href: "/contact" },
            { text: "View More Work", href: "tel:+1-281-999-9999" },
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Fit For A King Tailors"
          copyrightText="© 2025 Fit For A King Tailors. All rights reserved. Serving Pearland, Houston, Friendswood, League City, and Pasadena."
        />
      </div>
    </ThemeProvider>
  );
}