"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplitDoubleCarousel from "@/components/sections/hero/HeroSplitDoubleCarousel";
import FeatureCardThree from "@/components/sections/feature/featureCardThree/FeatureCardThree";
import AboutMetric from "@/components/sections/about/AboutMetric";
import ProductCardOne from "@/components/sections/product/ProductCardOne";
import TestimonialCardThirteen from "@/components/sections/testimonial/TestimonialCardThirteen";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactSplitForm from "@/components/sections/contact/ContactSplitForm";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Sparkles, ShieldCheck, Truck, DollarSign, Package, Facebook, Instagram, MessageCircle } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Products", id: "/products" },
    { name: "About", id: "/about" },
    { name: "Contact", id: "/contact" },
    { name: "WhatsApp", id: "https://wa.me/1234567890" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="small"
      sizing="largeSmallSizeMediumTitles"
      background="blurBottom"
      cardStyle="glass-elevated"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={navItems}
          brandName="NS"
          bottomLeftText="Premium Tailoring Supplies"
          bottomRightText="contact@nstailoring.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitDoubleCarousel
          background={{ variant: "glowing-orb" }}
          tag="Premium Quality"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          title="Everything a Tailor Needs — All in One Place."
          description="Premium tailoring tools, sewing supplies, and quality fabrics for professionals and creators."
          carouselPosition="right"
          leftCarouselItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tape-with-thread_23-2148739412.jpg?_wi=1",
              imageAlt: "measuring tape sewing tools professional",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/various-sewing-stuff-table_23-2147930369.jpg?_wi=1",
              imageAlt: "sewing needles threads pins tools",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric_23-2148817485.jpg?_wi=1",
              imageAlt: "fabric textile cotton material premium",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric-with-scissors-chalk_23-2148739383.jpg?_wi=1",
              imageAlt: "tailoring scissors cutting professional tools",
            },
          ]}
          rightCarouselItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric_23-2148817485.jpg?_wi=2",
              imageAlt: "fabric textile cotton material premium",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric-with-scissors-chalk_23-2148739383.jpg?_wi=2",
              imageAlt: "tailoring scissors cutting professional tools",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tape-with-thread_23-2148739412.jpg?_wi=2",
              imageAlt: "measuring tape sewing tools professional",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/various-sewing-stuff-table_23-2147930369.jpg?_wi=2",
              imageAlt: "sewing needles threads pins tools",
            },
          ]}
          buttons={[
            { text: "View Products", href: "/products" },
            { text: "Contact Us", href: "/contact" },
          ]}
          buttonAnimation="blur-reveal"
        />
      </div>

      <div id="categories" data-section="categories">
        <FeatureCardThree
          title="Featured Categories"
          description="Explore our comprehensive range of tailoring materials and sewing supplies, organized for your convenience."
          features={[
            {
              id: "01",
              title: "Measuring Tools",
              description: "Precision measuring tapes, rulers, and gauges for accurate tailoring measurements.",
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-measuring-tape-with-thread_23-2148739412.jpg?_wi=3",
              imageAlt: "measuring tape ruler tailoring sewing",
            },
            {
              id: "02",
              title: "Marking Tools",
              description: "Quality tailor's chalk, fabric pencils, and marking instruments for precise pattern work.",
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-tailoring-tape_23-2148897960.jpg",
              imageAlt: "chalk marking pencil fabric tailoring",
            },
            {
              id: "03",
              title: "Sewing Tools",
              description: "Complete sewing solutions including needles, pins, threads, and professional-grade scissors.",
              imageSrc: "http://img.b2bpic.net/free-photo/sewing-threads-different-colors-with-lots-needles_169016-5008.jpg?_wi=1",
              imageAlt: "sewing machine needles thread professional",
            },
            {
              id: "04",
              title: "Fasteners",
              description: "Premium buttons, zippers, hooks, and eyes in various styles and finishes.",
              imageSrc: "http://img.b2bpic.net/free-photo/sewing-buttons-with-thimble_23-2148145973.jpg",
              imageAlt: "buttons zippers hooks fasteners sewing",
            },
            {
              id: "05",
              title: "Fabrics",
              description: "High-quality cotton cloths and premium textile materials in multiple varieties and colors.",
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-background-texture-fabrics-blue-shades_169016-19461.jpg",
              imageAlt: "fabric cotton textile material cloth",
            },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <AboutMetric
          title="Why Choose NS — Your Trusted Tailoring Partner"
          metrics={[
            { icon: ShieldCheck, label: "High Quality Materials", value: "Premium Grade" },
            { icon: Truck, label: "Reliable Supply", value: "Always Stocked" },
            { icon: DollarSign, label: "Affordable Pricing", value: "Best Value" },
            { icon: Package, label: "Wide Variety", value: "5+ Categories" },
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Complete Product Collection"
          description="Browse our full range of premium tailoring materials and sewing supplies"
          products={[
            { id: "1", name: "Measuring Tape", price: "₹149", imageSrc: "http://img.b2bpic.net/free-photo/sewing-tape-measure-with-thimble_23-2148145918.jpg?_wi=1", imageAlt: "Flexible measuring tape" },
            { id: "2", name: "Rulers - Set", price: "₹299", imageSrc: "http://img.b2bpic.net/free-photo/jeweler-hands-using-mechanical-tools_23-2148643242.jpg?_wi=1", imageAlt: "Precision ruler set" },
            { id: "3", name: "Tailor's Chalk", price: "₹79", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fabric-with-scissors-chalk_23-2148739383.jpg?_wi=3", imageAlt: "Professional tailor's chalk" },
            { id: "4", name: "Fabric Pencils", price: "₹129", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-cutting-fabric-pieces-by-rotary-cutter-mat-using-ruler_23-2148164443.jpg?_wi=1", imageAlt: "Colored fabric marking pencils" },
            { id: "5", name: "Sewing Needles", price: "₹199", imageSrc: "http://img.b2bpic.net/free-photo/repairing-tools_1417-1793.jpg?_wi=1", imageAlt: "Assorted sewing needles" },
            { id: "6", name: "Pins - Box", price: "₹89", imageSrc: "http://img.b2bpic.net/free-photo/needles-black-button-with-pattern-background_23-2148242117.jpg?_wi=1", imageAlt: "Professional sewing pins" },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Customers Say"
          description="Trusted by professional tailors, boutique designers, and creative professionals across the region."
          testimonials={[
            {
              id: "1",
              name: "Rajesh Kumar",
              handle: "@rajesh_tailoring",
              testimonial: "NS has been my go-to supplier for 9 years. The quality of materials is consistently excellent and their pricing is very competitive. Highly recommended!",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg?_wi=1",
              imageAlt: "Rajesh Kumar",
            },
            {
              id: "2",
              name: "Priya Sharma",
              handle: "@priya_designs",
              testimonial: "I run a boutique design studio and NS provides everything I need. Their variety is impressive and the customer service is outstanding.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-personal-shopper-working_23-2148924143.jpg?_wi=1",
              imageAlt: "Priya Sharma",
            },
            {
              id: "3",
              name: "Arjun Patel",
              handle: "@arjun_custom",
              testimonial: "Quality materials at affordable prices - that's what NS delivers every time. My clients notice the difference in the finished products.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/dark-blonde-bearded-man-crosses-his-hands-chest-posing-black-shirt_8353-1116.jpg?_wi=2",
              imageAlt: "Arjun Patel",
            },
            {
              id: "4",
              name: "Meera Gupta",
              handle: "@meera_couture",
              testimonial: "NS is reliable, professional, and truly understands the tailoring business. They're not just suppliers - they're partners in my success.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg?_wi=1",
              imageAlt: "Meera Gupta",
            },
            {
              id: "5",
              name: "Vikram Singh",
              handle: "@vikram_tailors",
              testimonial: "Been ordering from NS for years. Never disappointed with quality or delivery. They have everything a professional tailor needs.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-female-personal-shopper-working_23-2148924143.jpg?_wi=2",
              imageAlt: "Vikram Singh",
            },
            {
              id: "6",
              name: "Anjali Verma",
              handle: "@anjali_studio",
              testimonial: "The best thing about NS is their wide variety and consistent quality. They make it easy to run a professional tailoring business.",
              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg",
              imageAlt: "Anjali Verma",
            },
          ]}
          showRating={true}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Frequently Asked Questions"
          sideDescription="Get answers to common questions about NS tailoring materials, ordering, and delivery."
          faqs={[
            {
              id: "1",
              title: "What categories of products does NS offer?",
              content: "NS specializes in five main categories: Measuring Tools (tapes, rulers, gauges), Marking Tools (chalk, pencils), Sewing Tools (needles, pins, scissors, threads), Fasteners (buttons, zippers, hooks), and Premium Fabrics (cotton cloth in various varieties).",
            },
            {
              id: "2",
              title: "Are your products suitable for professional tailors?",
              content: "Absolutely! NS has been serving professional tailors, boutique designers, and creative professionals for 9 years. All our products are selected for quality and reliability to meet professional standards.",
            },
            {
              id: "3",
              title: "How can I place an order?",
              content: "You can browse our complete product catalog on the Products page, select items you need, and contact us via our Contact page or WhatsApp. Our team will assist you with ordering and delivery arrangements.",
            },
            {
              id: "4",
              title: "Do you offer bulk discounts?",
              content: "We work with professional tailors, boutiques, and designers. For bulk orders and special pricing, please reach out to us directly via email or WhatsApp and we'll provide you with a customized quote.",
            },
            {
              id: "5",
              title: "What is your delivery timeframe?",
              content: "Delivery times depend on your location and order size. We strive for reliable and prompt delivery. Contact us for specific delivery details based on your address and order.",
            },
            {
              id: "6",
              title: "Can I return products if I'm not satisfied?",
              content: "We stand behind the quality of all NS products. For any issues or concerns, please contact us immediately and we'll work with you to resolve the matter to your satisfaction.",
            },
          ]}
          faqsAnimation="slide-up"
          textPosition="left"
          useInvertedBackground={false}
          animationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="NS"
          copyrightText="© 2025 NS Tailoring Supplies. All rights reserved. Premium tailoring materials and sewing supplies."
          socialLinks={[
            { icon: Facebook, href: "https://facebook.com/nstailoring", ariaLabel: "Facebook" },
            { icon: Instagram, href: "https://instagram.com/nstailoring", ariaLabel: "Instagram" },
            { icon: MessageCircle, href: "https://wa.me/1234567890", ariaLabel: "WhatsApp" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}