"use client";

import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import AboutMetric from "@/components/sections/about/AboutMetric";
import FeatureCardNine from "@/components/sections/feature/FeatureCardNine";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FaqSplitText from "@/components/sections/faq/FaqSplitText";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import Link from "next/link";
import { Sparkles, Zap, CheckCircle, Clock, MapPin, Star, Phone } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "Services", id: "/services" },
    { name: "About", id: "/about" },
    { name: "Reviews", id: "/reviews" },
    { name: "Contact", id: "/contact" },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="mediumSmall"
      sizing="largeSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="glass"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Smart City Eco"
          navItems={navItems}
          button={{
            text: "Call Now",            href: "tel:(647)482-4296"}}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="Professional Dry Cleaning in Brampton"
          description="Eco-friendly garment care, expert stain removal, and clothing repairs. Fast, reliable service at Centennial Mall."
          background={{ variant: "plain" }}
          kpis={[
            { value: "4.4★", label: "Google Rating" },
            { value: "20+", label: "Years Experience" },
            { value: "1000+", label: "Happy Customers" },
          ]}
          enableKpiAnimation={true}
          tag="Trusted Local Service"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          buttons={[
            { text: "Call Now", href: "tel:(647)482-4296" },
            { text: "Get a Quote", href: "/contact" },
          ]}
          buttonAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/closeup-photo-fashionable-clothes-hangers-shop_627829-6026.jpg?_wi=1"
          imageAlt="Professional dry cleaning service"
          mediaAnimation="slide-up"
          imagePosition="right"
          ariaLabel="Hero section for Smart City Eco Dry Cleaners"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Why Choose Smart City Eco Dry Cleaners? We're committed to quality garment care with eco-friendly practices and exceptional customer service."
          metrics={[
            { icon: CheckCircle, label: "Expert Garment Care", value: "Eco-Friendly" },
            { icon: Clock, label: "Fast Turnaround", value: "24-48 Hours" },
            { icon: MapPin, label: "Local Brampton", value: "Centennial Mall" },
            { icon: Star, label: "Customer Satisfaction", value: "4.4/5 Stars" },
          ]}
          metricsAnimation="blur-reveal"
          useInvertedBackground={false}
          ariaLabel="About metrics section"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardNine
          features={[
            {
              id: 1,
              title: "Professional Dry Cleaning",              description: "Expert cleaning for all fabric types with attention to detail and eco-friendly methods.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-fashionable-clothes-hangers-shop_627829-6026.jpg?_wi=2",                imageAlt: "Professional dry cleaning service"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/closeup-photo-fashionable-clothes-hangers-shop_627829-6026.jpg?_wi=3",                imageAlt: "Professional dry cleaning service"},
            },
            {
              id: 2,
              title: "Expert Repairs & Alterations",              description: "Expert tailoring, zipper repairs, hemming, and alterations to make your clothes fit perfectly.",              phoneOne: {
                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=1",                imageAlt: "Clothing repair and alterations"},
              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=2",                imageAlt: "Clothing repair and alterations"},
            },
            {
              id: 3,
              title: "Stain Removal & Special Care",              description: "Advanced stain removal techniques and specialized care for delicate fabrics and wedding dresses.",              phoneOne: {
                imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-using-rag-cleaning-product_23-2148456940.jpg?_wi=1",                imageAlt: "Stain removal and fabric care"},
              phoneTwo: {
                imageSrc: "http://img.b2bpic.net/free-photo/front-view-boy-using-rag-cleaning-product_23-2148456940.jpg?_wi=2",                imageAlt: "Stain removal and fabric care"},
            },
          ]}
          showStepNumbers={true}
          title="Our Premium Services"
          description="Comprehensive garment care solutions for every need"
          tag="Full-Service Dry Cleaning"
          tagIcon={Zap}
          tagAnimation="blur-reveal"
          buttons={[{ text: "Contact Us Today", href: "tel:(647)482-4296" }]}
          buttonAnimation="blur-reveal"
          textboxLayout="default"
          animationType="blur-reveal"
          useInvertedBackground={true}
          ariaLabel="Our premium services section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          testimonials={[
            {
              id: "1",              title: "Exceptional Service",              quote: "Work clothes came back super crisp and perfectly pressed. Best dry cleaners in Brampton!",              name: "John Smith",              role: "Business Professional",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1",              imageAlt: "John Smith, Business Professional"},
            {
              id: "2",              title: "Expert Repairs",              quote: "Owner fixed my blouse and it looked brand new. Their attention to detail is incredible.",              name: "Sarah Johnson",              role: "Customer",              imageSrc: "http://img.b2bpic.net/free-photo/successful-businesswoman-ready-challenges_1163-4336.jpg?_wi=1",              imageAlt: "Sarah Johnson, Customer"},
            {
              id: "3",              title: "Highly Recommended",              quote: "I highly recommend to friends and family. They never disappoint with quality and service.",              name: "Michael Chen",              role: "Regular Customer",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2",              imageAlt: "Michael Chen, Regular Customer"},
            {
              id: "4",              title: "Fast & Reliable",              quote: "Quick turnaround and amazing quality. This is my go-to dry cleaner in Brampton.",              name: "Emily Davis",              role: "Customer",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=3",              imageAlt: "Emily Davis, Customer"},
            {
              id: "5",              title: "Worth Every Dollar",              quote: "Professional service, fair pricing, and they really care about your clothes.",              name: "David Wilson",              role: "Long-time Customer",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg?_wi=1",              imageAlt: "David Wilson, Long-time Customer"},
            {
              id: "6",              title: "Best in Area",              quote: "Fantastic quality and friendly staff. Best dry cleaning experience I've had.",              name: "Lisa Anderson",              role: "Satisfied Customer",              imageSrc: "http://img.b2bpic.net/free-photo/alone-specialist-handsome-daydreaming-collar_1262-870.jpg?_wi=1",              imageAlt: "Lisa Anderson, Satisfied Customer"},
          ]}
          title="What Our Customers Say"
          description="Real reviews from satisfied customers in Brampton"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Customer testimonials section"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          faqs={[
            {
              id: "1",              title: "What are your operating hours?",              content: "We're open Monday through Friday 8 AM to 6 PM, and Saturday 9 AM to 4 PM. We're closed on Sundays. Located at Centennial Mall, 227 Vodden St E Unit 10A."},
            {
              id: "2",              title: "How long does dry cleaning take?",              content: "Most items are ready within 24-48 hours. Express service available for rush orders. Special items like wedding dresses may take 1-2 weeks depending on complexity."},
            {
              id: "3",              title: "Do you offer pickup and delivery?",              content: "Currently, we operate from our Centennial Mall location. We recommend calling for custom arrangements for bulk orders."},
            {
              id: "4",              title: "What payment methods do you accept?",              content: "We accept cash, credit cards, and debit. Call us at (647) 482-4296 for payment details and pricing information."},
            {
              id: "5",              title: "Can you remove tough stains?",              content: "Yes! Our advanced stain removal techniques handle most stains. Bring items in quickly for best results. We specialize in wine, grease, and ink stains."},
            {
              id: "6",              title: "Do you offer alterations?",              content: "Absolutely! We offer hemming, zipper repairs, seam fixes, and general alterations. Our experienced tailors ensure perfect fit."},
          ]}
          sideTitle="Frequently Asked Questions"
          sideDescription="Get answers to common questions about our services, pricing, and policies."
          textPosition="left"
          useInvertedBackground={true}
          faqsAnimation="blur-reveal"
          animationType="smooth"
          ariaLabel="FAQ section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get in Touch"
          title="Contact Us Today"
          description="Have questions? Need a quote? Call, visit, or fill out the form below and we'll get back to you quickly."
          tagIcon={Phone}
          tagAnimation="blur-reveal"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/young-beautiful-female-support-phone-operator-speaking-consulting-office_176420-948.jpg?_wi=1"
          imageAlt="Contact us for dry cleaning services"
          mediaAnimation="slide-up"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We'll send you cleaning tips and special offers. Unsubscribe anytime."
          ariaLabel="Contact section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/flat-lay-woman-style-accessories-red-knitted-sweater-checkered-shirt-denim-jeans-black-leather-boots-hat-autumn-fashion-trend-view-from-vintage-photo-camera-traveler-outfit_285396-5116.jpg?_wi=1"
          imageAlt="Professional garment care background"
          logoText="Smart City Eco Dry Cleaners"
          copyrightText="© 2025 Smart City Eco Dry Cleaners. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "Dry Cleaning", href: "/services" },
                { label: "Repairs & Alterations", href: "/services" },
                { label: "Stain Removal", href: "/services" },
                { label: "Wedding Dress Cleaning", href: "/services" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "/about" },
                { label: "Reviews", href: "/reviews" },
                { label: "Contact", href: "/contact" },
                { label: "Location", href: "https://maps.google.com/?q=Smart+City+Eco+Dry+Cleaners+Brampton" },
              ],
            },
            {
              title: "Contact",              items: [
                { label: "Phone: (647) 482-4296", href: "tel:(647)482-4296" },
                { label: "227 Vodden St E Unit 10A", href: "https://maps.google.com/?q=227+Vodden+St+E+Unit+10A+Brampton" },
                { label: "Centennial Mall, Brampton", href: "#" },
                { label: "Hours: Mon-Fri 8AM-6PM, Sat 9AM-4PM", href: "#" },
              ],
            },
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}