"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TestimonialCardTwelve from "@/components/sections/testimonial/TestimonialCardTwelve";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import MetricCardFourteen from "@/components/sections/metrics/MetricCardFourteen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Heart, Sparkles } from "lucide-react";

const navItems = [
  { name: "Home", id: "/" },
  { name: "Services", id: "/services" },
  { name: "Gallery", id: "/gallery" },
  { name: "About", id: "/about" },
];

export default function HomePage() {
  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="hero" data-section="hero">
        <HeroBillboardGallery
          title="Perfect Fit. Timeless Craftsmanship."
          description="Professional Alterations, Tailoring, Embroidery, and Custom Sewing Services in Pearland"
          tag="Luxury Tailoring"
          tagAnimation="slide-up"
          background={{ variant: "plain" }}
          mediaItems={[
            {
              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",
              imageAlt: "Master tailor working on suit alterations with precision",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/old-vintage-hand-sewing-machine-selective-focus_1112-1329.jpg",
              imageAlt: "Professional sewing machine with detailed stitching work",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/classy-man-tailor-shop_53876-24895.jpg",
              imageAlt: "Measuring tape and fabric samples for custom tailoring",
            },
          ]}
          mediaAnimation="blur-reveal"
          buttons={[
            { text: "Schedule a Fitting", href: "/contact" },
            { text: "Call Now", href: "tel:+1-281-999-9999" },
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="why-us" data-section="why-us">
        <FeatureCardSeven
          features={[
            {
              id: 1,
              title: "Expert Craftsmanship",
              description:
                "Every garment is tailored with precision and attention to detail. Our master tailors bring decades of experience to ensure your clothes fit perfectly.",
              imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-choosing-jacket-shop_171337-18967.jpg",
              imageAlt: "Expert tailoring work on professional suit",
            },
            {
              id: 2,
              title: "Fast Turnaround",
              description:
                "Many alterations completed within days. We understand your time is valuable and deliver without compromising quality.",
              imageSrc: "http://img.b2bpic.net/free-photo/she-is-professional-fashion-designer_329181-14351.jpg",
              imageAlt: "Quick alteration service being performed",
            },
            {
              id: 3,
              title: "Affordable Pricing",
              description:
                "Luxury-quality tailoring at reasonable prices. We believe everyone deserves well-fitting, beautifully tailored clothes.",
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cutting-fabric-pieces-by-rotary-cutter-mat-using-ruler_23-2148164443.jpg",
              imageAlt: "Professional embroidery and detailed stitching work",
            },
            {
              id: 4,
              title: "Friendly Service",
              description:
                "Our team consistently receives praise for kindness and helpfulness. You're not just a customer—you're part of our family.",
              imageSrc: "http://img.b2bpic.net/free-photo/wedding-dress_23-2147990702.jpg",
              imageAlt: "Careful wedding dress alteration and fitting",
            },
          ]}
          animationType="blur-reveal"
          title="Why Customers Love Us"
          description="Experience the difference expert craftsmanship and genuine care make in every stitch"
          tag="Customer Focused"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <ProductCardTwo
          products={[
            {
              id: "1",
              brand: "Fit For A King",
              name: "Clothing Alterations",
              price: "Starting $15",
              rating: 5,
              reviewCount: "500+",
              imageSrc: "http://img.b2bpic.net/free-photo/she-is-professional-fashion-designer_329181-14351.jpg",
              imageAlt: "Professional clothing alteration service",
            },
            {
              id: "2",
              brand: "Fit For A King",
              name: "Wedding Dress Alterations",
              price: "Starting $75",
              rating: 5,
              reviewCount: "250+",
              imageSrc: "http://img.b2bpic.net/free-photo/wedding-dress_23-2147990702.jpg",
              imageAlt: "Expert wedding dress fitting and alterations",
            },
            {
              id: "3",
              brand: "Fit For A King",
              name: "Suit Tailoring",
              price: "Starting $50",
              rating: 5,
              reviewCount: "300+",
              imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-choosing-jacket-shop_171337-18967.jpg",
              imageAlt: "Professional suit tailoring and fitting",
            },
            {
              id: "4",
              brand: "Fit For A King",
              name: "Embroidery Services",
              price: "Starting $20",
              rating: 5,
              reviewCount: "150+",
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cutting-fabric-pieces-by-rotary-cutter-mat-using-ruler_23-2148164443.jpg",
              imageAlt: "Professional embroidery and detailed stitching",
            },
            {
              id: "5",
              brand: "Fit For A King",
              name: "Custom Curtain Making",
              price: "Call for Quote",
              rating: 5,
              reviewCount: "100+",
              imageSrc: "http://img.b2bpic.net/free-photo/woman-customer-looking-beautiful-fabric-drapery-shop_1157-37454.jpg",
              imageAlt: "Custom tailored curtains and window treatments",
            },
          ]}
          gridVariant="bento-grid"
          animationType="slide-up"
          title="Our Services"
          description="From everyday alterations to elaborate wedding dress transformations, we handle every project with expert care"
          tag="Full Service Tailoring"
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",
              name: "Sarah Johnson",
              imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",
              imageAlt: "Sarah Johnson - Happy Customer",
            },
            {
              id: "2",
              name: "Michael Chen",
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Michael Chen - Satisfied Client",
            },
            {
              id: "3",
              name: "Emily Rodriguez",
              imageSrc: "http://img.b2bpic.net/free-photo/joyful-woman-black-jacket-liking-lip-posing-isolated-background-charming-lady-dark-suit-smiling-white-backdrop_197531-18516.jpg",
              imageAlt: "Emily Rodriguez - Wedding Client",
            },
            {
              id: "4",
              name: "David Kim",
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "David Kim - Regular Customer",
            },
          ]}
          cardTitle="Trusted by Hundreds of Happy Clients Across Pearland and Houston"
          cardTag="Local Favorite"
          cardTagIcon={Heart}
          cardAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="wedding-formal" data-section="wedding-formal">
        <TestimonialAboutCard
          tag="Special Occasions"
          tagAnimation="slide-up"
          title="Look Perfect For Life's Biggest Moments"
          description="Wedding Dresses, Bridesmaid Dresses & Formal Wear Alterations"
          subdescription="Pearland's Premier Formal Alteration Specialists"
          icon={Sparkles}
          imageSrc="http://img.b2bpic.net/free-psd/elegant-woman-lace-bridal-dress-with-voluminous-hem_9975-132978.jpg"
          imageAlt="Elegant wedding dress alterations"
          mediaAnimation="blur-reveal"
          useInvertedBackground={true}
        />
      </div>

      <div id="trust" data-section="trust">
        <MetricCardFourteen
          title="A Trusted Tailor in Pearland, Serving the Greater Houston Area"
          tag="Local Pride"
          tagAnimation="slide-up"
          metrics={[
            {
              id: "1",
              value: "500+",
              description: "Satisfied customers trust us with their most important wardrobe moments",
            },
            {
              id: "2",
              value: "20+",
              description: "Years of combined tailoring expertise and craftsmanship excellence",
            },
            {
              id: "3",
              value: "48hrs",
              description: "Average turnaround time for most alterations—fast without sacrificing quality",
            },
            {
              id: "4",
              value: "100%",
              description: "Customer satisfaction commitment—your perfect fit is our guarantee",
            },
          ]}
          metricsAnimation="blur-reveal"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience luxury tailoring that transforms how your clothes fit and feel? Book your fitting or give us a call today."
          animationType="entrance-slide"
          buttons={[
            { text: "Schedule Fitting", href: "tel:+1-281-999-9999" },
            {
              text: "Visit Us",
              href: "https://maps.google.com/?q=1826+Country+Place+Parkway+116+Pearland+Texas+77584",
            },
          ]}
          background={{ variant: "radial-gradient" }}
          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>
  );
}