"use client";

import Link from "next/link";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import FooterBase from "@/components/sections/footer/FooterBase";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Cog, Building2, Lightbulb, Award } from "lucide-react";

export default function SolutionsPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "About", id: "about" },
    { name: "Solutions", id: "solutions" },
    { name: "Projects", id: "projects" },
    { name: "Blog", id: "blog" },
    { name: "Contact", id: "contact" },
  ];

  const footerColumns = [
    {
      title: "Solutions",
      items: [
        { label: "Industrial Automation", href: "/solutions" },
        { label: "Robot & Cobot Systems", href: "/solutions" },
        { label: "Packaging Machinery", href: "/solutions" },
        { label: "Smart Gate Systems", href: "/solutions" },
        { label: "Custom Engineering", href: "/solutions" },
      ],
    },
    {
      title: "Company",
      items: [
        { label: "About Us", href: "/" },
        { label: "Projects & Portfolio", href: "/projects" },
        { label: "Blog & Articles", href: "/" },
        { label: "Careers", href: "#" },
        { label: "Contact", href: "/" },
      ],
    },
    {
      title: "Resources",
      items: [
        { label: "Case Studies", href: "#" },
        { label: "Technical Documentation", href: "#" },
        { label: "Support Portal", href: "#" },
        { label: "FAQ", href: "#" },
        { label: "Contact Support", href: "/" },
      ],
    },
    {
      title: "Contact",
      items: [
        { label: "Phone: +66 2 123 4567", href: "tel:+6621234567" },
        { label: "Email: info@milestones.co.th", href: "mailto:info@milestones.co.th" },
        { label: "LINE: @milestones-tech", href: "https://line.me" },
        { label: "Bangkok, Thailand", href: "#" },
        { label: "Mon-Fri 8:00-18:00 (GMT+7)", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="medium"
      sizing="large"
      background="grid"
      cardStyle="solid"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Milestones Technologies"
          navItems={navItems}
          button={{
            text: "Request Quote",
            href: "/",
          }}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="ABOUT MILESTONES TECHNOLOGIES"
          tagIcon={Building2}
          tagAnimation="slide-up"
          title="Thailand's Leading Industrial Automation Partner"
          description="Founded with a vision to revolutionize manufacturing and automation across Southeast Asia, Milestones Technologies has become a trusted name in industrial innovation. We specialize in delivering comprehensive automation solutions that drive efficiency, reduce costs, and enhance operational safety."
          subdescription="Our team of experienced engineers and solution architects work directly with factory owners, production managers, and business leaders to understand their unique challenges and implement tailored automation systems that deliver measurable ROI and long-term competitive advantages."
          icon={Cog}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/milestones-technologies-modern-facility--1773981137018-c41797de.png?_wi=2"
          imageAlt="Milestones Technologies modern facility exterior and interior. State-of-the-art engineering lab with"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="solutions" data-section="solutions">
        <FeatureCardTwentyFour
          tag="OUR CORE SOLUTIONS"
          tagIcon={Lightbulb}
          tagAnimation="slide-up"
          title="Comprehensive Automation & Engineering Solutions"
          description="We deliver five core solution categories designed to address the specific needs of factories, warehouses, and smart properties. Each solution is engineered for reliability, scalability, and long-term performance."
          features={[
            {
              id: "industrial-automation",
              title: "Industrial Automation Systems",
              author: "Manufacturing Excellence",
              description: "End-to-end automation solutions for production lines, assembly processes, and manufacturing workflows. Increase productivity by up to 40% with our integrated control systems and real-time monitoring.",
              tags: ["Production Lines", "Assembly", "Monitoring"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/industrial-automation-control-system-wit-1773981131808-cf06236c.png?_wi=2",
              imageAlt: "Industrial automation control system with PLC controllers, variable frequency drives, and wiring. Cl",
            },
            {
              id: "robot-cobot",
              title: "Robot & Cobot Automation",
              author: "Precision Robotics",
              description: "Cutting-edge robotic and collaborative robot solutions for precise, repetitive tasks. Perfect for warehousing, assembly, material handling, and specialized manufacturing applications.",
              tags: ["Robotics", "Cobots", "Material Handling"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/advanced-collaborative-robot-with-articu-1773981131004-a16eab70.png?_wi=2",
              imageAlt: "Advanced collaborative robot with articulated arms performing complex assembly task. Compact cobot d",
            },
            {
              id: "packaging-machinery",
              title: "Packaging Machinery Solutions",
              author: "Production Optimization",
              description: "Advanced packaging systems for food, pharmaceutical, and consumer goods industries. High-speed, reliable packaging with quality control integration.",
              tags: ["Packaging", "Quality Control", "High-Speed"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/state-of-the-art-automatic-packaging-sys-1773981131749-3c44c882.png?_wi=2",
              imageAlt: "State-of-the-art automatic packaging system with multiple stations. Products being filled, sealed, a",
            },
            {
              id: "smart-gate",
              title: "Smart Gate & Access Systems",
              author: "Security & Convenience",
              description: "Premium automatic gate solutions for residential, commercial, and industrial properties. Includes remote control, RFID integration, and advanced security features for modern smart living.",
              tags: ["Smart Gates", "Access Control", "Security"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/modern-premium-automatic-sliding-gate-wi-1773981131408-069d06de.png?_wi=2",
              imageAlt: "Modern premium automatic sliding gate with remote control and RFID reader. Beautiful residential or ",
            },
            {
              id: "custom-engineering",
              title: "Custom Engineering Solutions",
              author: "Tailored Innovation",
              description: "Bespoke automation and engineering solutions designed specifically for your unique operational requirements. From concept to implementation and ongoing support.",
              tags: ["Engineering", "Customization", "Support"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/custom-engineered-automation-solution-be-1773981131850-3c480c9d.png?_wi=2",
              imageAlt: "Custom engineered automation solution being installed at client site. Unique integrated system combi",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-choose-us" data-section="why-choose-us">
        <MetricCardEleven
          tag="WHY CHOOSE MILESTONES"
          tagIcon={Award}
          tagAnimation="slide-up"
          title="Proven Excellence in Industrial Automation"
          description="We combine technical expertise, proven track record, and customer-centric approach to deliver automation solutions that transform operations and drive business growth."
          metrics={[
            {
              id: "experience",
              value: "15+",
              title: "Years of Experience",
              description: "Trusted by factories and businesses across Southeast Asia since 2009",
            },
            {
              id: "projects",
              value: "500+",
              title: "Projects Completed",
              description: "Successful installations and implementations across all solution categories",
            },
            {
              id: "efficiency",
              value: "40%",
              title: "Average Productivity Increase",
              description: "Clients report significant efficiency gains within first 6 months",
            },
            {
              id: "satisfaction",
              value: "98%",
              title: "Client Satisfaction Rate",
              description: "Industry-leading customer satisfaction and long-term partnerships",
            },
            {
              id: "support",
              value: "24/7",
              title: "Technical Support",
              description: "Round-the-clock support team to ensure zero downtime operations",
            },
            {
              id: "roi",
              value: "8-12",
              title: "Month ROI Timeline",
              description: "Most clients achieve return on investment within 8-12 months",
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Milestones Technologies"
          copyrightText="© 2025 Milestones Technologies. All rights reserved."
          columns={footerColumns}
        />
      </div>
    </ThemeProvider>
  );
}