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

---
 src/app/about/page.tsx | 200 ++++++++++++++++++++++++-----------------
 1 file changed, 116 insertions(+), 84 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index 5901bfc..544b548 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -1,48 +1,46 @@
 "use client";
 
-import Link from "next/link";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
-import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
+import HeroBillboardGallery from "@/components/sections/hero/HeroBillboardGallery";
+import MetricSplitMediaAbout from "@/components/sections/about/MetricSplitMediaAbout";
+import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
 import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
+import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Building2, Award } from "lucide-react";
+import { Zap, Award, Users, Target } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
-    { name: "Home", id: "home" },
-    { name: "About", id: "about" },
-    { name: "Solutions", id: "solutions" },
+    { name: "Home", id: "/" },
+    { name: "About", id: "/about" },
+    { name: "Services", id: "/services" },
     { name: "Projects", id: "projects" },
-    { name: "Blog", id: "blog" },
-    { name: "Contact", id: "contact" },
+    { name: "Contact", id: "/contact" },
   ];
 
   const footerColumns = [
     {
-      title: "Solutions",
-      items: [
-        { label: "Industrial Automation", href: "/" },
-        { label: "Robot & Cobot Systems", href: "/" },
-        { label: "Packaging Machinery", href: "/" },
-        { label: "Smart Gate Systems", href: "/" },
-        { label: "Custom Engineering", href: "/" },
+      title: "Solutions",      items: [
+        { label: "Industrial Automation", href: "/services" },
+        { label: "Robot & Cobot Systems", href: "/services" },
+        { label: "Packaging Machinery", href: "/services" },
+        { label: "Smart Gate Systems", href: "/services" },
+        { label: "Custom Engineering", href: "/services" },
       ],
     },
     {
-      title: "Company",
-      items: [
+      title: "Company",      items: [
         { label: "About Us", href: "/about" },
         { label: "Projects & Portfolio", href: "/" },
-        { label: "Blog & Articles", href: "/" },
+        { label: "Services", href: "/services" },
         { label: "Careers", href: "/" },
         { label: "Contact", href: "/contact" },
       ],
     },
     {
-      title: "Resources",
-      items: [
+      title: "Resources",      items: [
         { label: "Case Studies", href: "/" },
         { label: "Technical Documentation", href: "/" },
         { label: "Support Portal", href: "/" },
@@ -51,8 +49,7 @@ export default function AboutPage() {
       ],
     },
     {
-      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" },
@@ -80,72 +77,71 @@ export default function AboutPage() {
           brandName="Milestones Technologies"
           navItems={navItems}
           button={{
-            text: "Request Quote",
-            href: "/contact",
-          }}
+            text: "Request Quote",            href: "/contact"}}
         />
       </div>
 
-      <div id="about" data-section="about">
-        <TestimonialAboutCard
-          tag="ABOUT MILESTONES TECHNOLOGIES"
-          tagIcon={Building2}
+      <div id="hero" data-section="hero">
+        <HeroBillboardGallery
+          title="About Milestones Technologies"
+          description="We are Thailand's leading automation partner, dedicated to transforming industrial operations and smart living through innovative technology, expert engineering, and unwavering commitment to customer success."
+          tag="OUR STORY"
+          tagIcon={Zap}
           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={Building2}
-          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/milestones-technologies-modern-facility--1773981137018-c41797de.png?_wi=1"
-          imageAlt="Milestones Technologies modern facility exterior and interior. State-of-the-art engineering lab with"
-          mediaAnimation="slide-up"
+          buttons={[
+            {
+              text: "Explore Our Services",              href: "/services"},
+            {
+              text: "Contact Us",              href: "/contact"},
+          ]}
+          buttonAnimation="slide-up"
+          background={{ variant: "animated-grid" }}
+          mediaItems={[
+            {
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-engineering-team-working-on-1773981131698-7cf7cd5d.png?_wi=1",              imageAlt: "Milestones Technologies engineering team working on automation projects"},
+          ]}
+          mediaAnimation="blur-reveal"
+        />
+      </div>
+
+      <div id="about-metrics" data-section="about-metrics">
+        <MetricSplitMediaAbout
+          tag="WHO WE ARE"
+          tagIcon={Award}
+          tagAnimation="slide-up"
+          title="Building Excellence for Over 15 Years"
+          description="Founded in 2009, Milestones Technologies has grown to become Southeast Asia's most trusted automation partner. We combine deep technical expertise, proven engineering capabilities, and an unwavering commitment to customer success. Our team of experienced professionals has successfully delivered over 500 projects across industrial automation, robotics, packaging machinery, smart gates, and custom engineering solutions."
+          metrics={[
+            { value: "15+", title: "Years of Experience" },
+            { value: "500+", title: "Projects Delivered" },
+            { value: "98%", title: "Customer Satisfaction" },
+            { value: "24/7", title: "Support Available" },
+          ]}
+          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/complete-industrial-automation-installa-1773981131997-d20ced9d.png"
+          imageAlt="Milestones Technologies completed automation installation"
+          mediaAnimation="blur-reveal"
+          metricsAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="why-choose-us" data-section="why-choose-us">
-        <MetricCardEleven
-          tag="OUR COMMITMENT TO EXCELLENCE"
-          tagIcon={Award}
+      <div id="values" data-section="values">
+        <FeatureCardTwentyFour
+          tag="OUR VALUES"
+          tagIcon={Target}
           tagAnimation="slide-up"
-          title="Driving Industrial Innovation Since 2009"
-          description="With over 15 years of experience and 500+ successful projects, we've established ourselves as the trusted partner for automation excellence across Southeast Asia. Our commitment to quality, innovation, and customer success drives everything we do."
-          metrics={[
+          title="Principles That Drive Our Success"
+          description="Our core values guide every decision we make and every solution we deliver. We are committed to innovation, reliability, integrity, and customer-centric excellence."
+          features={[
             {
-              id: "experience",
-              value: "15+",
-              title: "Years of Expertise",
-              description: "Pioneering automation solutions since 2009 across diverse industries",
-            },
+              id: "innovation",              title: "Innovation & Technology",              author: "Forward Thinking",              description: "We continuously invest in cutting-edge technology and innovative solutions to keep our clients ahead of the curve. Our engineering team stays at the forefront of automation advancement.",              tags: ["Technology", "R&D", "Innovation"],
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/advanced-collaborative-robot-with-articu-1773981131004-a16eab70.png?_wi=1",              imageAlt: "Cutting-edge collaborative robots and automation technology"},
             {
-              id: "engineers",
-              value: "50+",
-              title: "Expert Engineers",
-              description: "Dedicated team of specialists with deep technical and industry knowledge",
-            },
+              id: "reliability",              title: "Reliability & Quality",              author: "Proven Performance",              description: "Every system we deliver is engineered for reliability and durability. We maintain rigorous quality standards and provide comprehensive testing to ensure peak performance.",              tags: ["Quality", "Standards", "Durability"],
+              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 systems showcasing quality engineering"},
             {
-              id: "clients",
-              value: "200+",
-              title: "Active Clients",
-              description: "Long-term partnerships with leading manufacturers and businesses",
-            },
-            {
-              id: "technology",
-              value: "100%",
-              title: "Advanced Technology",
-              description: "Latest automation platforms, robotics, and control systems integration",
-            },
-            {
-              id: "quality",
-              value: "ISO",
-              title: "Certified Quality",
-              description: "ISO 9001 and international standards compliance for all projects",
-            },
-            {
-              id: "support",
-              value: "24/7",
-              title: "Round-the-Clock Support",
-              description: "Dedicated technical support team ensuring zero downtime operations",
-            },
+              id: "partnership",              title: "Customer Partnership",              author: "Mutual Success",              description: "We view our clients as partners in success. Our team provides personalized support, customized solutions, and proactive guidance to maximize your operational excellence.",              tags: ["Support", "Partnership", "Success"],
+              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 engineering solutions developed in partnership with clients"},
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -153,19 +149,55 @@ export default function AboutPage() {
         />
       </div>
 
-      <div id="cta-about" data-section="cta-about">
+      <div id="team" data-section="team">
+        <MetricCardEleven
+          tag="OUR TEAM"
+          tagIcon={Users}
+          tagAnimation="slide-up"
+          title="Expert Professionals Dedicated to Excellence"
+          description="Our team comprises experienced engineers, automation specialists, project managers, and technical support professionals united by a passion for delivering exceptional results."
+          metrics={[
+            {
+              id: "engineers",              value: "50+",              title: "Automation Engineers",              description: "Highly skilled professionals with expertise in industrial automation, robotics, and control systems"},
+            {
+              id: "technicians",              value: "30+",              title: "Technical Specialists",              description: "Certified technicians providing installation, commissioning, and maintenance services"},
+            {
+              id: "support",              value: "24/7",              title: "Round-the-Clock Support",              description: "Dedicated support team ensuring zero downtime and rapid response to any technical needs"},
+            {
+              id: "innovation",              value: "15",              title: "Years Average Experience",              description: "Our team brings decades of combined expertise in automation and engineering solutions"},
+          ]}
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="testimonial" data-section="testimonial">
+        <TestimonialCardFifteen
+          testimonial="Milestones Technologies is more than a vendor—they're a strategic partner in our operational success. Their expertise, professionalism, and commitment to our long-term growth make them invaluable. We trust them completely and recommend them without hesitation to any organization seeking automation excellence."
+          rating={5}
+          author="Niran Suksomtree, Managing Director - Bangkok Food Processing"
+          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"},
+          ]}
+          ratingAnimation="slide-up"
+          avatarsAnimation="slide-up"
+          useInvertedBackground={false}
+        />
+      </div>
+
+      <div id="cta" data-section="cta">
         <ContactText
-          text="Discover how Milestones Technologies can transform your manufacturing operations. Schedule a consultation with our automation experts today."
+          text="Ready to partner with Thailand's leading automation expert? Let's discuss how Milestones Technologies can transform your operations."
           background={{ variant: "animated-grid" }}
           buttons={[
             {
-              text: "Schedule Consultation",
-              href: "/contact",
-            },
+              text: "Schedule a Consultation",              href: "/contact"},
             {
-              text: "Learn More",
-              href: "/",
-            },
+              text: "Get in Touch",              href: "tel:+6621234567"},
           ]}
           useInvertedBackground={false}
         />