"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 } from "lucide-react";

export default function WasteManagementPage() {
  const navItems = [
    { name: "Home", id: "/" },
    { name: "About", id: "about" },
    { name: "Solutions", id: "solutions" },
    { name: "Waste Management", id: "waste-management" },
    { name: "Projects", id: "projects" },
    { name: "Blog", id: "blog" },
    { name: "Contact", id: "contact" },
  ];

  const footerColumns = [
    {
      title: "Solutions",      items: [
        { label: "Waste Management Systems", href: "/waste-management" },
        { label: "Plastic Solutions", href: "/plastic-solution" },
        { label: "Plastic Recycling", href: "/plastic-recycle" },
        { label: "Smart Gate Systems", href: "/solutions" },
        { 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="Comprehensive Waste Management Solutions"
          description="Transform your waste management operations with our advanced automated systems. From collection to sorting and processing, we provide end-to-end solutions that maximize efficiency, reduce costs, and promote environmental sustainability."
          tag="WASTE MANAGEMENT & SUSTAINABILITY"
          tagIcon={Zap}
          tagAnimation="slide-up"
          buttons={[
            {
              text: "Request a Consultation",              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/modern-waste-sorting-facility-with-autom-1773981130354-3aca37a1.png?_wi=1",              imageAlt: "Modern waste sorting facility with automated conveyor systems"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/waste-collection-automation-system-with-1773981132057-91de9d07.png?_wi=1",              imageAlt: "Waste collection automation system with robotic sorting arms"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/waste-processing-facility-with-integrated-1773981131975-1ea8ba37.png?_wi=1",              imageAlt: "Waste processing facility with integrated monitoring systems"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/landfill-management-system-with-real-ti-1773981130740-14a987e9.png?_wi=1",              imageAlt: "Landfill management system with real-time monitoring"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/waste-disposal-innovation-team-working-1773981131698-7cf7cd5d.png?_wi=1",              imageAlt: "Innovation team working on waste disposal solutions"},
            {
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/completed-waste-management-installation-1773981131997-d20ced9d.png",              imageAlt: "Completed waste management installation showcasing integrated systems"},
          ]}
          mediaAnimation="blur-reveal"
        />
      </div>

      <div id="solutions" data-section="solutions">
        <FeatureCardTwentyFour
          tag="WASTE MANAGEMENT SOLUTIONS"
          tagIcon={Lightbulb}
          tagAnimation="slide-up"
          title="Integrated Waste Management & Processing Systems"
          description="Our waste management solutions provide comprehensive coverage from collection to final processing. We combine advanced automation, IoT monitoring, and sustainable practices to optimize waste operations."
          features={[
            {
              id: "collection-systems",              title: "Smart Waste Collection Systems",              author: "Collection Excellence",              description: "Automated waste collection with IoT-enabled bins and real-time route optimization. Track collection efficiency, reduce collection costs, and improve service response times.",              tags: ["IoT Tracking", "Route Optimization", "Cost Reduction"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/smart-waste-bin-system-with-monitoring-1773981131808-cf06236c.png?_wi=1",              imageAlt: "Smart waste bin system with monitoring and automation"},
            {
              id: "sorting-systems",              title: "Automated Waste Sorting Systems",              author: "Sorting Innovation",              description: "AI-powered sorting systems that automatically segregate waste by type, material, and contamination level. Achieve 95%+ sorting accuracy and maximize material recovery rates.",              tags: ["AI Sorting", "Material Recovery", "Accuracy"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/ai-powered-waste-sorting-facility-with-1773981131004-a16eab70.png?_wi=1",              imageAlt: "AI-powered waste sorting facility with robotic arms"},
            {
              id: "processing-systems",              title: "Waste Processing & Conversion",              author: "Processing Optimization",              description: "Advanced processing systems for composting, biogas generation, and waste-to-energy conversion. Convert waste into valuable resources while reducing environmental impact.",              tags: ["Composting", "Biogas", "Energy"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/waste-to-energy-facility-with-advanced-1773981131749-3c44c882.png?_wi=1",              imageAlt: "Waste-to-energy facility with advanced processing equipment"},
            {
              id: "monitoring-systems",              title: "Real-Time Monitoring & Analytics",              author: "Data Intelligence",              description: "Cloud-based monitoring systems providing real-time visibility into waste flows, facility performance, and environmental compliance. Make data-driven decisions for optimization.",              tags: ["Cloud Monitoring", "Analytics", "Compliance"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/waste-facility-monitoring-dashboard-with-1773981131408-069d06de.png?_wi=1",              imageAlt: "Waste facility monitoring dashboard with real-time analytics"},
            {
              id: "custom-waste-solutions",              title: "Custom Waste Solutions",              author: "Tailored Services",              description: "Bespoke waste management systems designed for your specific operational needs. From small municipal operations to large industrial facilities, we customize solutions for maximum efficiency.",              tags: ["Customization", "Scalability", "Integration"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/custom-waste-facility-engineered-solution-1773981131850-3c480c9d.png?_wi=1",              imageAlt: "Custom waste management solution being installed"},
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-choose-us" data-section="why-choose-us">
        <MetricCardEleven
          tag="WHY CHOOSE OUR WASTE SOLUTIONS"
          tagIcon={Award}
          tagAnimation="slide-up"
          title="Industry-Leading Waste Management Technology"
          description="Our waste management solutions deliver measurable results through innovative technology, expert implementation, and continuous optimization."
          metrics={[
            {
              id: "efficiency-gain",              value: "50%",              title: "Operational Efficiency Increase",              description: "Clients achieve 50% improvement in waste processing efficiency"},
            {
              id: "cost-reduction",              value: "35%",              title: "Cost Reduction",              description: "Average cost reduction in waste management operations"},
            {
              id: "recovery-rate",              value: "90%",              title: "Material Recovery Rate",              description: "Maximize material recovery and minimize landfill waste"},
            {
              id: "environmental",              value: "60%",              title: "Environmental Impact Reduction",              description: "Significant reduction in environmental footprint and emissions"},
            {
              id: "uptime",              value: "99.5%",              title: "System Uptime",              description: "Reliable systems with industry-leading availability"},
            {
              id: "support",              value: "24/7",              title: "Technical Support",              description: "Round-the-clock support to ensure optimal facility operations"},
          ]}
          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 our recent waste management projects demonstrating cutting-edge automation and sustainable practices."
          products={[
            {
              id: "project-1",              brand: "Bangkok Municipality",              name: "City-Wide Waste Collection Automation",              price: "5.2M THB",              rating: 5,
              reviewCount: "8",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/city-waste-collection-system-complete-1773981131944-e95865db.png?_wi=1",              imageAlt: "City-wide waste collection automation system"},
            {
              id: "project-2",              brand: "Industrial Park Operator",              name: "Integrated Waste Sorting Facility",              price: "3.8M THB",              rating: 5,
              reviewCount: "6",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/waste-sorting-facility-installation-compl-1773981131923-cf0c3dab.png?_wi=1",              imageAlt: "Integrated waste sorting facility with automated systems"},
            {
              id: "project-3",              brand: "Waste Management Company",              name: "Waste-to-Energy Processing Plant",              price: "8.5M THB",              rating: 5,
              reviewCount: "10",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/waste-to-energy-plant-operational-syste-1773981131081-518034f7.png?_wi=1",              imageAlt: "Waste-to-energy processing plant with advanced systems"},
            {
              id: "project-4",              brand: "Resort & Hotel Group",              name: "Hospitality Waste Management System",              price: "1.5M THB",              rating: 5,
              reviewCount: "7",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/hospitality-waste-solution-installed-res-1773981131885-7d86d7ce.png?_wi=1",              imageAlt: "Hospitality waste management system at resort"},
            {
              id: "project-5",              brand: "Shopping Mall Operator",              name: "Commercial Waste Segregation System",              price: "2.2M THB",              rating: 5,
              reviewCount: "9",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/commercial-waste-segregation-at-mall-sy-1773981131785-741649af.png?_wi=1",              imageAlt: "Commercial waste segregation system at shopping mall"},
            {
              id: "project-6",              brand: "Food Court Operator",              name: "Organic Waste Composting System",              price: "920K THB",              rating: 5,
              reviewCount: "5",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/organic-waste-composting-system-food-co-1773981135234-da2258a8.png?_wi=1",              imageAlt: "Organic waste composting system for food operations"},
          ]}
          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 WASTE MANAGEMENT PARTNERS"
          tagIcon={Shield}
          tagAnimation="slide-up"
          title="Trusted by Leading Waste Management Organizations"
          description="Our waste management solutions are deployed across municipalities, private waste operators, industrial parks, and hospitality businesses throughout Southeast Asia."
          names={[
            "Bangkok Metropolitan Administration",            "Thai Waste Management Group",            "Southeast Recycling Corp",            "Industrial Park Authority",            "Hospitality Waste Solutions",            "Municipal Waste Operators",            "Commercial Waste Services",            "Sustainability Partners"]}
          logos={[
            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/municipal-authority-logo-waste-1773981130490-d851f847.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/waste-company-logo-1773981131364-3e0f1b67.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/recycling-corp-logo-1773981133845-5e6dbc25.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/industrial-park-logo-1773981130788-63944153.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/hospitality-group-logo-1773981130764-ae871848.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/waste-operators-logo-1773981131039-83d43e45.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/commercial-services-logo-1773981132381-3ecc38c8.png",            "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/sustainability-partners-logo-1773981130307-dd93d586.png"]}
          textboxLayout="default"
          useInvertedBackground={false}
          showCard={true}
          speed={40}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Milestones Technologies revolutionized our waste management operations. Their automated sorting system increased our recovery rate to 92%, and the real-time monitoring dashboard provides unprecedented visibility into our facility. ROI was achieved in less than 10 months. Exceptional service and support."
          rating={5}
          author="Prasad Suwalthip, Operations Manager - Regional Waste Management"
          avatars={[
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-waste-manager-1-1773981130512-3b9ae1e1.png",              alt: "Prasad Suwalthip"},
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-waste-operator-1-1773981130089-2c759151.png",              alt: "Niran Sakaytanya"},
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-sustainability-1-1773981130978-eb2d4e1c.png",              alt: "Wanida Ekasak"},
            {
              src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BC5DoKtnbMRErIYJgmPK5zjs5w/professional-headshot-municipal-leader-1773981131172-a7325777.png",              alt: "Pattarapol Surin"},
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="cta" data-section="cta">
        <ContactText
          text="Ready to revolutionize your waste management operations? Contact our specialists today for a comprehensive facility assessment and customized solution proposal."
          background={{ variant: "animated-grid" }}
          buttons={[
            {
              text: "Schedule Assessment",              href: "/contact"},
            {
              text: "Discuss Your Needs",              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>
  );
}