From 084e036f8b2c3620bbfeda22a9259f7546186b7e Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 20 Mar 2026 04:39:33 +0000
Subject: [PATCH] Update src/app/projects/page.tsx

---
 src/app/projects/page.tsx | 252 ++++++++++++++++++--------------------
 1 file changed, 120 insertions(+), 132 deletions(-)

diff --git a/src/app/projects/page.tsx b/src/app/projects/page.tsx
index caac8ad..99560df 100644
--- a/src/app/projects/page.tsx
+++ b/src/app/projects/page.tsx
@@ -1,28 +1,27 @@
 "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";
+import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
+import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
+import ContactText from "@/components/sections/contact/ContactText";
+import FooterBase from "@/components/sections/footer/FooterBase";
+import { CheckCircle, Award, Zap } 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: "Projects", id: "/projects" },
+    { name: "Blog", id: "/blog" },
     { name: "Contact", id: "contact" },
   ];
 
   const footerColumns = [
     {
-      title: "Solutions",
-      items: [
+      title: "Solutions",      items: [
         { label: "Industrial Automation", href: "/solutions" },
         { label: "Robot & Cobot Systems", href: "/solutions" },
         { label: "Packaging Machinery", href: "/solutions" },
@@ -31,37 +30,61 @@ export default function ProjectsPage() {
       ],
     },
     {
-      title: "Company",
-      items: [
-        { label: "About Us", href: "/" },
+      title: "Company",      items: [
+        { label: "About Us", href: "/about" },
         { label: "Projects & Portfolio", href: "/projects" },
-        { label: "Blog & Articles", href: "/" },
-        { label: "Careers", href: "#" },
-        { label: "Contact", href: "/" },
+        { label: "Blog & Articles", href: "/blog" },
+        { 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: "/" },
+      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: [
+      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: "#" },
+        { label: "Bangkok, Thailand", href: "/" },
+        { label: "Mon-Fri 8:00-18:00 (GMT+7)", href: "/" },
       ],
     },
   ];
 
+  const allProjects = [
+    {
+      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=1",      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=1",      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=1",      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=1",      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=1",      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=1",      imageAlt: "Pharmaceutical facility with integrated packaging and quality control system. Automated pill/tablet "},
+    {
+      id: "project-7",      brand: "Beverage Manufacturer",      name: "Production Line Optimization",      price: "1.5M THB",      rating: 5,
+      reviewCount: "10",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/beverage-production-line-optimization-1773981131900-a1b2c3d4.png?_wi=1",      imageAlt: "Beverage manufacturing production line with automated filling and capping systems"},
+    {
+      id: "project-8",      brand: "Hospital Facility",      name: "Smart Access Control System",      price: "900K THB",      rating: 5,
+      reviewCount: "14",      imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/hospital-access-control-system-1773981131850-e5f6g7h8.png?_wi=1",      imageAlt: "Hospital facility with smart access control and security systems"},
+  ];
+
   return (
     <ThemeProvider
       defaultButtonVariant="shift-hover"
@@ -80,129 +103,94 @@ export default function ProjectsPage() {
           brandName="Milestones Technologies"
           navItems={navItems}
           button={{
-            text: "Request Quote",
-            href: "/",
-          }}
+            text: "Request Quote",            href: "/contact"}}
         />
       </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"
+      <div id="hero" data-section="hero">
+        <HeroBillboardGallery
+          title="Our Project Portfolio"
+          description="Explore our comprehensive portfolio of successful automation projects across manufacturing, warehousing, packaging, and smart living sectors. Each project demonstrates our commitment to delivering tailored solutions that drive measurable results."
+          tag="PORTFOLIO & CASE STUDIES"
           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={[
+          buttons={[
             {
-              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",
-            },
+              text: "Request Similar Solution",              href: "/contact"},
             {
-              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 ",
-            },
+              text: "View Full Portfolio",              href: "#projects"},
           ]}
-          gridVariant="three-columns-all-equal-width"
+          buttonAnimation="slide-up"
+          background={{ variant: "animated-grid" }}
+          mediaItems={[
+            {
+              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"},
+            {
+              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"},
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/high-speed-packaging-machinery-in-operat-1773981132057-91de9d07.png?_wi=1",              imageAlt: "Packaging machinery in operation"},
+            {
+              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"},
+          ]}
+          mediaAnimation="blur-reveal"
+        />
+      </div>
+
+      <div id="projects" data-section="projects">
+        <ProductCardTwo
+          tag="FEATURED & RECENT PROJECTS"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          title="Complete Project Showcase"
+          description="Browse through our diverse portfolio of successful installations, each delivering significant improvements in efficiency, safety, and operational performance."
+          products={allProjects}
+          gridVariant="bento-grid"
           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={[
+      <div id="project-details" data-section="project-details">
+        <FeatureCardTwentyFour
+          tag="PROJECT MANAGEMENT & SUPPORT"
+          tagIcon={Zap}
+          tagAnimation="slide-up"
+          title="Our Project Delivery Approach"
+          description="We follow a structured methodology to ensure every project is delivered on time, within budget, and exceeds expectations."
+          features={[
             {
-              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",
-            },
+              id: "consultation",              title: "Initial Consultation",              author: "Planning Phase",              description: "In-depth analysis of your requirements, facility assessment, and custom solution design. We understand your specific challenges before proposing automation solutions.",              tags: ["Assessment", "Design", "Planning"],
+              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 consultation"},
             {
-              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",
-            },
+              id: "engineering",              title: "Engineering & Design",              author: "Technical Development",              description: "Our expert engineers develop detailed technical specifications, system designs, and implementation plans tailored to your requirements.",              tags: ["CAD Design", "3D Modeling", "Specifications"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/custom-engineered-automation-solution-be-1773981131850-3c480c9d.png?_wi=1",              imageAlt: "Engineering design"},
             {
-              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",
-            },
+              id: "installation",              title: "Professional Installation",              author: "Execution Phase",              description: "Our certified technicians manage all installation activities, ensuring minimal disruption to your operations and adherence to safety standards.",              tags: ["Installation", "Testing", "Commissioning"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/completed-industrial-automation-installa-1773981131997-d20ced9d.png?_wi=1",              imageAlt: "Installation process"},
             {
-              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",
-            },
+              id: "training",              title: "Training & Documentation",              author: "Knowledge Transfer",              description: "Comprehensive training programs for your team, complete with technical documentation and operational manuals for long-term success.",              tags: ["Staff Training", "Documentation", "Manuals"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-engineering-team-working-on-1773981131698-7cf7cd5d.png?_wi=1",              imageAlt: "Team training"},
+            {
+              id: "support",              title: "Ongoing Support",              author: "Maintenance & Support",              description: "24/7 technical support, preventive maintenance, spare parts availability, and system upgrades to ensure continuous optimal performance.",              tags: ["24/7 Support", "Maintenance", "Updates"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/smart-gate-control-system-display-with-d-1773981131975-1ea8ba37.png?_wi=1",              imageAlt: "Control system monitoring"},
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="cta" data-section="cta">
+        <ContactText
+          text="Ready to join our portfolio of successful clients? Contact us today to discuss your automation project and receive a free consultation."
+          background={{ variant: "animated-grid" }}
+          buttons={[
+            {
+              text: "Start Your Project",              href: "/contact"},
+            {
+              text: "Schedule Consultation",              href: "tel:+6621234567"},
           ]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>