bender/96fc240c-a7b7-48fe-9b89-cbe65bf2b720
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge version_2 into main #7

Merged
bender merged 6 commits from version_2 into main 2026-03-20 04:39:38 +00:00
Conversation 0 Commits 6 Files Changed 6 +866 -539
6 changed files with 866 additions and 539 deletions
Download Patch File Download Diff File Expand all files Collapse all files

200
src/app/about/page.tsx
View File

@@ -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}
/>

252
src/app/page.tsx
View File

@@ -19,15 +19,14 @@ export default function HomePage() {
{ 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" },
@@ -36,18 +35,16 @@ export default function HomePage() {
],
},
{
title: "Company",
items: [
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Projects & Portfolio", href: "/" },
{ label: "Blog & Articles", href: "/" },
{ label: "Projects & Portfolio", href: "/projects" },
{ label: "Blog & Articles", href: "/blog" },
{ 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: "/" },
@@ -56,8 +53,7 @@ export default function HomePage() {
],
},
{
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" },
@@ -85,9 +81,7 @@ export default function HomePage() {
brandName="Milestones Technologies"
navItems={navItems}
button={{
text: "Request Quote",
href: "/contact",
}}
text: "Request Quote", href: "/contact"}}
/>
</div>
@@ -100,41 +94,25 @@ export default function HomePage() {
tagAnimation="slide-up"
buttons={[
{
text: "Request a Quote",
href: "/contact",
},
text: "Request a Quote", href: "/contact"},
{
text: "Explore Solutions",
href: "/",
},
text: "Explore Solutions", href: "/"},
]}
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 on factory floor. Modern manufacturing facility wit",
},
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 wit"},
{
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: "High-speed packaging machinery in operation. Colorful packaged products moving through conveyor syst",
},
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: "High-speed packaging machinery in operation. Colorful packaged products moving through conveyor syst"},
{
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 control system display with digital interface showing access control and security feature",
},
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 control system display with digital interface showing access control and security feature"},
{
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 w",
},
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 w"},
{
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 factory automation project. Engineers examining blueprints ",
},
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 factory automation project. Engineers examining blueprints "},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/completed-industrial-automation-installa-1773981131997-d20ced9d.png",
imageAlt: "Completed industrial automation installation showcasing integrated systems. Multiple conveyor lines,",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/completed-industrial-automation-installa-1773981131997-d20ced9d.png", imageAlt: "Completed industrial automation installation showcasing integrated systems. Multiple conveyor lines,"},
]}
mediaAnimation="blur-reveal"
/>
@@ -149,50 +127,20 @@ export default function HomePage() {
description="We deliver five core solution categories designed to address the specific needs of factories, warehouses, and smart properties. Each solution is engineered for reliability, scalability, and long-term performance."
features={[
{
id: "industrial-automation",
title: "Industrial Automation Systems",
author: "Manufacturing Excellence",
description: "End-to-end automation solutions for production lines, assembly processes, and manufacturing workflows. Increase productivity by up to 40% with our integrated control systems and real-time monitoring.",
tags: ["Production Lines", "Assembly", "Monitoring"],
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 system with PLC controllers, variable frequency drives, and wiring. Cl",
},
id: "industrial-automation", title: "Industrial Automation Systems", author: "Manufacturing Excellence", description: "End-to-end automation solutions for production lines, assembly processes, and manufacturing workflows. Increase productivity by up to 40% with our integrated control systems and real-time monitoring.", tags: ["Production Lines", "Assembly", "Monitoring"],
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 system with PLC controllers, variable frequency drives, and wiring. Cl"},
{
id: "robot-cobot",
title: "Robot & Cobot Automation",
author: "Precision Robotics",
description: "Cutting-edge robotic and collaborative robot solutions for precise, repetitive tasks. Perfect for warehousing, assembly, material handling, and specialized manufacturing applications.",
tags: ["Robotics", "Cobots", "Material Handling"],
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 d",
},
id: "robot-cobot", title: "Robot & Cobot Automation", author: "Precision Robotics", description: "Cutting-edge robotic and collaborative robot solutions for precise, repetitive tasks. Perfect for warehousing, assembly, material handling, and specialized manufacturing applications.", tags: ["Robotics", "Cobots", "Material Handling"],
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 d"},
{
id: "packaging-machinery",
title: "Packaging Machinery Solutions",
author: "Production Optimization",
description: "Advanced packaging systems for food, pharmaceutical, and consumer goods industries. High-speed, reliable packaging with quality control integration.",
tags: ["Packaging", "Quality Control", "High-Speed"],
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: "State-of-the-art automatic packaging system with multiple stations. Products being filled, sealed, a",
},
id: "packaging-machinery", title: "Packaging Machinery Solutions", author: "Production Optimization", description: "Advanced packaging systems for food, pharmaceutical, and consumer goods industries. High-speed, reliable packaging with quality control integration.", tags: ["Packaging", "Quality Control", "High-Speed"],
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: "State-of-the-art automatic packaging system with multiple stations. Products being filled, sealed, a"},
{
id: "smart-gate",
title: "Smart Gate & Access Systems",
author: "Security & Convenience",
description: "Premium automatic gate solutions for residential, commercial, and industrial properties. Includes remote control, RFID integration, and advanced security features for modern smart living.",
tags: ["Smart Gates", "Access Control", "Security"],
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 premium automatic sliding gate with remote control and RFID reader. Beautiful residential or ",
},
id: "smart-gate", title: "Smart Gate & Access Systems", author: "Security & Convenience", description: "Premium automatic gate solutions for residential, commercial, and industrial properties. Includes remote control, RFID integration, and advanced security features for modern smart living.", tags: ["Smart Gates", "Access Control", "Security"],
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 premium automatic sliding gate with remote control and RFID reader. Beautiful residential or "},
{
id: "custom-engineering",
title: "Custom Engineering Solutions",
author: "Tailored Innovation",
description: "Bespoke automation and engineering solutions designed specifically for your unique operational requirements. From concept to implementation and ongoing support.",
tags: ["Engineering", "Customization", "Support"],
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 engineered automation solution being installed at client site. Unique integrated system combi",
},
id: "custom-engineering", title: "Custom Engineering Solutions", author: "Tailored Innovation", description: "Bespoke automation and engineering solutions designed specifically for your unique operational requirements. From concept to implementation and ongoing support.", tags: ["Engineering", "Customization", "Support"],
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 engineered automation solution being installed at client site. Unique integrated system combi"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -209,41 +157,17 @@ export default function HomePage() {
description="We combine technical expertise, proven track record, and customer-centric approach to deliver automation solutions that transform operations and drive business growth."
metrics={[
{
id: "experience",
value: "15+",
title: "Years of Experience",
description: "Trusted by factories and businesses across Southeast Asia since 2009",
},
id: "experience", value: "15+", title: "Years of Experience", description: "Trusted by factories and businesses across Southeast Asia since 2009"},
{
id: "projects",
value: "500+",
title: "Projects Completed",
description: "Successful installations and implementations across all solution categories",
},
id: "projects", value: "500+", title: "Projects Completed", description: "Successful installations and implementations across all solution categories"},
{
id: "efficiency",
value: "40%",
title: "Average Productivity Increase",
description: "Clients report significant efficiency gains within first 6 months",
},
id: "efficiency", value: "40%", title: "Average Productivity Increase", description: "Clients report significant efficiency gains within first 6 months"},
{
id: "satisfaction",
value: "98%",
title: "Client Satisfaction Rate",
description: "Industry-leading customer satisfaction and long-term partnerships",
},
id: "satisfaction", value: "98%", title: "Client Satisfaction Rate", description: "Industry-leading customer satisfaction and long-term partnerships"},
{
id: "support",
value: "24/7",
title: "Technical Support",
description: "Round-the-clock support team to ensure zero downtime operations",
},
id: "support", value: "24/7", title: "Technical Support", description: "Round-the-clock support team to ensure zero downtime operations"},
{
id: "roi",
value: "8-12",
title: "Month ROI Timeline",
description: "Most clients achieve return on investment within 8-12 months",
},
id: "roi", value: "8-12", title: "Month ROI Timeline", description: "Most clients achieve return on investment within 8-12 months"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -260,65 +184,23 @@ export default function HomePage() {
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=1",
imageAlt: "Complete automotive assembly line with multiple robotic arms working in sequence. Complex multi-stat",
},
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-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-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-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-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-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 "},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
@@ -335,25 +217,9 @@ export default function HomePage() {
title="Trusted by Thailand's Leading Companies"
description="Milestones Technologies is the preferred automation partner for major manufacturers, food processors, chemical plants, and property developers across Southeast Asia."
names={[
"Thai Automotive Group",
"Bangkok Food Processing",
"Southeast Electronics Corp",
"Thai Chemical Industries",
"Bangkok Pharmaceutical",
"Thai Packaging Solutions",
"Regional Warehousing Co",
"Bangkok Property Developers",
]}
"Thai Automotive Group", "Bangkok Food Processing", "Southeast Electronics Corp", "Thai Chemical Industries", "Bangkok Pharmaceutical", "Thai Packaging Solutions", "Regional Warehousing Co", "Bangkok Property Developers"]}
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/food-processing-company-professional-log-1773981131364-3e0f1b67.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/packaging-solutions-company-professional-1773981131039-83d43e45.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/real-estate-and-property-development-com-1773981130307-dd93d586.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/food-processing-company-professional-log-1773981131364-3e0f1b67.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/packaging-solutions-company-professional-1773981131039-83d43e45.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/real-estate-and-property-development-com-1773981130307-dd93d586.png"]}
textboxLayout="default"
useInvertedBackground={false}
showCard={true}
@@ -368,21 +234,13 @@ export default function HomePage() {
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-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-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-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-busin-1773981131172-a7325777.png", alt: "Pattarapol Moonkhan"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
@@ -396,13 +254,9 @@ export default function HomePage() {
background={{ variant: "animated-grid" }}
buttons={[
{
text: "Request a Free Consultation",
href: "/contact",
},
text: "Request a Free Consultation", href: "/contact"},
{
text: "Call Us Now",
href: "tel:+6621234567",
},
text: "Call Us Now", href: "tel:+6621234567"},
]}
useInvertedBackground={false}
/>

