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

export const Route = createFileRoute("/professional-pre-cooling")({
  head: () => ({
    meta: [
      { title: "Professional Pre-Cooling System — Promist" },
      { name: "description", content: "High-pressure misting pre-cooling systems for HVAC condensers, reducing energy costs by up to 30%." },
    ],
  }),
  component: ApplicationsProfessionalPreCooling,
});

function ApplicationsProfessionalPreCooling() {
  return (
    <SubPageLayout
      eyebrow="Applications"
      title="Professional Pre-Cooling System"
      lede="Reduce energy consumption and enhance air conditioning performance with our high-pressure misting pre-cooling systems."
    >
      <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>Promist designs and installs high-pressure misting systems in front of or below condenser coils to pre-cool the intake airflow before passing through the condenser coils, lowering the ambient temperature around the condenser.</p>
            <p>These systems pre-cool the air intake for industrial air conditioners and evaporative coolers, enhancing the performance of existing AC units while dramatically reducing operating costs by as much as 30%. This is accomplished because the misting system reduces the compressor load and head pressure, reducing unit cycling and energy required to operate.</p>
          </div>
          <img src="/wp-uploads/2017/04/pre-cooling.jpg" alt="Professional Pre-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-6">How It Works</h2>
        <div className="prose max-w-none text-muted-foreground space-y-4">
          <p>The high-pressure misting systems operate at 70-150 Bar, producing extremely small water droplets that use the principal of "flash evaporation" — reducing temperature without getting the coils noticeably wet. This lowers the temperature of the air surrounding the condenser. At a lower ambient temperature, the condenser's cooling capacity increases and the systems operate more efficiently.</p>
          <p>As the head pressure falls, the saturated liquid temperature also falls and cooling capacity increases. The air conditioning or refrigeration system does not have to operate as long to satisfy the load, reducing energy use. Reduced head pressure also lengthens compressor life and increases cooling reliability.</p>
        </div>
      </Section>
      <Section>
        <h2 className="font-display text-3xl font-black mb-6">Benefits & Savings</h2>
        <div className="prose max-w-none text-muted-foreground space-y-4">
          <ul className="list-disc pl-6 space-y-2">
            <li>Reduced Maintenance Costs</li>
            <li>Increased Cooling Capacity</li>
            <li>Reduced energy usage during normal and peak times</li>
            <li>Up to 30% reduction in energy costs</li>
            <li>Fast return on investment — pays for itself quickly</li>
            <li>Extends equipment life</li>
            <li>Suitable for all types of condensers and HVAC systems</li>
          </ul>
          <p className="mt-6">Most importantly it reduces the overall electrical bill. This is a great investment because it will pay for itself in a short amount of time and continue to reduce energy and maintenance costs for years to come.</p>
        </div>
      </Section>
    </SubPageLayout>
  );
}
