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

---
 src/app/about/page.tsx | 123 +++++++++++++++++------------------------
 1 file changed, 52 insertions(+), 71 deletions(-)

diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
index f0f6dad..3f20100 100644
--- a/src/app/about/page.tsx
+++ b/src/app/about/page.tsx
@@ -3,20 +3,21 @@
 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 TextAbout from "@/components/sections/about/TextAbout";
 import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
-import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
+import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
 import ContactText from "@/components/sections/contact/ContactText";
 import FooterBase from "@/components/sections/footer/FooterBase";
-import { Briefcase, Target, Users, Award, Heart, Zap } from "lucide-react";
+import { Zap, Award, Users, Lightbulb } from "lucide-react";
 
 export default function AboutPage() {
   const navItems = [
-    { name: "Home", id: "/" },
-    { name: "About", id: "/about" },
-    { name: "Solutions", id: "/solutions" },
-    { name: "Services", id: "/services" },
+    { 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" },
   ];
 
@@ -33,6 +34,7 @@ export default function AboutPage() {
     {
       title: "Company",      items: [
         { label: "About Us", href: "/about" },
+        { label: "Our Services", href: "/services" },
         { label: "Projects & Portfolio", href: "/" },
         { label: "Blog & Articles", href: "/" },
         { label: "Careers", href: "/" },
@@ -84,86 +86,67 @@ export default function AboutPage() {
       <div id="hero" data-section="hero">
         <HeroBillboardGallery
           title="About Milestones Technologies"
-          description="For over 15 years, we've been Southeast Asia's trusted partner in industrial automation, robotics, and smart systems. Our mission is to transform businesses through cutting-edge automation technology and exceptional engineering excellence."
+          description="Leading provider of industrial automation and engineering solutions in Southeast Asia. For over 15 years, we've been transforming factories and businesses through innovative automation technology, expert engineering, and unwavering commitment to customer success."
           tag="OUR STORY"
-          tagIcon={Briefcase}
+          tagIcon={Zap}
           tagAnimation="slide-up"
           buttons={[
             {
-              text: "Get In Touch",              href: "/contact"},
+              text: "Learn More",              href: "#vision"},
             {
-              text: "View Projects",              href: "/"},
+              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 team collaborating on automation projects"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-engineering-team-working-on-1773981131698-7cf7cd5d.png?_wi=1",              imageAlt: "Professional engineering team working on automation projects"},
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/completed-industrial-automation-installa-1773981131997-d20ced9d.png?_wi=1",              imageAlt: "State-of-the-art automation facility"},
+              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/completed-industrial-automation-installa-1773981131997-d20ced9d.png",              imageAlt: "Completed industrial automation installations"},
             {
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/industrial-robot-arm-performing-precise--1773981130354-3aca37a1.png?_wi=1",              imageAlt: "Advanced robotic systems in operation"},
-            {
-              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 robotics solutions"},
-            {
-              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: "Smart gate and access control systems"},
-            {
-              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: "Advanced packaging machinery solutions"},
+              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 automation in action"},
           ]}
           mediaAnimation="blur-reveal"
         />
       </div>
 
-      <div id="mission-vision" data-section="mission-vision">
-        <FeatureCardTwentyFour
-          tag="COMPANY VALUES"
-          tagIcon={Target}
+      <div id="vision" data-section="vision">
+        <TextAbout
+          tag="OUR VISION & MISSION"
+          tagIcon={Lightbulb}
           tagAnimation="slide-up"
-          title="Our Mission & Vision"
-          description="We are committed to delivering innovative automation solutions that create lasting value for our clients. Our values guide everything we do."
-          features={[
+          title="Transforming Industries Through Innovation & Expertise. Our mission is to empower businesses with cutting-edge automation technology that drives efficiency, profitability, and sustainable growth. We believe in building long-term partnerships based on trust, technical excellence, and genuine commitment to our clients' success."
+          buttons={[
             {
-              id: "mission",              title: "Our Mission",              author: "Core Purpose",              description: "To empower businesses across Southeast Asia with advanced automation technology that enhances efficiency, reliability, and profitability. We design solutions that adapt to unique operational needs and scale with business growth.",              tags: ["Innovation", "Excellence", "Reliability"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/industrial-automation-control-system-wit-1773981131808-cf06236c.png?_wi=1",              imageAlt: "Advanced automation control systems"},
+              text: "Explore Solutions",              href: "/solutions"},
             {
-              id: "vision",              title: "Our Vision",              author: "Future Goals",              description: "To be the leading innovation partner for industrial transformation in Southeast Asia, recognized for technical excellence, customer success, and sustainable engineering practices. We envision factories and businesses operating at peak efficiency through intelligent automation.",              tags: ["Leadership", "Innovation", "Sustainability"],
-              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 smart automation solutions"},
-            {
-              id: "values",              title: "Core Values",              author: "What We Stand For",              description: "We operate with integrity, prioritize customer success, embrace continuous innovation, and maintain the highest technical standards. Our team is dedicated to building long-term partnerships based on trust and demonstrated results.",              tags: ["Integrity", "Partnership", "Excellence"],
-              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-engineering-team-working-on-1773981131698-7cf7cd5d.png?_wi=1",              imageAlt: "Professional engineering team collaboration"},
-            {
-              id: "commitment",              title: "Client Commitment",              author: "Our Promise",              description: "Every project receives dedicated technical expertise, transparent communication, and comprehensive support. From initial consultation through installation and ongoing maintenance, we're invested in your success and operational excellence.",              tags: ["Support", "Transparency", "Quality"],
-              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 and implementation"},
-            {
-              id: "innovation",              title: "Continuous Innovation",              author: "Staying Ahead",              description: "We invest heavily in research and development to stay at the forefront of automation technology. Our team continuously evaluates new robotics platforms, control systems, and industry best practices to bring cutting-edge solutions to our clients.",              tags: ["Technology", "R&D", "Future-Ready"],
-              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 robotics"},
+              text: "View Projects",              href: "#"},
           ]}
-          animationType="slide-up"
-          textboxLayout="default"
+          buttonAnimation="slide-up"
           useInvertedBackground={false}
         />
       </div>
 
-      <div id="company-metrics" data-section="company-metrics">
+      <div id="achievements" data-section="achievements">
         <MetricCardEleven
-          tag="BY THE NUMBERS"
+          tag="OUR ACHIEVEMENTS"
           tagIcon={Award}
           tagAnimation="slide-up"
-          title="Milestones Technologies Impact"
-          description="Our track record speaks to our commitment to excellence and customer success in industrial automation."
+          title="Building Success Across Thailand and Southeast Asia"
+          description="Over 15 years of proven excellence in industrial automation, with a track record of delivering transformative solutions to leading companies."
           metrics={[
             {
-              id: "years",              value: "15+",              title: "Years in Operation",              description: "Serving Southeast Asian manufacturers since 2009 with expertise and dedication"},
+              id: "experience",              value: "15+",              title: "Years in Business",              description: "Established in 2009, serving the automation industry since inception"},
             {
-              id: "clients",              value: "200+",              title: "Active Clients",              description: "Trusted partnerships across manufacturing, food processing, pharmaceuticals, and more"},
+              id: "projects",              value: "500+",              title: "Projects Delivered",              description: "Successful installations across manufacturing, logistics, and smart properties"},
             {
-              id: "projects",              value: "500+",              title: "Projects Completed",              description: "Successful installations from concept through ongoing support and optimization"},
+              id: "team",              value: "80+",              title: "Expert Team Members",              description: "Engineers, technicians, and support specialists dedicated to excellence"},
             {
-              id: "team",              value: "120+",              title: "Engineering Professionals",              description: "Dedicated experts in automation, robotics, electrical systems, and custom engineering"},
+              id: "clients",              value: "200+",              title: "Satisfied Clients",              description: "Long-term partnerships with industry leaders across multiple sectors"},
             {
-              id: "uptime",              value: "99.2%",              title: "System Uptime",              description: "Industry-leading operational reliability across all deployed automation systems"},
+              id: "uptime",              value: "99.8%",              title: "System Uptime",              description: "Industry-leading reliability in deployed automation systems"},
             {
-              id: "satisfaction",              value: "98%",              title: "Client Satisfaction",              description: "Consistently high satisfaction ratings reflecting our commitment to excellence"},
+              id: "countries",              value: "5",              title: "Countries Served",              description: "Expanding presence throughout Southeast Asia and beyond"},
           ]}
           animationType="slide-up"
           textboxLayout="default"
@@ -172,35 +155,33 @@ export default function AboutPage() {
       </div>
 
       <div id="testimonials" data-section="testimonials">
-        <TestimonialCardFifteen
-          testimonial="Working with Milestones Technologies was a transformative experience for our organization. Their team brought not only technical expertise but also a genuine commitment to understanding our business needs. The automation solutions they implemented exceeded our expectations, and their ongoing support ensures we continue to maximize our investment. They're true partners in our success."
-          rating={5}
-          author="Porntip Simsiri, CEO - Bangkok Food Processing Co."
-          avatars={[
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-female-pro-1773981130978-eb2d4e1c.png",              alt: "Porntip Simsiri"},
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-male-execu-1773981130512-3b9ae1e1.png",              alt: "Executive Team Member"},
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-male-facto-1773981130089-2c759151.png",              alt: "Operations Manager"},
-            {
-              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-male-busin-1773981131172-a7325777.png",              alt: "Engineering Lead"},
-          ]}
-          ratingAnimation="slide-up"
-          avatarsAnimation="slide-up"
+        <TestimonialCardTen
+          title="What Our Clients Say"
+          description="Real stories from industry leaders who've transformed their operations with Milestones Technologies solutions."
+          textboxLayout="default"
           useInvertedBackground={false}
+          tag="CLIENT TESTIMONIALS"
+          tagAnimation="slide-up"
+          testimonials={[
+            {
+              id: "testimonial-1",              title: "Game-Changing Partner",              quote: "Milestones Technologies completely transformed our manufacturing operations. Their expertise, professionalism, and genuine commitment to our success made all the difference. Within months, we saw dramatic improvements in efficiency and product quality.",              name: "Somchai Thaichai",              role: "Operations Director, Thai Automotive Group",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-male-execu-1773981130512-3b9ae1e1.png"},
+            {
+              id: "testimonial-2",              title: "Trusted Innovation",              quote: "We've partnered with Milestones for multiple projects. Their innovative solutions combined with reliable support has consistently exceeded our expectations. They truly understand our business and deliver results.",              name: "Niran Suksomtree",              role: "Plant Manager, Bangkok Food Processing",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-male-facto-1773981130089-2c759151.png"},
+            {
+              id: "testimonial-3",              title: "Exceptional Service",              quote: "From initial consultation through implementation and beyond, Milestones Technologies demonstrated exceptional technical knowledge and customer care. Their team is responsive, knowledgeable, and truly invested in our success.",              name: "Wanida Kachuay",              role: "Supply Chain Director, Southeast Electronics",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-female-pro-1773981130978-eb2d4e1c.png"},
+          ]}
         />
       </div>
 
       <div id="cta" data-section="cta">
         <ContactText
-          text="Discover how Milestones Technologies can transform your operations. Schedule a consultation with our automation experts today."
+          text="Ready to partner with Thailand's leading automation experts? Contact us today to discuss how we can transform your operations."
           background={{ variant: "animated-grid" }}
           buttons={[
             {
-              text: "Schedule Consultation",              href: "/contact"},
+              text: "Get in Touch",              href: "/contact"},
             {
-              text: "Call Us",              href: "tel:+6621234567"},
+              text: "Call +66 2 123 4567",              href: "tel:+6621234567"},
           ]}
           useInvertedBackground={false}
         />