252
src/app/projects/page.tsx
View File

@@ -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>

222
src/app/services/page.tsx Normal file
View File

@@ -0,0 +1,222 @@
"use client";
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 ContactText from "@/components/sections/contact/ContactText";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Zap, Lightbulb, CheckCircle, BarChart3 } from "lucide-react";
export default function ServicesPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "About", id: "/about" },
{ name: "Services", id: "/services" },
{ name: "Projects", id: "projects" },
{ name: "Contact", id: "/contact" },
];
const footerColumns = [
{
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: [
{ label: "About Us", href: "/about" },
{ label: "Projects & Portfolio", href: "/" },
{ label: "Services", href: "/services" },
{ 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="Our Complete Service Portfolio"
description="Explore our comprehensive range of automation and engineering services. From industrial automation to smart gate systems, we deliver tailored solutions that drive efficiency, reliability, and growth for your business."
tag="OUR SERVICES"
tagIcon={Zap}
tagAnimation="slide-up"
buttons={[
{
text: "Request Consultation", href: "/contact"},
{
text: "View Case Studies", href: "/"},
]}
buttonAnimation="slide-up"
background={{ variant: "animated-grid" }}
mediaItems={[
{
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 and machinery"},
{
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: "Automatic packaging systems in operation"},
]}
mediaAnimation="blur-reveal"
/>
</div>
<div id="services-detail" data-section="services-detail">
<FeatureCardTwentyFour
tag="CORE SERVICE OFFERINGS"
tagIcon={Lightbulb}
tagAnimation="slide-up"
title="Five Comprehensive Solution Categories"
description="We specialize in five core areas of automation and engineering, each designed to address specific industry needs. Every service includes consultation, design, implementation, and ongoing support."
features={[
{
id: "industrial-automation", title: "Industrial Automation Systems", author: "Manufacturing Excellence", description: "Complete automation solutions for production lines, assembly processes, and manufacturing workflows. We design and implement integrated control systems using PLCs, variable frequency drives, and real-time monitoring. Typical results include 40% productivity gains and significantly reduced defects.", tags: ["PLC Control", "Production Lines", "Real-time Monitoring"],
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 with PLC and drives"},
{
id: "robot-cobot", title: "Robot & Cobot Automation", author: "Precision Robotics", description: "Cutting-edge robotic and collaborative robot solutions for precise, repetitive tasks. Our services include system design, programming, integration, and operator training. Perfect for warehousing, assembly, material handling, and specialized manufacturing applications. We provide both traditional industrial robots and safe, flexible cobots.", tags: ["Robotics", "Cobots", "Material Handling"],
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 robots performing complex tasks"},
{
id: "packaging-machinery", title: "Packaging Machinery Solutions", author: "Production Optimization", description: "Advanced packaging systems for food, pharmaceutical, and consumer goods industries. We provide high-speed, reliable packaging with integrated quality control. Services include system selection, customization, installation, and comprehensive operator training and support.", tags: ["Packaging", "QC Integration", "High-Speed Systems"],
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: "Automatic packaging system with multiple processing stations"},
{
id: "smart-gate", title: "Smart Gate & Access Systems", author: "Security & Convenience", description: "Premium automatic gate solutions for residential, commercial, and industrial properties. Includes remote control, RFID integration, advanced security features, and mobile app control. We handle design consultation, installation, integration with existing systems, and ongoing maintenance.", tags: ["Smart Gates", "Access Control", "Security"],
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 automatic sliding gate with remote control"},
{
id: "custom-engineering", title: "Custom Engineering Solutions", author: "Tailored Innovation", description: "Bespoke automation and engineering solutions designed specifically for your unique operational requirements. From initial concept and design through implementation and ongoing support, we create integrated systems that perfectly match your business needs.", tags: ["Custom Design", "Integration", "Support"],
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 engineered automation solution being installed"},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="service-process" data-section="service-process">
<MetricCardEleven
tag="OUR PROCESS"
tagIcon={BarChart3}
tagAnimation="slide-up"
title="Structured Approach to Automation Excellence"
description="We follow a proven methodology that ensures your project succeeds from start to finish. Each phase is carefully managed with clear timelines, transparent communication, and measurable results."
metrics={[
{
id: "consultation", value: "1", title: "Consultation & Assessment", description: "We analyze your operations, identify automation opportunities, and discuss your goals and budget."},
{
id: "design", value: "2", title: "Design & Planning", description: "Our engineers develop detailed technical specifications, 3D designs, and implementation timelines for your approval."},
{
id: "implementation", value: "3", title: "Implementation & Installation", description: "Expert technicians install, configure, and integrate systems with minimal disruption to operations."},
{
id: "training", value: "4", title: "Training & Handover", description: "Comprehensive operator training and documentation ensure your team can maximize system capabilities."},
{
id: "support", value: "5", title: "Support & Optimization", description: "24/7 technical support and proactive optimization ensure continued peak performance and ROI."},
{
id: "maintenance", value: "6", title: "Maintenance Contracts", description: "Ongoing maintenance and upgrade services keep your systems running smoothly for years to come."},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="benefits" data-section="benefits">
<ProductCardTwo
tag="WHY CHOOSE OUR SERVICES"
tagIcon={CheckCircle}
tagAnimation="slide-up"
title="Measurable Benefits & Results"
description="When you partner with Milestones Technologies, you gain access to proven expertise and comprehensive services designed to transform your operations."
products={[
{
id: "benefit-1", brand: "Efficiency", name: "Average Productivity Increase", price: "Up to 40%", rating: 5,
reviewCount: "500+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/complete-industrial-automation-installa-1773981131997-d20ced9d.png?_wi=1", imageAlt: "Efficient automated production line"},
{
id: "benefit-2", brand: "ROI Timeline", name: "Return on Investment", price: "8-12 Months", rating: 5,
reviewCount: "450+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/industrial-robot-arm-performing-precise--1773981130354-3aca37a1.png?_wi=1", imageAlt: "Precision robotic assembly"},
{
id: "benefit-3", brand: "Quality", name: "Defect Reduction", price: "Up to 50%", rating: 5,
reviewCount: "480+", 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: "High-quality packaging system"},
{
id: "benefit-4", brand: "Satisfaction", name: "Client Satisfaction Rate", price: "98%", rating: 5,
reviewCount: "460+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/warehouse-with-collaborative-robots-mana-1773981131081-518034f7.png?_wi=1", imageAlt: "Satisfied client warehouse operation"},
{
id: "benefit-5", brand: "Downtime", name: "System Uptime Guarantee", price: "99.7%", rating: 5,
reviewCount: "420+", 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 technical support team"},
{
id: "benefit-6", brand: "Support", name: "Round-the-Clock Assistance", price: "24/7/365", rating: 5,
reviewCount: "490+", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/luxury-residential-complex-entrance-with-1773981131885-7d86d7ce.png?_wi=1", imageAlt: "Smart gate access system with support"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="cta" data-section="cta">
<ContactText
text="Ready to transform your operations with professional automation services? Contact our team today for a free consultation and custom proposal."
background={{ variant: "animated-grid" }}
buttons={[
{
text: "Request Free Consultation", href: "/contact"},
{
text: "Schedule a Site Visit", href: "tel:+6621234567"},
]}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Milestones Technologies"
copyrightText="© 2025 Milestones Technologies. All rights reserved."
columns={footerColumns}
/>
</div>
</ThemeProvider>
);
}

263
src/app/solutions/page.tsx
View File

@@ -1,63 +1,64 @@
"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 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 { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Cog, Building2, Lightbulb, Award } from "lucide-react";
import { Zap, Lightbulb, Award, CheckCircle, Shield } from "lucide-react";
export default function SolutionsPage() {
const navItems = [
{ name: "Home", id: "home" },
{ name: "About", id: "about" },
{ name: "Solutions", id: "solutions" },
{ name: "Projects", id: "projects" },
{ name: "Blog", id: "blog" },
{ name: "Home", id: "/" },
{ name: "Solutions", id: "/solutions" },
{ name: "Waste Management", id: "/waste-management" },
{ name: "Plastic Solutions", id: "/plastic-solution" },
{ name: "Plastic Recycle", id: "/plastic-recycle" },
{ name: "Windows & Doors", id: "/window-door" },
{ name: "Robot Cobot", id: "/robot-cobot-automation" },
{ 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" },
{ label: "Smart Gate Systems", href: "/solutions" },
{ label: "Robot & Cobot Systems", href: "/robot-cobot-automation" },
{ label: "Plastic Solutions", href: "/plastic-solution" },
{ label: "Waste Management", href: "/waste-management" },
{ label: "Custom Engineering", href: "/solutions" },
],
},
{
title: "Company",
items: [
{ label: "About Us", href: "/" },
{ label: "Projects & Portfolio", href: "/projects" },
title: "Company", items: [
{ label: "About Us", href: "/about" },
{ label: "Projects & Portfolio", href: "/" },
{ label: "Blog & Articles", href: "/" },
{ label: "Careers", href: "#" },
{ label: "Contact", 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: "/" },
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: "/" },
],
},
];
@@ -80,81 +81,58 @@ export default function SolutionsPage() {
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={Building2}
<div id="hero" data-section="hero">
<HeroBillboardGallery
title="Industrial Automation Solutions"
description="Comprehensive industrial automation systems designed to streamline your manufacturing operations. Our end-to-end solutions cover production lines, assembly processes, and integrated manufacturing workflows."
tag="INDUSTRIAL AUTOMATION SOLUTIONS"
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={Cog}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/milestones-technologies-modern-facility--1773981137018-c41797de.png?_wi=2"
imageAlt="Milestones Technologies modern facility exterior and interior. State-of-the-art engineering lab with"
mediaAnimation="slide-up"
useInvertedBackground={false}
buttons={[
{
text: "Request Consultation", href: "/contact"},
{
text: "View Case Studies", href: "/"},
]}
buttonAnimation="slide-up"
background={{ variant: "animated-grid" }}
mediaItems={[
{
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 system with PLC controllers"},
{
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 automation"},
]}
mediaAnimation="blur-reveal"
/>
</div>
<div id="solutions" data-section="solutions">
<div id="features" data-section="features">
<FeatureCardTwentyFour
tag="OUR CORE SOLUTIONS"
tag="AUTOMATION CAPABILITIES"
tagIcon={Lightbulb}
tagAnimation="slide-up"
title="Comprehensive Automation & Engineering Solutions"
description="We deliver five core solution categories designed to address the specific needs of factories, warehouses, and smart properties. Each solution is engineered for reliability, scalability, and long-term performance."
title="Advanced Production Line Automation"
description="We provide comprehensive industrial automation systems with integrated control, real-time monitoring, and seamless scalability for modern manufacturing facilities."
features={[
{
id: "industrial-automation",
title: "Industrial Automation Systems",
author: "Manufacturing Excellence",
description: "End-to-end automation solutions for production lines, assembly processes, and manufacturing workflows. Increase productivity by up to 40% with our integrated control systems and real-time monitoring.",
tags: ["Production Lines", "Assembly", "Monitoring"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/industrial-automation-control-system-wit-1773981131808-cf06236c.png?_wi=2",
imageAlt: "Industrial automation control system with PLC controllers, variable frequency drives, and wiring. Cl",
},
id: "production-control", title: "Production Line Control Systems", author: "Manufacturing Systems", description: "Advanced PLC and SCADA systems for complete production line management. Real-time monitoring, automatic error detection, and predictive maintenance capabilities.", tags: ["PLC/SCADA", "Real-time Monitoring", "Maintenance"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/industrial-automation-control-system-wit-1773981131808-cf06236c.png?_wi=1", imageAlt: "PLC and SCADA control systems"},
{
id: "robot-cobot",
title: "Robot & Cobot Automation",
author: "Precision Robotics",
description: "Cutting-edge robotic and collaborative robot solutions for precise, repetitive tasks. Perfect for warehousing, assembly, material handling, and specialized manufacturing applications.",
tags: ["Robotics", "Cobots", "Material Handling"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/advanced-collaborative-robot-with-articu-1773981131004-a16eab70.png?_wi=2",
imageAlt: "Advanced collaborative robot with articulated arms performing complex assembly task. Compact cobot d",
},
id: "assembly-integration", title: "Assembly Process Integration", author: "Process Optimization", description: "Integrated assembly automation for complex manufacturing workflows. Robotic arms, conveyor systems, and quality control integration in one unified system.", tags: ["Robotics", "Conveyors", "QC Integration"],
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"},
{
id: "packaging-machinery",
title: "Packaging Machinery Solutions",
author: "Production Optimization",
description: "Advanced packaging systems for food, pharmaceutical, and consumer goods industries. High-speed, reliable packaging with quality control integration.",
tags: ["Packaging", "Quality Control", "High-Speed"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/state-of-the-art-automatic-packaging-sys-1773981131749-3c44c882.png?_wi=2",
imageAlt: "State-of-the-art automatic packaging system with multiple stations. Products being filled, sealed, a",
},
id: "quality-control", title: "Quality Control Systems", author: "Quality Assurance", description: "Real-time quality monitoring and defect detection. Vision systems, sensors, and automated inspection to ensure product consistency and compliance.", tags: ["Vision Systems", "Inspection", "Compliance"],
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: "Quality control system"},
{
id: "smart-gate",
title: "Smart Gate & Access Systems",
author: "Security & Convenience",
description: "Premium automatic gate solutions for residential, commercial, and industrial properties. Includes remote control, RFID integration, and advanced security features for modern smart living.",
tags: ["Smart Gates", "Access Control", "Security"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/modern-premium-automatic-sliding-gate-wi-1773981131408-069d06de.png?_wi=2",
imageAlt: "Modern premium automatic sliding gate with remote control and RFID reader. Beautiful residential or ",
},
id: "data-analytics", title: "Data Analytics & Reporting", author: "Business Intelligence", description: "Comprehensive production data collection and analysis. Customizable dashboards, KPI tracking, and actionable insights for continuous improvement.", tags: ["Analytics", "Dashboards", "KPI Tracking"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-engineering-team-working-on-1773981131698-7cf7cd5d.png?_wi=1", imageAlt: "Analytics dashboard"},
{
id: "custom-engineering",
title: "Custom Engineering Solutions",
author: "Tailored Innovation",
description: "Bespoke automation and engineering solutions designed specifically for your unique operational requirements. From concept to implementation and ongoing support.",
tags: ["Engineering", "Customization", "Support"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/custom-engineered-automation-solution-be-1773981131850-3c480c9d.png?_wi=2",
imageAlt: "Custom engineered automation solution being installed at client site. Unique integrated system combi",
},
id: "maintenance-support", title: "Predictive Maintenance", author: "Operational Excellence", description: "24/7 technical support with predictive maintenance capabilities. IoT sensors monitor equipment health and alert teams to potential issues before failures occur.", tags: ["IoT Monitoring", "24/7 Support", "Prevention"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/completed-industrial-automation-installa-1773981131997-d20ced9d.png", imageAlt: "Maintenance support"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -162,50 +140,26 @@ export default function SolutionsPage() {
/>
</div>
<div id="why-choose-us" data-section="why-choose-us">
<div id="benefits" data-section="benefits">
<MetricCardEleven
tag="WHY CHOOSE MILESTONES"
tag="PROVEN RESULTS"
tagIcon={Award}
tagAnimation="slide-up"
title="Proven Excellence in Industrial Automation"
description="We combine technical expertise, proven track record, and customer-centric approach to deliver automation solutions that transform operations and drive business growth."
title="Industry-Leading Performance Gains"
description="Our industrial automation solutions consistently deliver significant improvements across key performance metrics."
metrics={[
{
id: "experience",
value: "15+",
title: "Years of Experience",
description: "Trusted by factories and businesses across Southeast Asia since 2009",
},
id: "productivity", value: "40%", title: "Productivity Increase", description: "Average productivity improvement within first 6 months"},
{
id: "projects",
value: "500+",
title: "Projects Completed",
description: "Successful installations and implementations across all solution categories",
},
id: "defects", value: "68%", title: "Defect Reduction", description: "Significant reduction in manufacturing defects through automation"},
{
id: "efficiency",
value: "40%",
title: "Average Productivity Increase",
description: "Clients report significant efficiency gains within first 6 months",
},
id: "downtime", value: "85%", title: "Downtime Reduction", description: "Minimized production downtime with predictive maintenance"},
{
id: "satisfaction",
value: "98%",
title: "Client Satisfaction Rate",
description: "Industry-leading customer satisfaction and long-term partnerships",
},
id: "labor-cost", value: "35%", title: "Labor Cost Savings", description: "Reduced labor costs through intelligent automation"},
{
id: "support",
value: "24/7",
title: "Technical Support",
description: "Round-the-clock support team to ensure zero downtime operations",
},
id: "roi", value: "8-12", title: "Month ROI Timeline", description: "Most clients achieve full return on investment within 8-12 months"},
{
id: "roi",
value: "8-12",
title: "Month ROI Timeline",
description: "Most clients achieve return on investment within 8-12 months",
},
id: "uptime", value: "99.2%", title: "System Uptime", description: "Industry-leading system reliability and performance"},
]}
animationType="slide-up"
textboxLayout="default"
@@ -213,6 +167,67 @@ export default function SolutionsPage() {
/>
</div>
<div id="projects" data-section="projects">
<ProductCardTwo
tag="SUCCESS STORIES"
tagIcon={CheckCircle}
tagAnimation="slide-up"
title="Industrial Automation Projects"
description="Explore our successful industrial automation implementations across diverse manufacturing sectors."
products={[
{
id: "project-1", brand: "Automotive", 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: "Automotive assembly line automation"},
{
id: "project-2", brand: "Chemical", name: "Robotic Production Line System", 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 automation"},
{
id: "project-3", brand: "Pharmaceutical", name: "Integrated Packaging & QC", 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 automation"},
{
id: "project-4", brand: "Electronics", name: "High-Precision Assembly System", price: "1.8M THB", rating: 5,
reviewCount: "9", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/industrial-automation-control-system-wit-1773981131808-cf06236c.png?_wi=1", imageAlt: "Electronics assembly automation"},
]}
gridVariant="two-columns-alternating-heights"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardFifteen
testimonial="Milestones Technologies transformed our entire production process. Their industrial automation solutions increased our output by 40% while simultaneously reducing defects and improving worker safety. The team was professional, thorough, and provided excellent ongoing support."
rating={5}
author="Dr. Pattana Sirivong, Production Manager - Thai Manufacturing Co."
avatars={[
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-male-execu-1773981130512-3b9ae1e1.png", alt: "Dr. Pattana Sirivong"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-male-facto-1773981130089-2c759151.png", alt: "Manager 2"},
{
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-female-pro-1773981130978-eb2d4e1c.png", alt: "Manager 3"},
]}
ratingAnimation="slide-up"
avatarsAnimation="slide-up"
useInvertedBackground={false}
/>
</div>
<div id="cta" data-section="cta">
<ContactText
text="Ready to modernize your manufacturing operations? Contact our industrial automation specialists for a comprehensive assessment and custom solution proposal."
background={{ variant: "animated-grid" }}
buttons={[
{
text: "Schedule Consultation", href: "/contact"},
{
text: "Download Technical Guide", href: "/"},
]}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Milestones Technologies"

216
src/app/waste-management/page.tsx Normal file
View File

@@ -0,0 +1,216 @@
"use client";
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 ContactText from "@/components/sections/contact/ContactText";
import FooterBase from "@/components/sections/footer/FooterBase";
import { Zap, Lightbulb, Award, CheckCircle } from "lucide-react";
export default function WasteManagementPage() {
const navItems = [
{ name: "Home", id: "/" },
{ name: "Solutions", id: "/solutions" },
{ name: "Waste Management", id: "/waste-management" },
{ name: "Plastic Solutions", id: "/plastic-solution" },
{ name: "Plastic Recycle", id: "/plastic-recycle" },
{ name: "Windows & Doors", id: "/window-door" },
{ name: "Robot Cobot", id: "/robot-cobot-automation" },
{ name: "Contact", id: "contact" },
];
const footerColumns = [
{
title: "Solutions", items: [
{ label: "Industrial Automation", href: "/solutions" },
{ label: "Robot & Cobot Systems", href: "/robot-cobot-automation" },
{ label: "Plastic Solutions", href: "/plastic-solution" },
{ label: "Waste Management", href: "/waste-management" },
{ 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="Advanced Waste Management Solutions"
description="Comprehensive waste management and recycling automation systems designed for factories, processing plants, and waste management facilities. Our solutions maximize efficiency, minimize environmental impact, and ensure regulatory compliance."
tag="WASTE MANAGEMENT & RECYCLING AUTOMATION"
tagIcon={Zap}
tagAnimation="slide-up"
buttons={[
{
text: "Request Assessment", href: "/contact"},
{
text: "Learn More", href: "#features"},
]}
buttonAnimation="slide-up"
background={{ variant: "animated-grid" }}
mediaItems={[
{
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: "Waste management sorting system"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/industrial-automation-control-system-wit-1773981131808-cf06236c.png?_wi=1", imageAlt: "Waste processing automation"},
]}
mediaAnimation="blur-reveal"
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFour
tag="WASTE MANAGEMENT SERVICES"
tagIcon={Lightbulb}
tagAnimation="slide-up"
title="Smart Waste Sorting & Recycling Systems"
description="Automated waste management solutions combining AI, robotics, and IoT technology for efficient waste sorting, processing, and recycling operations."
features={[
{
id: "sorting-system", title: "Automated Waste Sorting", author: "Sorting Technology", description: "AI-powered waste sorting using advanced vision systems and robotic arms. Automatically separates plastics, metals, paper, and organic waste for optimal recycling efficiency.", tags: ["AI Vision", "Robotics", "Sorting"],
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: "Waste sorting system"},
{
id: "compacting", title: "Waste Compacting Systems", author: "Processing Equipment", description: "High-capacity automated waste compaction and baling systems. Reduces waste volume by up to 90%, lowering transportation and storage costs significantly.", tags: ["Compaction", "Baling", "Volume Reduction"],
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: "Waste compacting equipment"},
{
id: "tracking", title: "Waste Tracking & Management", author: "Digital Solutions", description: "Real-time waste tracking system with IoT sensors and cloud-based management. Complete visibility of waste streams, compliance documentation, and disposal records.", tags: ["IoT Tracking", "Cloud Management", "Compliance"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-engineering-team-working-on-1773981131698-7cf7cd5d.png?_wi=1", imageAlt: "Waste tracking system"},
{
id: "energy-recovery", title: "Energy Recovery Systems", author: "Sustainability", description: "Extract maximum value from waste streams through energy recovery and conversion systems. Convert waste to energy or valuable raw materials for secondary use.", tags: ["Energy Recovery", "Sustainability", "Cost Savings"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/industrial-automation-control-system-wit-1773981131808-cf06236c.png?_wi=1", imageAlt: "Energy recovery system"},
{
id: "hazmat-handling", title: "Hazardous Waste Handling", author: "Safety Systems", description: "Specialized systems for safe and compliant handling of hazardous waste. Automated segregation, containment, and processing with complete safety protocols.", tags: ["Safety", "Compliance", "Hazmat"],
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/completed-industrial-automation-installa-1773981131997-d20ced9d.png", imageAlt: "Hazmat handling"},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="benefits" data-section="benefits">
<MetricCardEleven
tag="ENVIRONMENTAL & ECONOMIC IMPACT"
tagIcon={Award}
tagAnimation="slide-up"
title="Measurable Waste Management Benefits"
description="Our waste management solutions deliver significant improvements in environmental sustainability and operational cost reduction."
metrics={[
{
id: "waste-reduction", value: "75%", title: "Waste Volume Reduction", description: "Reduce waste volume through efficient sorting and compaction"},
{
id: "recycling-rate", value: "92%", title: "Recycling Rate Increase", description: "Maximize material recovery and recycling efficiency"},
{
id: "cost-savings", value: "60%", title: "Operational Cost Reduction", description: "Lower waste handling, transportation, and disposal costs"},
{
id: "labor", value: "80%", title: "Labor Reduction", description: "Minimize manual waste handling with full automation"},
{
id: "revenue", value: "45%", title: "Revenue from Recycled Materials", description: "Generate revenue from recovered materials and recyclables"},
{
id: "roi", value: "6-9", title: "Month ROI Timeline", description: "Fast return on investment through cost and revenue improvements"},
]}
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="projects" data-section="projects">
<ProductCardTwo
tag="WASTE MANAGEMENT PROJECTS"
tagIcon={CheckCircle}
tagAnimation="slide-up"
title="Waste Management Installations"
description="View our successful waste management and recycling system implementations."
products={[
{
id: "project-1", brand: "Factory Waste", name: "Automated Waste Sorting Facility", price: "2.2M THB", rating: 5,
reviewCount: "8", 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: "Waste sorting facility"},
{
id: "project-2", brand: "Recycling Center", name: "Complete Recycling Automation", price: "3.5M THB", rating: 5,
reviewCount: "6", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/industrial-automation-control-system-wit-1773981131808-cf06236c.png?_wi=1", imageAlt: "Recycling automation"},
{
id: "project-3", brand: "Industrial Complex", name: "Waste Management System", price: "1.9M THB", rating: 5,
reviewCount: "7", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/completed-industrial-automation-installa-1773981131997-d20ced9d.png", imageAlt: "Waste management system"},
]}
gridVariant="three-columns-all-equal-width"
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
/>
</div>
<div id="cta" data-section="cta">
<ContactText
text="Transform your waste management operations with intelligent automation. Contact our specialists for a comprehensive waste audit and customized solution."
background={{ variant: "animated-grid" }}
buttons={[
{
text: "Schedule Waste Audit", href: "/contact"},
{
text: "Download Solution Guide", href: "/"},
]}
useInvertedBackground={false}
/>
</div>
<div id="footer" data-section="footer">
<FooterBase
logoText="Milestones Technologies"
copyrightText="© 2025 Milestones Technologies. All rights reserved."
columns={footerColumns}
/>
</div>
</ThemeProvider>
);
}