"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import FeatureCardEight from "@/components/sections/feature/FeatureCardEight";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Zap, Lightbulb, CheckCircle, Layers } from "lucide-react";

export default function SolutionsPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "About", id: "about" },
    { name: "Solutions", id: "solutions" },
    { name: "Services", id: "services" },
    { 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: "/about" },
        { label: "Our Services", href: "/services" },
        { label: "Projects & Portfolio", href: "/" },
        { label: "Blog & Articles", href: "/" },
        { label: "Careers", href: "/" },
        { label: "Contact", href: "/contact" },
      ],
    },
    {
      title: "Resources",      items: [
        { label: "Case Studies", href: "/" },
        { label: "Technical Documentation", href: "/" },
        { label: "Support Portal", href: "/" },
        { label: "FAQ", href: "/" },
        { label: "Contact Support", href: "/contact" },
      ],
    },
    {
      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: "/contact"}}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Our Complete Automation Solutions"
          description="Comprehensive automation and engineering solutions designed to address every aspect of modern manufacturing, logistics, and smart property management. From industrial automation to custom engineering, we have the expertise and technology to transform your operations."
          tag="SOLUTIONS OVERVIEW"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Explore Solutions",              href: "#solutions"},
            {
              text: "Request Consultation",              href: "/contact"},
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "animated-grid" }}
          mediaItems={[
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/industrial-automation-control-system-wit-1773981131808-cf06236c.png?_wi=1",              imageAlt: "Industrial automation control system"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/advanced-collaborative-robot-with-articu-1773981131004-a16eab70.png?_wi=1",              imageAlt: "Collaborative robot system"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/state-of-the-art-automatic-packaging-sys-1773981131749-3c44c882.png?_wi=1",              imageAlt: "Packaging machinery"},
          ]}
          mediaAnimation="blur-reveal"
        />
      </div>

      <div id="solutions" data-section="solutions">
        <FeatureCardTwentyFour
          tag="CORE SOLUTION CATEGORIES"
          tagIcon={Lightbulb}
          tagAnimation="slide-up"
          title="Five Comprehensive Solution Categories"
          description="Each category is engineered for reliability, scalability, and long-term performance. We customize solutions to match your specific operational needs and business objectives."
          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. Features include PLC-based control, real-time monitoring, and integration with existing systems. Increase productivity by up to 40% with our integrated control systems.",              tags: ["Production Lines", "Assembly", "PLC Control", "Monitoring"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/industrial-automation-control-system-wit-1773981131808-cf06236c.png?_wi=1",              imageAlt: "Industrial automation control system with PLC controllers"},
            {
              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. Our cobot systems work safely alongside human operators, maximizing productivity and worker safety.",              tags: ["Robotics", "Cobots", "Material Handling", "Safety"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/advanced-collaborative-robot-with-articu-1773981131004-a16eab70.png?_wi=1",              imageAlt: "Advanced collaborative robot with articulated arms"},
            {
              id: "packaging-machinery",              title: "Packaging Machinery Solutions",              author: "Production Optimization",              description: "Advanced packaging systems for food, pharmaceutical, and consumer goods industries. Features high-speed operation, quality control integration, and flexible product handling. Reliable packaging with minimal downtime and maximum throughput.",              tags: ["Packaging", "Quality Control", "High-Speed", "Flexible"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/state-of-the-art-automatic-packaging-sys-1773981131749-3c44c882.png?_wi=1",              imageAlt: "State-of-the-art automatic packaging system"},
            {
              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, advanced security features, and mobile app control. Perfect for modern smart living and comprehensive property management.",              tags: ["Smart Gates", "Access Control", "Security", "Mobile Control"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/modern-premium-automatic-sliding-gate-wi-1773981131408-069d06de.png?_wi=1",              imageAlt: "Modern premium automatic sliding gate with remote control"},
            {
              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 design through implementation and ongoing support. Our expert team works closely with you to deliver solutions that perfectly match your needs.",              tags: ["Engineering", "Customization", "Support", "Integration"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/custom-engineered-automation-solution-be-1773981131850-3c480c9d.png?_wi=1",              imageAlt: "Custom engineered automation solution being installed"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="implementation" data-section="implementation">
        <FeatureCardEight
          title="Our Implementation Process"
          description="We follow a proven, client-focused approach to ensure smooth implementation and maximum ROI for every automation project."
          features={[
            {
              id: "assessment",              title: "Assessment & Planning",              description: "Comprehensive analysis of your operations, workflow, and requirements. We identify automation opportunities and develop a tailored implementation strategy that minimizes disruption.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-engineering-team-working-on-1773981131698-7cf7cd5d.png?_wi=1",              imageAlt: "Engineering team assessment"},
            {
              id: "design",              title: "Design & Engineering",              description: "Our expert engineers design custom solutions tailored to your specifications. We create detailed technical plans and 3D models for your review and approval before implementation begins.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/industrial-automation-control-system-wit-1773981131808-cf06236c.png?_wi=1",              imageAlt: "Engineering design and planning"},
            {
              id: "installation",              title: "Installation & Integration",              description: "Professional installation team handles all hardware setup, integration with existing systems, and testing. We ensure seamless integration and minimal operational disruption throughout the process.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/completed-industrial-automation-installa-1773981131997-d20ced9d.png?_wi=1",              imageAlt: "Installation and integration"},
            {
              id: "training",              title: "Training & Support",              description: "Comprehensive training for your team on system operation, maintenance, and troubleshooting. We provide extensive documentation and ongoing technical support to ensure success.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-male-facto-1773981130089-2c759151.png?_wi=1",              imageAlt: "Team training session"},
            {
              id: "optimization",              title: "Optimization & Continuous Improvement",              description: "After launch, we monitor system performance and make continuous improvements. Regular maintenance and updates ensure peak performance and ROI throughout the system lifecycle.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/advanced-collaborative-robot-with-articu-1773981131004-a16eab70.png?_wi=1",              imageAlt: "System optimization and monitoring"},
            {
              id: "support",              title: "24/7 Technical Support",              description: "Round-the-clock support team available for any questions or technical issues. Our team responds quickly to minimize downtime and keep your operations running smoothly.",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/modern-premium-automatic-sliding-gate-wi-1773981131408-069d06de.png?_wi=1",              imageAlt: "24/7 support team"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="featured-solutions" data-section="featured-solutions">
        <ProductCardTwo
          tag="FEATURED IMPLEMENTATIONS"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          title="Successful Solution Deployments"
          description="Real-world examples of our automation solutions transforming industries and delivering measurable results."
          products={[
            {
              id: "solution-1",              brand: "Automotive Manufacturing",              name: "Complete Assembly Line Automation",              price: "2.5M THB",              rating: 5,
              reviewCount: "12",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/complete-automotive-assembly-line-with-m-1773981131944-e95865db.png?_wi=1",              imageAlt: "Automotive assembly line"},
            {
              id: "solution-2",              brand: "Food Processing Industry",              name: "High-Speed Packaging System",              price: "1.8M THB",              rating: 5,
              reviewCount: "8",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/food-processing-facility-with-integrated-1773981131923-cf0c3dab.png?_wi=1",              imageAlt: "Food processing packaging"},
            {
              id: "solution-3",              brand: "Electronics Logistics",              name: "Cobot Material Handling System",              price: "1.2M THB",              rating: 5,
              reviewCount: "9",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/warehouse-with-collaborative-robots-mana-1773981131081-518034f7.png?_wi=1",              imageAlt: "Warehouse cobot system"},
            {
              id: "solution-4",              brand: "Premium Properties",              name: "Smart Gate Access System",              price: "800K THB",              rating: 5,
              reviewCount: "15",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/luxury-residential-complex-entrance-with-1773981131885-7d86d7ce.png?_wi=1",              imageAlt: "Smart gate system"},
            {
              id: "solution-5",              brand: "Chemical Manufacturing",              name: "Custom Robotic Production Line",              price: "3.2M THB",              rating: 5,
              reviewCount: "7",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/chemical-manufacturing-facility-with-rob-1773981131785-741649af.png?_wi=1",              imageAlt: "Chemical manufacturing automation"},
            {
              id: "solution-6",              brand: "Pharmaceutical Production",              name: "Integrated Packaging & QC System",              price: "2.1M THB",              rating: 5,
              reviewCount: "11",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/pharmaceutical-facility-with-integrated--1773981135234-da2258a8.png?_wi=1",              imageAlt: "Pharmaceutical packaging system"},
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="cta" data-section="cta">
        <ContactText
          text="Ready to discover the right automation solution for your business? Contact our solutions team today for a free consultation and customized proposal."
          background={{ variant: "animated-grid" }}
          buttons={[
            {
              text: "Request Consultation",              href: "/contact"},
            {
              text: "Schedule Demo",              href: "/contact"},
          ]}
          useInvertedBackground={false}
        />
      </div>

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