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

export const Route = createFileRoute("/misting-pumps")({
  head: () => ({
    meta: [
      { title: "Misting Pumps — Promist" },
      { name: "description", content: "1000-psi high-pressure misting pumps with thermal protection, low water safety switches, and low-noise motors." },
    ],
  }),
  component: ProductsMistingPumps,
});

function ProductsMistingPumps() {
  return (
    <SubPageLayout
      eyebrow="Products"
      title="Misting Pumps"
      lede="We offer a broad range of 1000-psi (70 bar) high pressure misting pumps, built with high quality components following 37 years of experience."
    >
      <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>From our economical direct drive pump to our industrial units, all of our mist pumps are built with high quality components, following our 37 years experience in the high pressure pumps industry.</p>
            <p>All of our pumps are designed and built with thermal and short circuit protection. Professional units include a low water safety switch preventing the unit from operating with insufficient water supply.</p>
            <p>Our mist pumps utilize a low speed, 4-pole or 6-pole motor, reducing operating speed, noise, and vibration while maintaining required pressure and flow. Most pumps are available in 115V or 230V.</p>
          </div>
          <img src="/wp-uploads/2017/04/misting-pumps.jpg" alt="Misting Pumps" 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-6">Key Features</h2>
        <div className="grid md:grid-cols-2 gap-6">
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Thermal Protection</h3>
            <p className="mt-2 text-muted-foreground">All pumps include thermal and short circuit protection for safe, reliable operation.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Low Water Safety</h3>
            <p className="mt-2 text-muted-foreground">Professional units include a low water safety switch to prevent dry running.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Low Noise Motors</h3>
            <p className="mt-2 text-muted-foreground">4-pole or 6-pole motors reduce noise and vibration while maintaining performance.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Custom Solutions</h3>
            <p className="mt-2 text-muted-foreground">Custom pumps built for voltages from 115V to 575V 3 Phase with VFD for multi-zone applications.</p>
          </div>
        </div>
      </Section>
      <Section>
        <h2 className="font-display text-3xl font-black mb-6">Integrated Climate Control</h2>
        <div className="prose max-w-none text-muted-foreground">
          <p>We offer a specialized integrated climate control (HT controller) system with a remote sensor that automates operations based on programmable temperature and humidity settings. The pump is designed to suit all of our mist fans.</p>
          <p className="mt-4">Additional components such as electric zone valves, drain valves, and safety switches are also available. Units can include variable frequency drive (VAR or VFD) for multi-zone applications.</p>
        </div>
      </Section>
    </SubPageLayout>
  );
}
