"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 ApplicationsPage() {
  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="APPLICATIONS"
          description="Discover How Our Wheels Power Industries Across India"
          buttons={[
            { text: "Explore Solutions", href: "#industry-applications" },
            { text: "Contact Us", href: "/contact" },
          ]}
          slides={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/african-american-female-industrial-employee-hardhat-overall-walking-plant-floor_74855-16327.jpg?_wi=1",              imageAlt: "Industrial factory production"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workers-discussing-about-logistics-distribution-packages-market_342744-1558.jpg?_wi=1",              imageAlt: "Warehouse and distribution center"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-walker_53876-20434.jpg?_wi=1",              imageAlt: "Hospital and healthcare equipment"},
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
          ariaLabel="Applications Hero Section"
        />
      </div>

      <div id="industry-sectors" data-section="industry-sectors">
        <FeatureCardTwentySeven
          title="Industry Sectors We Serve"
          description="Our wheels are trusted across diverse industrial and commercial sectors with specialized solutions for each"
          tag="Industry Solutions"
          features={[
            {
              id: "manufacturing",              title: "Manufacturing & Factories",              description: "Heavy-duty wheels for production lines, assembly plants, and factory equipment. Engineered for continuous operation in demanding environments.",              imageSrc: "http://img.b2bpic.net/free-photo/african-american-female-industrial-employee-hardhat-overall-walking-plant-floor_74855-16327.jpg?_wi=1",              imageAlt: "Factory production with industrial wheels"},
            {
              id: "logistics",              title: "Logistics & Warehouses",              description: "Reliable wheels for material handling, sorting, and distribution. Perfect for high-volume operations with medium to heavy loads.",              imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workers-discussing-about-logistics-distribution-packages-market_342744-1558.jpg?_wi=1",              imageAlt: "Warehouse operations"},
            {
              id: "healthcare",              title: "Healthcare & Hospitals",              description: "Light-duty, quiet wheels for medical equipment, hospital trolleys, and patient care devices. Smooth operation ensures comfort and safety.",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-walker_53876-20434.jpg?_wi=1",              imageAlt: "Hospital medical equipment"},
            {
              id: "workshops",              title: "Mechanical & Auto Workshops",              description: "Heavy-duty wheels for equipment carts, tool trolleys, and vehicle service stations. Built to withstand workshop abuse.",              imageSrc: "http://img.b2bpic.net/free-photo/detail-precision-tools_1359-246.jpg?_wi=1",              imageAlt: "Workshop tools and equipment"},
            {
              id: "retail",              title: "Retail & Commerce",              description: "Smooth-rolling wheels for shopping carts, display racks, and merchandise movement. Designed for customer-facing environments.",              imageSrc: "http://img.b2bpic.net/free-psd/portable-folding-utility-cart-with-two-shelves-orange-handle_84443-76242.jpg?_wi=1",              imageAlt: "Retail shopping cart with wheels"},
            {
              id: "food-beverage",              title: "Food & Beverage Industry",              description: "Sanitized, durable wheels for food processing, beverage production, and restaurant service equipment. Food-grade materials available.",              imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-31257.jpg?_wi=1",              imageAlt: "Food industry equipment"},
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          buttons={[{ text: "Get Custom Solutions", href: "/contact" }]}
        />
      </div>

      <div id="use-cases" data-section="use-cases">
        <ProductCardTwo
          title="Featured Applications"
          description="Real-world examples of how Radhe Marketing wheels power operations across industries"
          tag="Use Cases"
          products={[
            {
              id: "1",              brand: "Manufacturing",              name: "Factory Production Lines",              price: "Heavy-Duty Solutions",              rating: 5,
              reviewCount: "500+",              imageSrc: "http://img.b2bpic.net/free-photo/african-american-female-industrial-employee-hardhat-overall-walking-plant-floor_74855-16327.jpg?_wi=1",              imageAlt: "Factory production wheels"},
            {
              id: "2",              brand: "Healthcare",              name: "Hospital & Clinic Equipment",              price: "Light-Duty Wheels",              rating: 5,
              reviewCount: "300+",              imageSrc: "http://img.b2bpic.net/free-photo/closeup-walker_53876-20434.jpg?_wi=1",              imageAlt: "Hospital trolley wheels"},
            {
              id: "3",              brand: "Logistics",              name: "Warehouse & Distribution",              price: "Medium-Duty Solutions",              rating: 5,
              reviewCount: "600+",              imageSrc: "http://img.b2bpic.net/free-photo/warehouse-workers-discussing-about-logistics-distribution-packages-market_342744-1558.jpg?_wi=1",              imageAlt: "Warehouse equipment"},
            {
              id: "4",              brand: "Workshops",              name: "Mechanical & Auto Workshops",              price: "Heavy-Duty Options",              rating: 5,
              reviewCount: "280+",              imageSrc: "http://img.b2bpic.net/free-photo/detail-precision-tools_1359-246.jpg?_wi=1",              imageAlt: "Workshop equipment wheels"},
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="inquiry-contact" data-section="inquiry-contact">
        <ContactSplit
          tag="Find Your Solution"
          title="Let's Find the Perfect Wheels for Your Application"
          description="Contact our technical team to discuss your specific application requirements. We provide customized recommendations for optimal performance, durability, and cost-effectiveness."
          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 application solutions"
          mediaPosition="right"
          inputPlaceholder="Enter your email address"
          buttonText="Discuss Your Application"
          termsText="Our technical team will contact you within 24 hours with a customized solution."
          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>
  );
}
