"use client";

import Link from "next/link";
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 MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import ContactText from "@/components/sections/contact/ContactText";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Zap, Cpu, BarChart3, Award, CheckCircle, Shield } from "lucide-react";

export default function RobotCobotAutomationPage() {
  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: "/robot-cobot-automation" },
        { 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: "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="Robot & Cobot Automation Solutions"
          description="Transform your operations with advanced robotic and collaborative robot solutions. From precision manufacturing to material handling and assembly, our robot and cobot systems deliver exceptional accuracy, reliability, and efficiency. Purpose-built for industries requiring flexibility, safety, and high-performance automation."
          tag="ROBOTIC & COBOT SYSTEMS"
          tagIcon={Cpu}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Request a Consultation",              href: "/contact"},
            {
              text: "View Technical Specs",              href: "#technical-specifications"},
          ]}
          buttonAnimation="slide-up"
          background={{ variant: "animated-grid" }}
          mediaItems={[
            {
              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 performing complex assembly task. Compact cobot design."},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/collaborative-robot-cobot-working-alongs-1773981130740-14a987e9.png?_wi=1",              imageAlt: "Collaborative robot (cobot) working alongside human operator in assembly environment. Safe, modern workflow."},
            {
              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 with collaborative robots managing material handling and logistics. Cobots picking and placing packages."},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/industrial-robot-arm-performing-precise--1773981130354-3aca37a1.png?_wi=1",              imageAlt: "Industrial robot arm performing precise assembly on factory floor. Modern manufacturing facility."},
            {
              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: "Complete automotive assembly line with multiple robotic arms working in sequence. Complex multi-station system."},
            {
              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 facility with robotic production line. Safe automated chemical processing with precision control."},
          ]}
          mediaAnimation="blur-reveal"
        />
      </div>

      <div id="applications" data-section="applications">
        <FeatureCardTwentyFour
          tag="PRIMARY APPLICATIONS"
          tagIcon={BarChart3}
          tagAnimation="slide-up"
          title="Robot & Cobot Applications Across Industries"
          description="Our robotic and collaborative robot solutions are engineered for diverse applications across manufacturing, logistics, assembly, and specialized industries. Each application is optimized for precision, speed, safety, and integration with your existing systems."
          features={[
            {
              id: "precision-assembly",              title: "Precision Assembly & Manufacturing",              author: "Manufacturing Excellence",              description: "High-precision robotic arms for component assembly, sub-assembly operations, and precision manufacturing. Perfect for electronics, automotive, and mechanical assembly with repeatability down to 0.03mm.",              tags: ["Electronics", "Automotive", "Precision"],
              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: "Precision robotic assembly system with multiple coordinated robot arms performing complex assembly operations."},
            {
              id: "material-handling",              title: "Material Handling & Logistics",              author: "Warehouse Automation",              description: "Collaborative robots for picking, placing, sorting, and material movement in warehouses and distribution centers. Cobots work safely alongside human operators, increasing throughput by up to 60%.",              tags: ["Warehousing", "Logistics", "Material Handling"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/warehouse-with-collaborative-robots-mana-1773981131081-518034f7.png?_wi=1",              imageAlt: "Collaborative robots in warehouse environment managing picking, sorting, and material transport operations."},
            {
              id: "welding-joining",              title: "Welding, Brazing & Joining Operations",              author: "Production Automation",              description: "Robotic welding and joining systems for automotive, structural fabrication, and heavy equipment manufacturing. Consistent weld quality with reduced defects and improved safety in hazardous environments.",              tags: ["Welding", "Automotive", "Fabrication"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/industrial-automation-control-system-wit-1773981131808-cf06236c.png?_wi=1",              imageAlt: "Robotic welding system performing automated welding operations with sparks and precision control."},
            {
              id: "packaging-palletizing",              title: "Packaging, Palletizing & Case Packing",              author: "Production Optimization",              description: "High-speed robotic systems for packaging, case packing, and palletizing operations. Handles various product sizes and weights with intelligent vision systems for verification and quality control.",              tags: ["Packaging", "Palletizing", "Quality Control"],
              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: "Robotic palletizing system organizing packaged products onto pallets with precision and speed."},
            {
              id: "machine-tending",              title: "CNC Machine Tending & Production Support",              author: "Manufacturing Integration",              description: "Robotic arms for machine tending, loading/unloading CNC machines, and production line support. Enables lights-out manufacturing and 24/7 production without human intervention.",              tags: ["CNC", "Machine Tending", "24/7 Production"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-engineering-team-working-on-1773981131698-7cf7cd5d.png?_wi=1",              imageAlt: "Robotic machine tending system loading and unloading CNC machines in automated production environment."},
            {
              id: "inspection-testing",              title: "Quality Inspection & Testing Automation",              author: "Quality Assurance",              description: "Vision-equipped robotic systems for automated quality inspection, defect detection, and testing operations. Reduces defects by up to 95% with consistent, repeatable inspection standards.",              tags: ["Quality Control", "Vision Systems", "Inspection"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/pharmaceutical-facility-with-integrated--1773981135234-da2258a8.png?_wi=1",              imageAlt: "Robotic vision inspection system performing quality control checks on pharmaceutical packaging and products."},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="technical-specifications" data-section="technical-specifications">
        <MetricCardEleven
          tag="TECHNICAL CAPABILITIES"
          tagIcon={Cpu}
          tagAnimation="slide-up"
          title="Advanced Robot & Cobot Technical Specifications"
          description="Our robotic systems feature state-of-the-art technology and performance metrics designed to meet the most demanding industrial applications and provide exceptional long-term reliability."
          metrics={[
            {
              id: "payload",              value: "3-300",              title: "Payload Capacity (kg)",              description: "From lightweight collaborative robots to heavy-duty industrial arms handling demanding loads"},
            {
              id: "reach",              value: "500-2500",              title: "Arm Reach (mm)",              description: "Extended reach options for complex workspaces and large assembly requirements"},
            {
              id: "repeatability",              value: "±0.03",              title: "Repeatability Accuracy (mm)",              description: "Precision positioning for high-tolerance assembly and precision manufacturing tasks"},
            {
              id: "speed",              value: "Up to 3",              title: "Max Operating Speed (m/sec)",              description: "High-speed operations for rapid cycle times and maximum production throughput"},
            {
              id: "mtbf",              value: "25000+",              title: "Mean Time Between Failures (hours)",              description: "Ultra-reliable systems engineered for continuous 24/7 industrial operations"},
            {
              id: "integration",              value: "10+",              title: "Standard Integrations",              description: "Seamless integration with PLCs, vision systems, safety controllers, and existing production lines"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="featured-projects" data-section="featured-projects">
        <ProductCardTwo
          tag="FEATURED ROBOT & COBOT INSTALLATIONS"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          title="Completed Robot & Cobot Projects"
          description="Explore successful robot and cobot automation installations across automotive, food processing, warehousing, chemicals, and pharmaceutical industries."
          products={[
            {
              id: "project-1",              brand: "Automotive Manufacturer",              name: "6-Axis Robotic Assembly Line",              price: "2.8M THB",              rating: 5,
              reviewCount: "14",              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: "6-axis robotic assembly line with coordinated multiple robots performing automotive assembly operations."},
            {
              id: "project-2",              brand: "Electronics Warehouse",              name: "Cobot Picking & Packing System",              price: "1.5M THB",              rating: 5,
              reviewCount: "11",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/warehouse-with-collaborative-robots-mana-1773981131081-518034f7.png?_wi=1",              imageAlt: "Collaborative robots performing picking and packing operations in warehouse with human-cobot collaboration."},
            {
              id: "project-3",              brand: "Chemical Manufacturing",              name: "Hazardous Material Handling Robot",              price: "2.2M THB",              rating: 5,
              reviewCount: "9",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/chemical-manufacturing-facility-with-rob-1773981131785-741649af.png?_wi=1",              imageAlt: "Industrial robot performing hazardous chemical handling and processing with safety controls and precision."},
            {
              id: "project-4",              brand: "Automotive Supplier",              name: "Robotic Welding System",              price: "3.1M THB",              rating: 5,
              reviewCount: "12",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-engineering-team-working-on-1773981131698-7cf7cd5d.png?_wi=1",              imageAlt: "Robotic welding system with arc welding capabilities performing precision welds on structural components."},
            {
              id: "project-5",              brand: "Pharmaceutical Facility",              name: "Vision-Guided Robotic Inspection",              price: "1.9M THB",              rating: 5,
              reviewCount: "10",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/pharmaceutical-facility-with-integrated--1773981135234-da2258a8.png?_wi=1",              imageAlt: "Vision-guided robotic inspection system for pharmaceutical product quality control and packaging verification."},
            {
              id: "project-6",              brand: "Industrial Assembly Plant",              name: "Multi-Robot Production Cell",              price: "2.6M THB",              rating: 5,
              reviewCount: "13",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/completed-industrial-automation-installa-1773981131997-d20ced9d.png",              imageAlt: "Multi-robot production cell with synchronized robotic systems performing complex assembly and testing operations."},
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="trust-indicators" data-section="trust-indicators">
        <SocialProofOne
          tag="TRUSTED ROBOT & COBOT PARTNERS"
          tagIcon={Shield}
          tagAnimation="slide-up"
          title="Leading Companies Trust Our Robot & Cobot Solutions"
          description="Major manufacturers, logistics providers, and industrial facilities across Southeast Asia rely on Milestones Technologies for their robotic automation needs."
          names={[
            "Thai Automotive Group",            "Southeast Electronics Corp",            "Bangkok Chemical Industries",            "Bangkok Pharmaceutical",            "Regional Warehousing Co",            "Thai Precision Manufacturing",            "Bangkok Logistics Solutions",            "Asian Heavy Equipment"]}
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-corporate-logo-for-automoti-1773981130490-d851f847.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/electronics-corporation-professional-log-1773981133845-5e6dbc25.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/chemical-manufacturing-company-professio-1773981130788-63944153.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/pharmaceutical-company-professional-logo-1773981130764-ae871848.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/warehouse-and-logistics-company-professi-1773981132381-3ecc38c8.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-corporate-logo-for-automoti-1773981130490-d851f847.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/warehouse-and-logistics-company-professi-1773981132381-3ecc38c8.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/industrial-automation-control-system-wit-1773981131808-cf06236c.png"]}
          textboxLayout="default"
          useInvertedBackground={false}
          showCard={true}
          speed={40}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Our warehouse productivity increased 50% after implementing Milestones' cobot solution. The system is incredibly intuitive, safe for our team, and the ROI was achieved in just 9 months. The technical support from Milestones is exceptional and responsive to every question we had."
          rating={5}
          author="Niran Suksomtree, Logistics Manager - Southeast Electronics Corp"
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-male-facto-1773981130089-2c759151.png",              alt: "Niran Suksomtree"},
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-female-pro-1773981130978-eb2d4e1c.png",              alt: "Wanida Kachuay"},
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-male-busin-1773981131172-a7325777.png",              alt: "Pattarapol Moonkhan"},
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-male-execu-1773981130512-3b9ae1e1.png",              alt: "Somchai Thaichai"},
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="cta" data-section="cta">
        <ContactText
          text="Discover how robot and cobot automation can transform your operations. Schedule a free technical consultation with our automation specialists today."
          background={{ variant: "animated-grid" }}
          buttons={[
            {
              text: "Schedule Free Consultation",              href: "/contact"},
            {
              text: "Get Technical Proposal",              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>
  );
}
