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

export const Route = createFileRoute("/industrial-outdoor-cooling")({
  head: () => ({
    meta: [
      { title: "Industrial Outdoor Cooling — Promist" },
      { name: "description", content: "Heavy-duty misting solutions for industrial cooling in factories, warehouses, and manufacturing facilities." },
    ],
  }),
  component: ApplicationsIndustrialOutdoorCooling,
});

function ApplicationsIndustrialOutdoorCooling() {
  return (
    <SubPageLayout
      eyebrow="Applications"
      title="Industrial Outdoor Cooling"
      lede="Our heavy-duty industrial misting systems provide effective cooling solutions for factories, warehouses, manufacturing plants, and outdoor work areas."
    >
      <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>Industrial environments generate significant heat from machinery, processes, and solar radiation. Our high-pressure misting systems provide an effective and economical solution for cooling large industrial spaces, improving worker safety, productivity, and comfort.</p>
            <p>The evaporative cooling process can reduce ambient temperatures by up to 15°C, creating a safer and more productive work environment while consuming a fraction of the energy required by traditional HVAC systems.</p>
          </div>
          <img src="/wp-uploads/2017/04/industrial-outdoor-cooling.jpg" alt="Industrial Outdoor Cooling" 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">Industrial 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">Warehouses</h3>
            <p className="mt-2 text-muted-foreground">Cool large warehouse spaces efficiently without the high cost of traditional air conditioning.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Manufacturing Plants</h3>
            <p className="mt-2 text-muted-foreground">Reduce heat stress on workers and equipment in production facilities.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Loading Docks</h3>
            <p className="mt-2 text-muted-foreground">Keep loading areas comfortable for staff working in direct sun and heat.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Workshops</h3>
            <p className="mt-2 text-muted-foreground">Maintain comfortable working temperatures in repair and maintenance workshops.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Foundries</h3>
            <p className="mt-2 text-muted-foreground">Provide relief from extreme heat in metalworking and foundry environments.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Distribution Centers</h3>
            <p className="mt-2 text-muted-foreground">Improve working conditions in large distribution and logistics facilities.</p>
          </div>
        </div>
      </Section>
      <Section>
        <h2 className="font-display text-3xl font-black mb-6">Why Choose Promist for Industrial Cooling?</h2>
        <div className="prose max-w-none text-muted-foreground space-y-4">
          <p>Our industrial misting systems are built with heavy-duty components designed to withstand harsh environments. With 37+ years of experience in high-pressure pump technology, we deliver reliable, long-lasting cooling solutions that reduce energy costs and improve workplace safety.</p>
          <ul className="list-disc pl-6 space-y-2">
            <li>1000-psi (70 bar) high-pressure systems</li>
            <li>Thermal and short circuit protection</li>
            <li>Low water safety switch</li>
            <li>Low-speed 4-pole or 6-pole motors for reduced noise</li>
            <li>Custom solutions for voltages from 115V to 575V 3 Phase</li>
            <li>VFD (Variable Frequency Drive) for multi-zone applications</li>
          </ul>
        </div>
      </Section>
    </SubPageLayout>
  );
}
