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

export const Route = createFileRoute("/satellite-misting-fans")({
  head: () => ({
    meta: [
      { title: "Satellite Misting Fans — Promist" },
      { name: "description", content: "Heavy-duty satellite misting fans for industrial and commercial indoor cooling applications." },
    ],
  }),
  component: ProductsSatelliteMistingFans,
});

function ProductsSatelliteMistingFans() {
  return (
    <SubPageLayout eyebrow="Products" title="Satellite Misting Fans" lede="Heavy duty misting fans offering great benefits in industrial indoor cooling thanks to high performance and low energy consumption.">
      <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>Misting fans are the best solution for open areas, providing air flow and cooling with the best efficiency. The two integrated systems — ventilation and misting — together ensure the best result against high levels of relative humidity in hot seasons.</p>
            <p>Our standard and exhaust fans offer high volume output and smooth, efficient operation. The heavy duty galvanized housing is strong, compact, and easy to install. Automatic shutters are included in exhaust models. The high velocity air pattern provides maximum cooling at the lowest electrical cost.</p>
          </div>
          <img src="/wp-uploads/2017/04/misting-fans.jpg" alt="Satellite Misting Fans" 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">Applications</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">Industrial Warehouses</h3>
            <p className="mt-2 text-muted-foreground">Large-scale cooling for warehouses and distribution centers.</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">Effective cooling for production floors and assembly areas.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Sports Centers</h3>
            <p className="mt-2 text-muted-foreground">Cool indoor sports facilities, arenas, and gymnasiums.</p>
          </div>
          <div className="bg-white p-6 rounded-lg border">
            <h3 className="font-bold text-lg">Agricultural Buildings</h3>
            <p className="mt-2 text-muted-foreground">Ventilation and cooling for livestock barns and poultry houses.</p>
          </div>
        </div>
      </Section>
      <Section>
        <h2 className="font-display text-3xl font-black mb-6">Features</h2>
        <div className="prose max-w-none text-muted-foreground">
          <ul className="list-disc pl-6 space-y-2">
            <li>Heavy duty galvanized housing — strong, compact, easy to install</li>
            <li>High volume air output with smooth, efficient operation</li>
            <li>Automatic shutters on exhaust models</li>
            <li>High velocity air pattern for maximum cooling</li>
            <li>Lowest electrical cost compared to standard air conditioning</li>
            <li>Integrated misting and ventilation in one system</li>
          </ul>
        </div>
      </Section>
    </SubPageLayout>
  );
}
