"use client";

import Link from "next/link";
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 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 { Zap, Lightbulb, Award, CheckCircle, Shield, Trash2 } from "lucide-react";

export default function WasteManagementPage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Waste Management", id: "waste-management" },
    { name: "Plastic Solutions", id: "plastic-solutions" },
    { name: "Plastic Recycle", id: "plastic-recycle" },
    { name: "Windows & Doors", id: "windows-doors" },
    { name: "Contact", id: "contact" },
  ];

  const footerColumns = [
    {
      title: "Solutions",      items: [
        { label: "Waste Management", href: "/waste-management" },
        { label: "Plastic Solutions", href: "/plastic-solutions" },
        { label: "Plastic Recycle", href: "/plastic-recycle" },
        { label: "Windows & Doors", href: "/windows-doors" },
        { 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 systems designed to optimize collection, sorting, processing, and disposal operations. Our intelligent solutions help facilities reduce waste volume, improve efficiency, and maintain environmental compliance while maximizing recovery of valuable materials."
          tag="WASTE MANAGEMENT EXCELLENCE"
          tagIcon={Trash2}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Request a Quote",              href: "/contact"},
            {
              text: "Learn More",              href: "#solutions"},
          ]}
          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: "Advanced waste management sorting system"},
            {
              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: "Automated waste processing and compaction equipment"},
            {
              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: "Waste management monitoring and control interface"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/collaborative-robot-cobot-working-alongs-1773981130740-14a987e9.png?_wi=1",              imageAlt: "Robotic material handling in waste facilities"},
          ]}
          mediaAnimation="blur-reveal"
        />
      </div>

      <div id="solutions" data-section="solutions">
        <FeatureCardTwentyFour
          tag="WASTE MANAGEMENT CAPABILITIES"
          tagIcon={Lightbulb}
          tagAnimation="slide-up"
          title="Complete Waste Management System Solutions"
          description="From collection and transportation to sorting, processing, and final disposal, our integrated waste management solutions address every stage of the waste lifecycle with cutting-edge automation and monitoring technology."
          features={[
            {
              id: "collection-sorting",              title: "Automated Collection & Sorting Systems",              author: "Efficiency First",              description: "Intelligent sorting systems that automatically separate waste streams, identify recyclable materials, and optimize collection logistics to reduce operational costs and improve material recovery rates.",              tags: ["Sorting", "Collection", "Automation"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/industrial-automation-control-system-wit-1773981131808-cf06236c.png?_wi=1",              imageAlt: "Automated waste sorting and collection system"},
            {
              id: "compaction-processing",              title: "Waste Compaction & Processing",              author: "Volume Reduction",              description: "Advanced compaction and processing equipment that significantly reduces waste volume, lowers transportation costs, and prepares materials for final disposal or recycling streams.",              tags: ["Compaction", "Processing", "Volume Reduction"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/advanced-collaborative-robot-with-articu-1773981131004-a16eab70.png?_wi=1",              imageAlt: "Waste compaction and processing machinery"},
            {
              id: "monitoring-control",              title: "Real-Time Monitoring & Control",              author: "Smart Operations",              description: "IoT-enabled monitoring systems that track waste levels, equipment performance, and environmental conditions in real-time, enabling proactive maintenance and optimized operations.",              tags: ["IoT", "Monitoring", "Smart Control"],
              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 monitoring dashboard"},
            {
              id: "hazmat-handling",              title: "Hazardous Material Handling Systems",              author: "Safety & Compliance",              description: "Specialized systems for safe collection, containment, and processing of hazardous waste streams with full compliance to environmental and safety regulations.",              tags: ["Safety", "Compliance", "Hazmat"],
              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: "Hazardous waste containment system"},
            {
              id: "reporting-analytics",              title: "Waste Analytics & Reporting",              author: "Data-Driven Insights",              description: "Comprehensive analytics platform providing detailed waste composition reports, environmental impact tracking, and actionable insights for continuous improvement and sustainability goals.",              tags: ["Analytics", "Reporting", "Sustainability"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/custom-engineered-automation-solution-be-1773981131850-3c480c9d.png?_wi=1",              imageAlt: "Waste management analytics interface"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-choose-us" data-section="why-choose-us">
        <MetricCardEleven
          tag="WASTE MANAGEMENT IMPACT"
          tagIcon={Award}
          tagAnimation="slide-up"
          title="Proven Results in Waste Management"
          description="Our waste management solutions deliver measurable improvements in operational efficiency, cost reduction, and environmental sustainability for facilities of all sizes."
          metrics={[
            {
              id: "volume-reduction",              value: "60%",              title: "Waste Volume Reduction",              description: "Advanced compaction and processing reduces landfill contributions"},
            {
              id: "cost-savings",              value: "45%",              title: "Operational Cost Savings",              description: "Reduced transportation, labor, and processing expenses"},
            {
              id: "recovery-rate",              value: "75%",              title: "Material Recovery Rate",              description: "Increased value from waste streams through smart sorting"},
            {
              id: "downtime",              value: "99%",              title: "System Uptime",              description: "Reliable 24/7 operation with minimal maintenance needs"},
            {
              id: "environmental",              value: "85%",              title: "Carbon Footprint Reduction",              description: "Optimized operations decrease environmental impact"},
            {
              id: "compliance",              value: "100%",              title: "Regulatory Compliance",              description: "Full adherence to all environmental and safety standards"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="featured-projects" data-section="featured-projects">
        <ProductCardTwo
          tag="WASTE MANAGEMENT PROJECTS"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          title="Featured Waste Management Installations"
          description="Explore recent waste management implementations showcasing our expertise in system design, installation, and optimization."
          products={[
            {
              id: "project-1",              brand: "Municipal Waste Facility",              name: "Integrated Sorting & Processing System",              price: "3.5M THB",              rating: 5,
              reviewCount: "8",              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: "Municipal waste facility sorting system"},
            {
              id: "project-2",              brand: "Industrial Complex",              name: "Hazardous Waste Management System",              price: "2.8M THB",              rating: 5,
              reviewCount: "6",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/food-processing-facility-with-integrated-1773981131923-cf0c3dab.png?_wi=1",              imageAlt: "Hazardous waste containment facility"},
            {
              id: "project-3",              brand: "Recycling Center",              name: "Advanced Material Recovery System",              price: "2.2M THB",              rating: 5,
              reviewCount: "7",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/warehouse-with-collaborative-robots-mana-1773981131081-518034f7.png?_wi=1",              imageAlt: "Recycling facility robotic system"},
            {
              id: "project-4",              brand: "Manufacturing Facility",              name: "Industrial Waste Compaction System",              price: "1.5M THB",              rating: 5,
              reviewCount: "9",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/luxury-residential-complex-entrance-with-1773981131885-7d86d7ce.png?_wi=1",              imageAlt: "Industrial waste compaction system"},
            {
              id: "project-5",              brand: "Hospital Complex",              name: "Medical Waste Management System",              price: "1.8M THB",              rating: 5,
              reviewCount: "5",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/chemical-manufacturing-facility-with-rob-1773981131785-741649af.png?_wi=1",              imageAlt: "Medical waste management facility"},
            {
              id: "project-6",              brand: "Distribution Hub",              name: "Logistics Waste Optimization",              price: "1.2M THB",              rating: 5,
              reviewCount: "8",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/pharmaceutical-facility-with-integrated--1773981135234-da2258a8.png?_wi=1",              imageAlt: "Distribution hub waste management system"},
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="trust-indicators" data-section="trust-indicators">
        <SocialProofOne
          tag="TRUSTED PARTNERS"
          tagIcon={Shield}
          tagAnimation="slide-up"
          title="Trusted by Major Waste Management Organizations"
          description="Leading waste management facilities, municipalities, and industrial operators across Southeast Asia rely on our solutions for superior performance and compliance."
          names={[
            "Bangkok Waste Corporation",            "Southeast Recycling Co",            "Industrial Waste Solutions",            "Municipal Waste Authority",            "Hazmat Solutions Ltd",            "Green Waste Management",            "Environmental Services Plus",            "Regional Disposal Services"]}
          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"]}
          textboxLayout="default"
          useInvertedBackground={false}
          showCard={true}
          speed={40}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Milestones Technologies' waste management system transformed our facility operations. We achieved 60% waste volume reduction and improved material recovery by 50% within the first year. The real-time monitoring system gives us complete visibility into our operations, and the system is remarkably reliable and easy to use."
          rating={5}
          author="Apichai Sangvorawit, Operations Manager - Bangkok Waste Corporation"
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-male-execu-1773981130512-3b9ae1e1.png",              alt: "Apichai Sangvorawit"},
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-male-facto-1773981130089-2c759151.png",              alt: "Pichai Tuntipraset"},
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-female-pro-1773981130978-eb2d4e1c.png",              alt: "Niran Kachuay"},
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-of-thai-male-busin-1773981131172-a7325777.png",              alt: "Surachai Moonkhan"},
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="cta" data-section="cta">
        <ContactText
          text="Optimize your waste management operations with our advanced automation solutions. Contact our team for a comprehensive facility assessment and customized proposal."
          background={{ variant: "animated-grid" }}
          buttons={[
            {
              text: "Schedule Facility Assessment",              href: "/contact"},
            {
              text: "Call Us",              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>
  );
}