import { createFileRoute } from "@tanstack/react-router";
import { Section } from "@/components/page-shell";
import { SubPageLayout } from "@/components/sub-page-layout";

export const Route = createFileRoute("/dust-suppression")({
  head: () => ({
    meta: [
      { title: "Dust Suppression — Promist" },
      { name: "description", content: "High-pressure misting systems for effective dust suppression in mining, construction, and industrial applications." },
    ],
  }),
  component: ApplicationsDustSuppression,
});

function ApplicationsDustSuppression() {
  return (
    <SubPageLayout
      eyebrow="Applications"
      title="Dust Suppression"
      lede="Effective dust control solutions using high-pressure misting technology for mining, construction, demolition, and industrial processing environments."
    >
      <Section>
        <div className="grid lg:grid-cols-2 gap-10 items-start">
          <div className="prose max-w-none text-muted-foreground space-y-4">
            <p>Dust suppression is critical in many industries for workplace safety, environmental compliance, and equipment protection. Our high-pressure misting systems create ultra-fine water droplets (8-10 microns) that bond with airborne dust particles, causing them to fall to the ground efficiently.</p>
            <p>Unlike traditional water spraying methods that use large amounts of water and create muddy conditions, our misting systems use minimal water while achieving superior dust capture rates.</p>
          </div>
          <img src="/wp-uploads/2017/04/dust-suppression.jpg" alt="Dust Suppression" className="w-full h-[300px] object-cover rounded-lg" />
        </div>
      </Section>
      <Section className="bg-muted/50">
        <h2 className="font-display text-3xl font-black mb-8">Applications</h2>
        <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Mining & Quarries</h3>
            <p className="mt-2 text-muted-foreground">Control airborne dust from crushing, screening, and material handling operations.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Construction & Demolition</h3>
            <p className="mt-2 text-muted-foreground">Suppress dust at construction sites and during demolition activities.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Waste Management</h3>
            <p className="mt-2 text-muted-foreground">Control dust at transfer stations, landfills, and recycling facilities.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Manufacturing</h3>
            <p className="mt-2 text-muted-foreground">Reduce airborne particulates in industrial processing and manufacturing plants.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Agriculture</h3>
            <p className="mt-2 text-muted-foreground">Suppress dust in grain handling, feed mills, and livestock operations.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Ports & Shipping</h3>
            <p className="mt-2 text-muted-foreground">Control dust from bulk material loading, unloading, and storage.</p>
          </div>
        </div>
      </Section>
      <Section>
        <h2 className="font-display text-3xl font-black mb-6">Why Misting for Dust Suppression?</h2>
        <div className="prose max-w-none text-muted-foreground space-y-4">
          <ul className="list-disc pl-6 space-y-2">
            <li>Ultra-fine droplets (8-10 microns) capture even respirable dust particles</li>
            <li>Uses 90% less water than traditional spray systems</li>
            <li>No runoff or mud formation</li>
            <li>Can be automated with timers, sensors, and remote controls</li>
            <li>Low energy consumption</li>
            <li>No chemical additives required — uses plain water</li>
            <li>Compliant with environmental regulations</li>
          </ul>
        </div>
      </Section>
    </SubPageLayout>
  );
}
