"use client";

import Link from "next/link";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import FooterBase from "@/components/sections/footer/FooterBase";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Cog, CheckCircle } from "lucide-react";

export default function ProjectsPage() {
  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={Cog}
          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=3"
          imageAlt="Milestones Technologies modern facility exterior and interior. State-of-the-art engineering lab with"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="featured-projects" data-section="featured-projects">
        <ProductCardTwo
          tag="PORTFOLIO & INSTALLATIONS"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          title="Featured Installation Works"
          description="Explore recent projects showcasing our capabilities across industrial automation, robotics, packaging systems, and smart gate installations."
          products={[
            {
              id: "project-1",
              brand: "Automotive Manufacturer",
              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=2",
              imageAlt: "Complete automotive assembly line with multiple robotic arms working in sequence. Complex multi-stat",
            },
            {
              id: "project-2",
              brand: "Food Processing Plant",
              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=2",
              imageAlt: "Food processing facility with integrated packaging machinery. Automated filling, sealing, and labeli",
            },
            {
              id: "project-3",
              brand: "Electronics Warehouse",
              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=2",
              imageAlt: "Warehouse with collaborative robots managing material handling and logistics. Cobots picking and pla",
            },
            {
              id: "project-4",
              brand: "Luxury Residential Complex",
              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=2",
              imageAlt: "Luxury residential complex entrance with installed smart gate system. Beautiful modern gate integrat",
            },
            {
              id: "project-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=2",
              imageAlt: "Chemical manufacturing facility with robotic production line. Safe automated chemical processing wit",
            },
            {
              id: "project-6",
              brand: "Pharmaceutical Facility",
              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=2",
              imageAlt: "Pharmaceutical facility with integrated packaging and quality control system. Automated pill/tablet ",
            },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Milestones Technologies transformed our production line. Within 6 months, we achieved 35% efficiency improvement and reduced defects by 28%. Their team was professional, responsive, and genuinely invested in our success. Highly recommended for any manufacturing facility."
          rating={5}
          author="Somchai Thaichai, Operations Director - Thai Automotive Group"
          avatars={[
            {
              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",
            },
            {
              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",
            },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

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