"use client";

import Link from "next/link";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroCarouselLogo from "@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo";
import FeatureCardTwentySeven from "@/components/sections/feature/FeatureCardTwentySeven";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Phone, MessageCircle, Mail } from "lucide-react";

const navItems = [
  { name: "Home", id: "/" },
  { name: "Products", id: "/products" },
  { name: "Applications", id: "/applications" },
  { name: "About", id: "/about" },
  { name: "Contact", id: "/contact" },
];

export default function ProductsPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="small"
      sizing="mediumSizeLargeTitles"
      background="noise"
      cardStyle="gradient-radial"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple brandName="RADHE MARKETING" navItems={navItems} />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="PRODUCTS"
          description="Complete Range of Industrial Wheels & Castors for Every Application"
          buttons={[
            { text: "Request Quote", href: "/contact" },
            { text: "View Categories", href: "#products-categories" },
          ]}
          slides={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-heavy-industrial-crane-mechanism_632498-60873.jpg?_wi=1",              imageAlt: "Heavy duty industrial wheels"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-bike-pieces_23-2148932626.jpg?_wi=1",              imageAlt: "Professional castor wheels"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-walker_53876-20434.jpg?_wi=1",              imageAlt: "Light duty hospital wheels"},
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
          ariaLabel="Products Hero Section"
        />
      </div>

      <div id="products-categories" data-section="products-categories">
        <FeatureCardTwentySeven
          title="Product Catalog"
          description="Comprehensive collection of industrial wheels categorized by application and load capacity"
          tag="All Products"
          features={[
            {
              id: "heavy-duty",              title: "Heavy Duty Castor Wheels",              description: "Maximum load capacity wheels engineered for demanding industrial environments including factories, foundries, and heavy machinery.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-heavy-industrial-crane-mechanism_632498-60873.jpg?_wi=1",              imageAlt: "Heavy duty industrial wheels"},
            {
              id: "medium-duty",              title: "Medium Duty Wheels",              description: "Balanced performance wheels for warehouse and general material handling operations with excellent reliability.",              imageSrc: "http://img.b2bpic.net/free-psd/portable-folding-utility-cart-with-two-shelves-orange-handle_84443-76242.jpg?_wi=1",              imageAlt: "Medium duty trolley wheels"},
            {
              id: "light-duty",              title: "Light Duty Wheels",              description: "Specialized smooth-operating wheels for hospitals, clinics, and light-load applications with quiet operation.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-walker_53876-20434.jpg?_wi=1",              imageAlt: "Light duty hospital wheels"},
            {
              id: "pu-nylon",              title: "PU & Nylon Wheels",              description: "Modern polyurethane and nylon variants offering superior grip, floor protection, and noise reduction for sensitive environments.",              imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-31257.jpg?_wi=1",              imageAlt: "PU and nylon wheel materials"},
            {
              id: "swivel-fixed",              title: "Swivel & Fixed Castors",              description: "Complete wheel configurations with swivel for maneuverability and fixed for directional stability with brake options.",              imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-bike-pieces_23-2148932626.jpg?_wi=2",              imageAlt: "Swivel and fixed castor wheels"},
            {
              id: "braked",              title: "Braked Wheel Solutions",              description: "Integrated braking systems for secure positioning and operator safety, essential for steep surfaces and dynamic environments.",              imageSrc: "http://img.b2bpic.net/free-photo/detail-precision-tools_1359-246.jpg?_wi=1",              imageAlt: "Braked wheel systems"},
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[{ text: "Request Pricing", href: "/contact" }]}
        />
      </div>

      <div id="all-products" data-section="all-products">
        <ProductCardTwo
          title="Complete Product Lineup"
          description="All our industrial wheel and castor solutions in one place"
          tag="Full Catalog"
          products={[
            {
              id: "1",              brand: "Heavy Duty",              name: "Industrial Grade Castor Wheels",              price: "Custom Quote",              rating: 5,
              reviewCount: "1200+",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-heavy-industrial-crane-mechanism_632498-60873.jpg?_wi=1",              imageAlt: "Heavy duty castor wheels for industry"},
            {
              id: "2",              brand: "Medium Duty",              name: "Warehouse Trolley Wheels",              price: "Bulk Pricing",              rating: 5,
              reviewCount: "800+",              imageSrc: "http://img.b2bpic.net/free-psd/portable-folding-utility-cart-with-two-shelves-orange-handle_84443-76242.jpg?_wi=1",              imageAlt: "Warehouse trolley wheels"},
            {
              id: "3",              brand: "Light Duty",              name: "Hospital Equipment Wheels",              price: "Medical Grade",              rating: 5,
              reviewCount: "650+",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-walker_53876-20434.jpg?_wi=1",              imageAlt: "Hospital equipment wheels"},
            {
              id: "4",              brand: "Premium",              name: "PU & Nylon Wheel Systems",              price: "Premium Range",              rating: 5,
              reviewCount: "520+",              imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-31257.jpg?_wi=1",              imageAlt: "PU and nylon wheel systems"},
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="inquiry-contact" data-section="inquiry-contact">
        <ContactSplit
          tag="Get Product Information"
          title="Request Specifications & Pricing"
          description="Contact us for detailed product specifications, technical datasheets, bulk order pricing, or customized wheel solutions for your specific industrial needs."
          background={{ variant: "sparkles-gradient" }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-vector/web-contact-form-template_23-2147608998.jpg?_wi=1"
          imageAlt="Contact us for product information"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Request Information"
          termsText="We will respond with detailed product information within 24 hours."
          mediaAnimation="none"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="RADHE MARKETING"
          copyrightText="© 2025 Radhe Marketing | Premium Industrial Wheels & Castors | Ahmedabad, Gujarat, India"
          socialLinks={[
            { icon: Phone, href: "tel:+919909421029", ariaLabel: "Call us at +91-9909-421029" },
            { icon: MessageCircle, href: "https://wa.me/919909421029", ariaLabel: "WhatsApp us at +91-9909-421029" },
            { icon: Mail, href: "mailto:info@radhemarketingwheels.com", ariaLabel: "Email us" },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
